:root{--ink:#eaf3fb;--muted:#93a8bb;--navy:#06111e;--panel:#0b1b2d;--panel2:#10263d;--line:#203b54;--blue:#31a8ff;--cyan:#55d6c2;--green:#61d095;--amber:#ffbf5b;--red:#ff776f;--shadow:0 18px 50px rgba(0,0,0,.3);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#020912;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#153b5d 0,#06111e 36%,#020912 100%)}button,input{font:inherit}.app-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,rgba(9,28,46,.98),rgba(3,12,22,.99));box-shadow:0 0 60px rgba(0,0,0,.45);overflow:hidden;position:relative;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.topbar{height:70px;display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(123,174,210,.15);position:sticky;top:0;background:rgba(6,17,30,.9);backdrop-filter:blur(16px);z-index:8}.brand-mark{width:32px;height:34px;position:relative;margin-right:10px}.brand-mark span{display:block;position:absolute;left:2px;width:27px;height:9px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:skewY(-18deg);border-radius:2px}.brand-mark span:nth-child(1){top:2px}.brand-mark span:nth-child(2){top:11px;opacity:.8}.brand-mark span:nth-child(3){top:20px;opacity:.55}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy strong{font-size:1.05rem;letter-spacing:.01em}.brand-copy small{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.icon-button{margin-left:auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#0d2237;color:#cde8fb;font-size:1.2rem;cursor:pointer}
.hero{padding:22px 18px 0}.eyebrow,.overline{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#9cb5c9;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(97,208,149,.12);margin-right:8px}.hero h1{font-size:1.75rem;line-height:1.08;margin:9px 0 4px;letter-spacing:-.04em}.hero>p{margin:0 0 15px;color:#a7bac9;font-size:.92rem}.map-card{height:190px;border-radius:20px;position:relative;overflow:hidden;background-color:#0f2940;background-image:linear-gradient(rgba(82,143,179,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,143,179,.08) 1px,transparent 1px);background-size:25px 25px;border:1px solid #264a64;box-shadow:var(--shadow)}.map-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 48%,rgba(49,168,255,.22),transparent 34%),linear-gradient(135deg,transparent 50%,rgba(85,214,194,.05) 50%)}.road{position:absolute;background:#2b4a60;border:1px solid #527088;z-index:1}.road-a{width:130%;height:18px;left:-15%;top:78px;transform:rotate(-8deg)}.road-b{width:22px;height:140%;left:42%;top:-20%;transform:rotate(13deg)}.road-c{width:100%;height:8px;left:0;top:145px;transform:rotate(6deg);opacity:.75}.road-label{position:absolute;color:#8aa7ba;font-size:.62rem;letter-spacing:.04em;z-index:2;background:#102a40;padding:1px 4px}.label-a{left:18px;top:58px;transform:rotate(-8deg)}.label-b{right:47px;top:124px;transform:rotate(6deg)}.map-pin{position:absolute;z-index:4;left:55%;top:42%;width:28px;height:28px;border-radius:50% 50% 50% 0;background:var(--cyan);transform:rotate(-45deg);box-shadow:0 0 0 8px rgba(85,214,194,.14),0 8px 20px rgba(0,0,0,.5)}.map-pin i{position:absolute;width:10px;height:10px;border-radius:50%;background:#062033;left:9px;top:9px}.map-place{position:absolute;z-index:4;left:21px;bottom:17px;background:rgba(4,16,28,.88);border:1px solid #31566e;border-radius:10px;padding:9px 11px;display:flex;flex-direction:column}.map-place strong{font-size:.8rem}.map-place small{font-size:.65rem;color:#91aabd;margin-top:2px}.map-note{position:absolute;z-index:3;right:16px;top:14px;font-size:.65rem;color:#8fabbf;text-transform:uppercase;letter-spacing:.12em}
.scenario-card,.results{margin:16px 18px 0;background:linear-gradient(145deg,rgba(16,38,61,.98),rgba(8,25,42,.98));border:1px solid #23435d;border-radius:20px;padding:18px;box-shadow:var(--shadow)}.section-heading,.result-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.section-heading h2,.result-head h2,.panel-head h2{margin:3px 0 0;font-size:1.12rem;letter-spacing:-.02em}.status-pill{background:rgba(49,168,255,.14);border:1px solid rgba(49,168,255,.35);color:#7dceff!important;padding:7px 9px;border-radius:999px;font-weight:800}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0}.fact-strip div{background:#091a2c;border:1px solid #1c3850;border-radius:12px;padding:10px 8px}.fact-strip strong,.fact-strip span{display:block}.fact-strip strong{font-size:.86rem}.fact-strip span{font-size:.62rem;color:var(--muted);margin-top:3px}.range-label{display:flex;justify-content:space-between;font-size:.79rem;margin-top:13px}.range-label output{color:#77d4ff;font-weight:800}input[type=range]{width:100%;accent-color:var(--cyan);margin:12px 0 17px}.toggle-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.toggle-row div{display:flex;flex-direction:column}.toggle-row strong{font-size:.82rem}.toggle-row span{font-size:.66rem;color:var(--muted);margin-top:3px}.switch{position:relative;width:46px;height:27px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:99px;background:#334b5e;transition:.2s;cursor:pointer}.switch span:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--cyan)}.switch input:checked+span:before{transform:translateX(19px)}.primary-button,.secondary-button{width:100%;border:0;border-radius:14px;min-height:50px;margin-top:17px;padding:0 15px;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;align-items:center}.primary-button{color:#03131f;background:linear-gradient(90deg,var(--cyan),#4dbbff);box-shadow:0 10px 26px rgba(49,168,255,.18)}.primary-button.running span:after{content:"  •••";animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}
.location-picker{border:0;padding:0;margin:16px 0 2px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.location-picker legend{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.location-option{border:1px solid #294860;background:#091a2c;color:var(--ink);border-radius:12px;text-align:left;padding:10px;display:flex;flex-direction:column;cursor:pointer}.location-option strong{font-size:.75rem}.location-option span{font-size:.62rem;color:var(--muted);margin-top:3px}.location-option.active{border-color:var(--cyan);background:rgba(85,214,194,.08);box-shadow:inset 0 0 0 1px rgba(85,214,194,.18)}.compact-toggle{margin-top:14px}.live-score{margin-top:15px;border:1px solid #2f566f;background:linear-gradient(90deg,rgba(49,168,255,.11),rgba(85,214,194,.08));border-radius:14px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between}.live-score div{display:flex;flex-direction:column}.live-score span{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#9fc1d7}.live-score small{font-size:.61rem;color:var(--muted);margin-top:3px}.live-score>strong{font-size:1.65rem;color:var(--cyan)}
.results{display:none}.results.visible{display:block;animation:rise .45s ease both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.result-head h2{font-size:1.25rem}.score-ring{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#0c2034 57%,transparent 58%),conic-gradient(var(--green) 84%,#264158 0);box-shadow:0 0 24px rgba(97,208,149,.1)}.score-ring strong{font-size:1.35rem;line-height:1}.score-ring span{font-size:.58rem;color:var(--muted)}.result-summary{font-size:.86rem;line-height:1.5;color:#bfd0dc;margin:15px 0}.confidence-row{display:flex;justify-content:space-between;font-size:.72rem;margin-top:8px}.confidence-row span{color:var(--muted)}.meter{height:5px;background:#1a3449;border-radius:99px;margin:8px 0 18px;overflow:hidden}.meter i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--amber),var(--green));border-radius:99px}.factor-list{display:flex;flex-direction:column;gap:8px}.factor{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(44,73,95,.7)}.factor-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#132f48;font-size:.9rem}.factor div:nth-child(2){display:flex;flex-direction:column}.factor strong{font-size:.78rem}.factor small{font-size:.64rem;color:var(--muted);margin-top:2px}.factor-score{font-weight:900;font-size:.8rem}.good{color:var(--green)}.watch{color:var(--amber)}.unknown{color:#8ea4b5}.secondary-button{background:#102b43;border:1px solid #2b506b;color:#cbeaff;font-size:.76rem;margin-top:12px}
.evidence-panel{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,430px);max-height:92vh;overflow:auto;background:#0a1b2c;border:1px solid #31526b;border-bottom:0;border-radius:24px 24px 0 0;padding:10px 18px 26px;box-shadow:0 -20px 60px rgba(0,0,0,.55);animation:sheet .3s ease both}@keyframes sheet{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}.panel-handle{width:44px;height:4px;border-radius:99px;background:#35536b;margin:0 auto 15px}.panel-head button{border:0;background:#163249;color:#cee7f7;width:34px;height:34px;border-radius:50%;font-size:1.3rem}.evidence-panel>p{font-size:.82rem;color:#a9bdcc;line-height:1.45}.comparison{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:7px;margin:15px 0}.comparison>div:not(.change-arrow){border:1px solid #27465d;background:#0c2438;border-radius:14px;padding:12px;display:flex;flex-direction:column}.comparison .active{border-color:rgba(85,214,194,.5)!important;background:rgba(85,214,194,.08)!important}.comparison span{font-size:.62rem;color:var(--muted)}.comparison strong{font-size:1.45rem;margin-top:4px}.change-arrow{text-align:center;color:var(--cyan)}.evidence-list{padding:0;margin:0;list-style:none}.evidence-list li{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:13px 0;border-top:1px solid #203b52}.evidence-list i{font-style:normal;background:#15354d;color:var(--green);border-radius:10px;display:grid;place-items:center;height:34px;font-weight:900}.evidence-list li:nth-child(3) i{color:var(--amber)}.evidence-list div{display:flex;flex-direction:column}.evidence-list strong{font-size:.79rem}.evidence-list span{font-size:.72rem;line-height:1.35;color:#afc2d0;margin-top:3px}.evidence-list small{font-size:.61rem;color:#718da2;margin-top:5px}.boundary{border-top:1px solid #2b485e;margin-top:8px;padding-top:14px;display:flex;flex-direction:column}.boundary strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--amber)}.boundary span{font-size:.68rem;line-height:1.45;color:#92a8b8;margin-top:4px}footer{display:flex;justify-content:space-between;margin:19px 20px 0;color:#60798c;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
@media(min-width:700px){body{padding:28px 0}.app-shell{min-height:calc(100vh - 56px);border-radius:28px}.topbar{border-radius:28px 28px 0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}