.shell{background:radial-gradient(1200px 600px at 10% -10%, #5eead438, transparent 55%), radial-gradient(900px 500px at 100% 0%, #a78bfa47, transparent 50%), linear-gradient(165deg, #071526 0%, var(--navy) 45%, #103058 100%);height:100%;position:relative;overflow:hidden}.map-plane{position:absolute;inset:0}.map-canvas{width:100%;height:100%}.map-veil{pointer-events:none;background:linear-gradient(#07152666 0%,#0000 24%),linear-gradient(#0000 72%,#07152647 100%);position:absolute;inset:0}.map-legend{z-index:2;color:var(--ink);background:#fffffff0;border-radius:14px;max-width:11rem;padding:.75rem .9rem;transition:bottom .3s;position:absolute;bottom:1rem;left:1rem;box-shadow:0 10px 28px #0b1f3a29}.map-legend-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .45rem;font-size:.72rem;font-weight:800}.map-legend ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.map-legend li{align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.map-legend-swatch{border:2px solid #fff;border-radius:999px;flex-shrink:0;width:.85rem;height:.85rem;box-shadow:0 0 0 1px #0f172a1f}.map-legend-swatch-origin{width:1rem;height:1rem;box-shadow:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23e11d48' stroke='%23fff' stroke-width='3.5' stroke-linejoin='round' d='M32 4.5l7.4 15 16.6 2.4-12 11.7 2.8 16.5L32 41.8 17.2 50.1l2.8-16.5-12-11.7 16.6-2.4z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0}.brand-bar{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071526e0;border-radius:1.35rem;align-items:center;gap:.85rem;padding:.65rem 1rem .65rem .65rem;display:flex;position:absolute;top:1.1rem;left:1.1rem;box-shadow:0 12px 32px #07152659}.brand-mark{background:linear-gradient(145deg, var(--mint), #99f6e4);border-radius:1rem;place-items:center;width:3rem;height:3rem;display:grid;box-shadow:0 10px 30px #2dd4bf59}.brand-face{background:var(--navy);border-radius:50%;width:1.55rem;height:1.55rem;position:relative}.brand-face:before,.brand-face:after{content:"";background:var(--mint);border-radius:50%;width:.28rem;height:.28rem;position:absolute;top:.45rem}.brand-face:before{left:.35rem}.brand-face:after{right:.35rem}.brand-kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin:0;font-size:.78rem;font-weight:700}.brand-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.65rem;font-weight:800;line-height:1}.panel{z-index:3;border-radius:var(--radius-lg);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:420px;box-shadow:var(--shadow);flex-direction:column;min-height:0;padding:1rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.search-row{gap:.6rem;display:flex}.postcode-input{border-radius:var(--radius-pill);min-width:0;color:var(--ink);background:#eef3f9;border:0;outline:none;flex:1;padding:.95rem 1.15rem}.postcode-input:focus{box-shadow:0 0 0 3px #5eead48c}.search-btn{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--navy), var(--navy-soft));color:#fff;cursor:pointer;white-space:nowrap;border:0;padding:.95rem 1.2rem;font-weight:800}.search-btn:disabled{opacity:.7;cursor:wait}.status{color:var(--muted);margin:.85rem 0 0;font-size:.92rem}.status-error{color:#b91c1c}.results-drawer{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid}.results-drawer.is-expanded{grid-template-rows:1fr}.results-drawer-inner{min-height:0;overflow:hidden}.results{align-content:start;gap:.55rem;max-height:min(42vh,420px);margin:.85rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.result-card{text-align:left;border-radius:var(--radius-md);cursor:pointer;background:#f7fafc;border:1px solid #0000;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem;display:flex}.result-card.is-active{border-color:#0b1f3a2e;box-shadow:0 8px 24px #0b1f3a14}.result-rank{color:#fff;border-radius:999px;flex:0 0 2rem;place-items:center;height:2rem;font-weight:800;display:grid}.result-isp .result-rank{background:#7c3aed}.result-srp .result-rank{background:#0f766e}.result-special .result-rank{background:#c2410c}.result-mainstream .result-rank{background:#1d4ed8}.result-body{gap:.15rem;min-width:0;display:grid}.result-name{font-family:var(--font-display);font-size:1rem;font-weight:700}.result-meta,.result-metric{color:var(--muted);font-size:.84rem}.result-metric{color:var(--navy);font-weight:700}.empty-hint{color:var(--muted);margin:.9rem 0 0;font-size:.95rem;line-height:1.45}.school-detail{z-index:3;border-radius:var(--radius-md);max-height:min(36vh,320px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef4fbf5;border:1px solid #0b1f3a14;padding:.9rem;animation:.28s cubic-bezier(.22,1,.36,1) detail-in;position:absolute;top:5.75rem;left:1rem;right:1rem;overflow:auto}@keyframes detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.school-detail-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.school-detail-header h2{font-family:var(--font-display);margin:0;font-size:1.15rem;line-height:1.25}.detail-close{border-radius:var(--radius-pill);color:var(--navy);cursor:pointer;background:#fff;border:0;flex-shrink:0;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.detail-grid{gap:.65rem;margin:0;display:grid}.detail-field dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:800}.detail-field dd{white-space:pre-wrap;color:var(--ink);margin:.2rem 0 0;font-size:.92rem;line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.results-toolbar{display:contents}.results-toggle{display:none}@media (width>=840px){.map-veil{background:linear-gradient(#07152652 0%,#0000 26%)}.brand-bar{top:1.4rem;left:1.4rem}.panel{border-radius:var(--radius-lg);width:min(380px,100vw - 2.8rem);max-width:none;max-height:calc(100vh - 2.8rem);box-shadow:var(--shadow);padding:1rem;inset:1.4rem 1.4rem auto auto}.empty-hint{display:none}.results{max-height:min(62vh,560px)}.school-detail{width:min(400px,100vw - 16rem);max-height:min(52vh,520px);inset:auto auto 1.4rem 1.4rem}.shell.has-detail .map-legend{bottom:calc(2.15rem + min(52vh,520px));left:1.4rem}.map-legend{bottom:1.4rem;left:1.4rem}}@media (width<=839px){.brand-bar{border-radius:1rem;gap:.55rem;padding:.4rem .7rem .4rem .4rem;top:.65rem;left:.65rem}.brand-mark{border-radius:.7rem;width:2.2rem;height:2.2rem}.brand-face{width:1.15rem;height:1.15rem}.brand-face:before,.brand-face:after{width:.2rem;height:.2rem;top:.32rem}.brand-face:before{left:.24rem}.brand-face:after{right:.24rem}.brand-kicker{font-size:.65rem}.brand-title{font-size:1.2rem}.map-legend{max-width:9.5rem;padding:.5rem .65rem;top:4.1rem;bottom:auto;left:.65rem}.map-legend-title{margin-bottom:.3rem;font-size:.65rem}.map-legend li{gap:.35rem;font-size:.72rem}.map-legend-swatch{width:.7rem;height:.7rem}.shell.has-results .map-legend,.shell.has-detail .map-legend{display:none}.panel{border-radius:1rem;max-width:none;padding:.7rem;bottom:.65rem;left:.65rem;right:.65rem}.search-row{gap:.45rem}.postcode-input,.search-btn{padding:.7rem .9rem;font-size:.92rem}.status{margin-top:.55rem;font-size:.82rem}.results-toolbar{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.55rem;display:flex}.results-toolbar .status{flex:1;min-width:0;margin:0}.results-toggle{background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;flex-shrink:0;align-items:center;padding:.4rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.results{gap:.35rem;max-height:0;margin-top:.55rem;overflow:hidden}.shell.sheet-open .results{max-height:min(38vh,280px);overflow:auto}.result-card{gap:.55rem;padding:.55rem .6rem}.result-rank{flex-basis:1.6rem;height:1.6rem;font-size:.75rem}.result-name{font-size:.9rem}.result-meta,.result-metric{font-size:.75rem}.empty-hint{margin-top:.55rem;font-size:.85rem}.school-detail{max-height:min(28vh,220px);padding:.7rem;top:4.1rem;left:.65rem;right:.65rem}.shell.has-detail .results{max-height:0;overflow:hidden}.shell.has-detail.sheet-open .results{max-height:min(22vh,160px)}}:root{--navy:#0b1f3a;--navy-soft:#132a4a;--mint:#5eead4;--mint-deep:#2dd4bf;--purple:#a78bfa;--purple-deep:#8b5cf6;--cream:#f4f7fb;--ink:#0f172a;--muted:#64748b;--card:#ffffffeb;--shadow:0 18px 50px #0b1f3a2e;--radius-lg:28px;--radius-md:18px;--radius-pill:999px;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--navy);-webkit-font-smoothing:antialiased}button,input{font:inherit}