:root{--ink:#edf8ff;--muted:#87a5b6;--line:#23485a;--panel:#0b2130;--panel2:#0e293a;--bg:#04111c;--cyan:#67f5d0;--blue:#58bfff;--violet:#8b7cff;--amber:#ffc45c;--red:#ff6687;--shadow:0 24px 80px #0009;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 10%,#12334a 0,transparent 35%),radial-gradient(circle at 90% 90%,#1e1642 0,transparent 32%),#020a11;color:var(--ink)}body{height:100vh;overflow:hidden;padding:clamp(10px,3vh,28px)}button,input,select{font:inherit}.window{width:min(1200px,100%);height:min(700px,100%);min-width:320px;min-height:560px;margin:auto;background:var(--bg);border:1px solid #2b5d73;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:54px minmax(0,1fr) 36px;resize:both}.window.maximized{position:fixed;inset:0;width:100%!important;height:100%!important;border-radius:0;z-index:20}.titlebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:#0b2131;user-select:none}.brand,.identity,.window-meta,.title-actions,.section-head,footer span{display:flex;align-items:center}.brand{gap:10px}.brand img{width:31px}.brand div,.identity div{display:grid}.brand b{font-size:14px}.brand small,.identity small{font-size:10px;color:var(--muted)}.window-meta{gap:8px;color:var(--muted);font:600 11px ui-monospace,monospace}.title-actions{justify-content:flex-end;gap:5px}.ghost,.lang,.icon-btn{border:1px solid var(--line);background:#0d2939;color:var(--muted);border-radius:7px;padding:6px 9px;cursor:pointer}.lang.active{color:#04151e;background:var(--cyan);border-color:var(--cyan)}.icon-btn{border-color:transparent;background:transparent;font-size:17px}.icon-btn:hover,.ghost:hover{color:var(--ink);border-color:#3d6c81}.shell{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{min-height:0;padding:18px 13px;border-right:1px solid var(--line);background:#071a28;display:flex;flex-direction:column}.identity{gap:10px;padding:0 5px 18px;border-bottom:1px solid var(--line)}.quantum-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#05202b;font-weight:900}.identity b{font-size:13px}.sidebar nav{display:grid;gap:6px;margin-top:18px}.nav{display:flex;gap:12px;align-items:center;border:1px solid transparent;background:transparent;color:#8aa8b8;border-radius:10px;padding:11px 12px;cursor:pointer;text-align:left}.nav em{font-style:normal;font-weight:700}.nav.active,.nav:hover{color:var(--ink);background:#102d40;border-color:#1d4961}.nav.active{box-shadow:inset 3px 0 var(--cyan)}.nav span{width:20px;text-align:center;color:var(--cyan)}.side-card{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0a2331;display:grid;grid-template-columns:12px 1fr;gap:3px 5px}.side-card b{font-size:12px}.side-card small{grid-column:2;color:var(--muted);font-size:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);display:inline-block}.event-link{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px;text-decoration:none;color:var(--blue);font-size:11px;font-weight:700;text-align:center}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.topline{padding:16px 22px 12px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.topline h1{font-size:24px;line-height:1;margin:5px 0 4px}.topline p{margin:0;color:var(--muted);font-size:12px}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--cyan);font-weight:900}.run-primary,.secondary{border:0;border-radius:10px;cursor:pointer;font-weight:800}.run-primary{padding:11px 16px;color:#04151e;background:linear-gradient(135deg,var(--cyan),#56d9ff);box-shadow:0 8px 24px #31deb52b}.run-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary{padding:9px 12px;color:var(--ink);background:#123043;border:1px solid #2d5a70}.secondary:hover{border-color:var(--cyan)}.pages{min-height:0;position:relative}.page{display:none;height:100%;overflow:auto;padding:16px 22px 22px;scrollbar-color:#315b70 transparent}.page.active{display:block}.panel,.hero-card,.score-card,.metric-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#0c2332,#081b28);border-radius:14px}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.hero-card{padding:20px;display:flex;min-height:178px;overflow:hidden}.hero-card>div:first-child{max-width:590px;position:relative;z-index:1}.hero-card h2{margin:10px 0 8px;font-size:26px;line-height:1.1}.hero-card p,.story p,.circuit-layout p,.method-grid p,.formula p,.comparison p,.pitch p{color:#9ab5c4;font-size:12px;line-height:1.55}.pill{display:inline-flex;border:1px solid #3c6b80;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;color:var(--blue);letter-spacing:.08em}.orbital{position:relative;min-width:170px;flex:1;display:grid;place-items:center}.orbital strong{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#101f43;color:var(--cyan);font-size:28px;box-shadow:0 0 45px #60ecc744}.orbital i{position:absolute;width:145px;height:55px;border:1px solid #68edc766;border-radius:50%;transform:rotate(0)}.orbital i:nth-child(2){transform:rotate(60deg)}.orbital i:nth-child(3){transform:rotate(-60deg)}.score-card{padding:20px;display:flex;flex-direction:column}.score-card>small{color:var(--muted);font-weight:800}.score-card>strong{font-size:44px;color:var(--cyan);margin-top:13px}.score-card>span{color:var(--muted);font-size:11px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.mini-stats div{border-top:1px solid var(--line);padding-top:10px;display:grid}.mini-stats b{font-size:16px}.mini-stats small{font-size:9px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.metric-grid article{padding:12px;display:flex;align-items:center;gap:10px}.metric-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#12364a;color:var(--cyan)}.metric-grid div{display:grid}.metric-grid small{color:var(--muted);font-size:9px}.metric-grid b{font-size:15px}.story{padding:16px 18px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.story h3{margin:5px 0}.chirps{height:75px;display:flex;align-items:end;gap:5px}.chirps i{flex:1;min-width:3px;border-radius:4px 4px 0 0;background:linear-gradient(var(--cyan),var(--violet));opacity:.85}.optimizer-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(380px,1.35fr);gap:14px}.controls,.result-panel,.results-stack>.panel{padding:16px}.section-head{justify-content:space-between;gap:12px}.section-head h2,.section-head h3{margin:3px 0}.controls select{background:#0e2a3a;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px}.controls>label{display:grid;grid-template-columns:1fr auto;gap:4px;margin:13px 0;color:#b7cbd6;font-size:11px;font-weight:700}.controls input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--cyan)}.sources{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.source-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:7px 0}.source-row input{accent-color:var(--cyan)}.source-row div{display:grid}.source-row small{color:var(--muted);font-size:9px}.source-row b{font-size:11px}.source-row output{font:700 10px ui-monospace;color:var(--blue)}.wide{width:100%;margin-top:10px}.results-stack{display:grid;gap:14px}.result-panel h2{font:800 22px ui-monospace;color:var(--cyan)}.confidence{padding:6px 8px;border-radius:8px;background:#142d3e;color:var(--blue);font:700 11px ui-monospace}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.result-metrics div{padding:10px;border-radius:10px;background:#0d2939;display:grid}.result-metrics small{color:var(--muted);font-size:9px}.result-metrics b{font-size:14px}.result-panel>p{color:#a7bfcb;font-size:11px;min-height:30px}.probability-chart{display:grid;gap:7px;margin-top:12px}.prob-row{display:grid;grid-template-columns:70px 1fr 48px;gap:8px;align-items:center;font:700 10px ui-monospace}.bar-track{height:10px;border-radius:999px;background:#071724;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan))}.prob-row output{text-align:right;color:var(--muted)}.circuit-layout{display:grid;grid-template-columns:1fr 280px;gap:14px}.circuit-layout>article{padding:20px}.circuit{margin:22px 0;display:grid;gap:14px;overflow-x:auto}.wire{display:grid;grid-template-columns:35px repeat(4,70px);align-items:center;min-width:350px;font:700 10px ui-monospace}.wire>span:first-child{color:var(--muted)}.wire-line{height:1px;background:#3f6d81;grid-column:2/6;grid-row:1}.wire .gate,.wire .meter{grid-row:1;z-index:1;justify-self:center}.gate,.meter{width:27px;height:27px;border-radius:6px;display:inline-grid;place-items:center;font-style:normal;font-weight:900}.gate.h{background:#164c5d;color:var(--cyan)}.gate.p{background:#332b68;color:#c2b7ff}.gate.x{background:#573b26;color:var(--amber)}.meter{background:#263b48;color:var(--blue)}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend .gate,.legend .meter{width:20px;height:20px;font-size:9px}.params{display:flex;flex-direction:column;gap:14px}.params>div{display:grid;border-bottom:1px solid var(--line);padding-bottom:10px}.params small{color:var(--muted)}.params b{font:800 25px ui-monospace;color:var(--cyan)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.method-grid article{padding:15px}.method-grid h3{font-size:14px;margin:10px 0 5px}.step{font:900 12px ui-monospace;color:var(--cyan)}.formula,.comparison{padding:18px;margin-top:12px}.formula{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:center}.formula h2{font:700 18px ui-monospace}.comparison-result{margin-top:12px;padding:12px;border-radius:10px;background:#0d2939;color:var(--cyan);font:700 11px ui-monospace}.submission-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submission-grid article{padding:20px}.checklist{display:grid;gap:9px}.checklist h2{margin:5px 0}.checklist label{font-size:12px;color:#b6ccd7}.checklist input{accent-color:var(--cyan)}.pitch h2{font-size:24px}.deadline{margin-top:14px;padding:18px;display:flex;justify-content:space-between;align-items:center}.deadline h2{margin:5px 0}.deadline p{margin:0;color:var(--muted)}footer{padding:0 14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#668696;font-size:9px;background:#071925}footer span{gap:6px}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,20px);background:#e8fbff;color:#05202b;border-radius:10px;padding:10px 16px;font-weight:800;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){body{padding:0}.window{width:100%;height:100%;border-radius:0;resize:none}.shell{grid-template-columns:74px 1fr}.identity div,.nav em,.side-card,.event-link{display:none}.identity{justify-content:center;padding:0 0 14px}.nav{justify-content:center;padding:12px}.topline{padding:12px}.topline p{display:none}.page{padding:12px}.hero-grid,.optimizer-grid,.circuit-layout,.formula,.submission-grid{grid-template-columns:1fr}.metric-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.titlebar{grid-template-columns:1fr auto}.window-meta{display:none}.title-actions{grid-column:2}.result-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.brand small,.topline .eyebrow,.title-actions .lang:first-child{display:none}.topline h1{font-size:18px}.run-primary{padding:9px 10px}.hero-card h2{font-size:21px}.orbital{display:none}.metric-grid,.method-grid{grid-template-columns:1fr}.deadline{align-items:flex-start;gap:15px;flex-direction:column}footer span:nth-child(2){display:none}}
