:root{--bg:#10110f;--panel:#181a17;--panel2:#20231f;--text:#f4f1e8;--muted:#a5aa9f;--line:#343831;--green:#c8ff46;--cyan:#5bd7dc;--amber:#ffc65c;--coral:#ff7f6a;--radius:6px;font-family:Geist,"Helvetica Neue",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden;background-image:radial-gradient(circle at 1px 1px,#292c27 1px,transparent 0);background-size:24px 24px}button,input,select{font:inherit}button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:#262923;color:var(--text);padding:.7rem .9rem;cursor:pointer}button:hover{border-color:var(--green);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.primary{background:var(--green);color:#11130f;border-color:var(--green);font-weight:800}.danger{background:var(--coral);color:#12130f}.small{min-height:36px;padding:.45rem .7rem}.icon-button{width:44px;padding:0;border-radius:50%}.skip{position:fixed;left:1rem;top:-5rem;z-index:20;background:var(--green);color:#111;padding:.75rem}.skip:focus{top:1rem}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);background:rgba(16,17,15,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:.65rem;align-items:center;color:var(--text);text-decoration:none;font-weight:800}.brand-mark{width:18px;height:18px;border:2px solid var(--green);border-radius:50%;box-shadow:10px 0 0 -6px var(--cyan)}.header-actions{display:flex;align-items:center;gap:.75rem}.local-note,.user-data,.derived{font-size:.72rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}main{width:min(1520px,100%);margin:auto;padding:0 clamp(1rem,3vw,3rem) 5rem}.intro{padding:clamp(2.5rem,6vw,5rem) 0 2rem;max-width:1120px}.kicker,.eyebrow{margin:0 0 .5rem;color:var(--green);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.intro h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96;margin:0;max-width:1120px;letter-spacing:0}.lede{max-width:760px;font-size:clamp(1rem,1.6vw,1.25rem);color:var(--muted);line-height:1.55}.sample-actions,.action-row{display:flex;gap:.6rem;flex-wrap:wrap}.status{border-left:3px solid var(--cyan);background:#161b1a;padding:.85rem 1rem;margin-bottom:1rem;color:#d7f7f4;font-size:.9rem}.workspace{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:12px}.panel{background:rgba(24,26,23,.97);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,1.6vw,1.4rem);min-width:0}.panel h2{margin:0;font-size:1.05rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.inputs{grid-column:span 4}.visual{grid-column:span 5;overflow:hidden}.result{grid-column:span 3}.blockers{grid-column:span 7}.scenarios{grid-column:span 5}label{display:grid;gap:.4rem;color:#cbd0c7;font-size:.78rem;margin:.7rem 0}input,select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:4px;background:#11130f;color:var(--text);padding:.7rem}input[type=range]{padding:0;accent-color:var(--green)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}canvas{display:block;width:100%;aspect-ratio:1.5/1;background:radial-gradient(circle at center,#242a23,#11130f 68%);border:1px solid #30362e;border-radius:4px}.legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;color:var(--muted);font-size:.72rem}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem}.green{background:var(--green)}.amber{background:var(--amber)}.cyan{background:var(--cyan)}#routeTitle{font-size:clamp(1.9rem,3vw,3rem);line-height:1;color:var(--amber);margin:.65rem 0}.score{display:flex;align-items:baseline;gap:.45rem;border-bottom:1px solid var(--line);padding-bottom:.8rem}.score strong{font-size:3rem}.score span{color:var(--muted)}#routeExplanation{color:var(--muted);line-height:1.45}.next{background:#242a1d;border-left:3px solid var(--green);padding:.85rem;margin:1rem 0}.next span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;margin-bottom:.35rem}.metric{margin:.75rem 0}.metric-head{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}.track{height:7px;background:#0c0d0b;margin-top:.35rem;overflow:hidden}.fill{height:100%;background:var(--cyan);transition:width .35s ease}.blockers ol{margin:0;padding:0;list-style:none;display:grid;gap:.6rem}.blockers li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.75rem;border-top:1px solid var(--line);padding:.75rem 0}.rank{color:#10110f;background:var(--amber);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:900}.impact{font-size:.7rem;color:var(--coral);text-transform:uppercase}.route-line{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:1rem}.stage{background:var(--panel2);border-top:3px solid var(--line);padding:.7rem;font-size:.72rem;color:var(--muted)}.stage.active{border-color:var(--green);color:var(--text)}.saved-list{display:grid;gap:.4rem;margin:1rem 0}.saved-item{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.6rem;border:1px solid var(--line)}.saved-item div{display:flex;gap:.3rem}.saved-item button{min-height:34px;padding:.35rem .5rem}.reset{color:var(--coral);background:transparent}.assumptions,.boundary{margin:clamp(4rem,10vw,9rem) 0 0;border-top:1px solid var(--line);padding:2rem 0;max-width:900px}.assumptions p,.boundary p{color:var(--muted);line-height:1.6}.boundary h2{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin:.5rem 0}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);max-width:430px}dialog::backdrop{background:rgba(0,0,0,.75)}
@media(max-width:1000px){.inputs,.visual,.result,.blockers,.scenarios{grid-column:span 12}.result{grid-row:2}.visual{grid-row:3}.inputs{grid-row:4}.blockers{grid-row:5}.scenarios{grid-row:6}.workspace{gap:10px}}
@media(max-width:560px){header{height:60px}.local-note{display:none}main{padding:0 .8rem 3rem}.intro{padding-top:2rem}.intro h1{font-size:2.65rem;line-height:.98}.sample-actions button{flex:1 1 100%}.two-col{grid-template-columns:1fr}.panel{padding:1rem}.route-line{grid-template-columns:1fr 1fr}.blockers li{grid-template-columns:28px 1fr}.impact{grid-column:2}.action-row button{flex:1}.legend{gap:.55rem}.boundary{margin-top:4rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:hover{transform:none}}
.confidence{margin:.55rem 0;color:var(--cyan);font-size:.78rem;line-height:1.35}.comparison{border-top:1px solid var(--line);margin-top:1rem;padding-top:.9rem;display:grid;gap:.35rem}.comparison span{color:var(--muted);font-size:.7rem;text-transform:uppercase}.comparison strong{font-size:.82rem;line-height:1.4}