:root{--ink:#070b13;--panel:#0d1421;--panel-2:#111c2c;--paper:#eef6ff;--muted:#93a7bf;--line:rgba(119,190,255,.17);--azure:#55b8ff;--cyan:#64f4dc;--warn:#ffd166;--danger:#ff6b8a;--success:#82e6ad;--shadow:0 28px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--ink);color:var(--paper);font:16px/1.6 Manrope,system-ui,sans-serif;background-image:linear-gradient(rgba(85,184,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(85,184,255,.025) 1px,transparent 1px),radial-gradient(circle at 82% 0,rgba(60,126,255,.12),transparent 35rem);background-size:30px 30px,30px 30px,auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.65rem 1rem;background:var(--azure);color:#04101d}.skip-link:focus{top:1rem}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:78px;padding:1rem 1.5rem;border-bottom:1px solid var(--line);background:rgba(7,11,19,.92);backdrop-filter:blur(18px)}.identity{display:flex;align-items:center;gap:.8rem;color:inherit;text-decoration:none}.identity>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--azure);color:var(--azure);font:500 .8rem DM Mono;box-shadow:-3px 3px 0 rgba(100,244,220,.45)}.identity div{display:grid}.identity strong{font-size:.95rem}.identity small,.simulation-flag{color:var(--muted);font:500 .62rem DM Mono;letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:1rem}.simulation-flag{color:var(--warn)}button{font:inherit}.header-actions button{min-height:40px;padding:.5rem .8rem;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.header-actions button:hover{color:var(--paper);border-color:var(--azure)}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 78px)}.lab-rail{padding:1.5rem;border-right:1px solid var(--line);background:rgba(8,13,23,.75)}.progress-block{padding:1rem 0 1.5rem}.progress-number{display:flex;align-items:end;justify-content:space-between}.progress-number strong{font:500 2.2rem DM Mono;color:var(--cyan)}.progress-number span,.progress-block p,.micro-label{color:var(--muted);font:500 .6rem DM Mono;letter-spacing:.1em}.progress-track{height:3px;margin:.7rem 0;background:rgba(255,255,255,.08)}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--azure),var(--cyan));transition:width .35s}.lab-rail nav{display:grid;gap:.35rem}.lab-nav-button{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.55rem;width:100%;padding:.8rem;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.lab-nav-button span{font:500 .62rem DM Mono;color:#607b98}.lab-nav-button strong{font-size:.75rem;line-height:1.25}.lab-nav-button i{width:7px;height:7px;border:1px solid #526d88;transform:rotate(45deg)}.lab-nav-button:hover,.lab-nav-button:focus-visible{outline:none;border-color:var(--line);color:var(--paper)}.lab-nav-button.active{border-color:rgba(85,184,255,.28);color:var(--paper);background:linear-gradient(90deg,rgba(85,184,255,.1),transparent)}.lab-nav-button.active span{color:var(--azure)}.lab-nav-button.ready i{background:var(--success);border-color:var(--success);box-shadow:0 0 10px rgba(130,230,173,.5)}.privacy-note{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);color:#72869d;font-size:.7rem}.lab-workspace{padding:clamp(1.25rem,4vw,3.5rem);overflow:hidden}.lab-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;max-width:1100px;margin:0 auto 2rem}.lab-heading>div:first-child{max-width:780px}.lab-heading span,.stage-intro>span,.record-label{color:var(--azure);font:500 .65rem DM Mono;letter-spacing:.11em}.lab-heading h1{margin:.45rem 0 .6rem;font-size:clamp(2.3rem,5vw,5rem);line-height:.98;letter-spacing:-.055em}.lab-heading p{margin:0;color:var(--muted);max-width:720px}.lab-score{display:grid;text-align:right;flex:0 0 auto}.lab-score strong{font:500 2rem DM Mono;color:var(--cyan)}.lab-score span{color:var(--muted);font-size:.58rem}.stage-tabs{display:flex;max-width:1100px;margin:0 auto;border:1px solid var(--line);overflow-x:auto}.stage-tabs button{flex:1;min-width:130px;padding:1rem;border:0;border-right:1px solid var(--line);background:rgba(13,20,33,.7);color:var(--muted);cursor:pointer;font:500 .7rem DM Mono}.stage-tabs button:last-child{border-right:0}.stage-tabs button[aria-selected=true]{background:var(--azure);color:#06111c}.stage{max-width:1100px;min-height:500px;margin:0 auto;padding:2rem;border:1px solid var(--line);border-top:0;background:linear-gradient(145deg,rgba(17,28,44,.88),rgba(9,15,25,.92));box-shadow:var(--shadow)}.stage[hidden]{display:none}.stage-intro{margin-bottom:1.7rem}.stage-intro h2{max-width:760px;margin:.45rem 0;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.12}.stage-intro p{color:var(--muted);max-width:760px}.brief-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1px;background:var(--line)}.brief-grid article{padding:1.3rem;background:var(--panel)}.brief-grid h3,.verify-grid h3{margin:0 0 .7rem;font-size:.8rem;color:var(--cyan);font-family:DM Mono}.brief-grid p,.brief-grid li{color:var(--muted);font-size:.9rem}.brief-grid ul{margin:0;padding-left:1.1rem}.primary-action{display:flex;align-items:center;justify-content:space-between;width:min(300px,100%);margin-top:1.5rem;padding:.9rem 1rem;border:1px solid var(--azure);background:var(--azure);color:#06111c;font-weight:700;cursor:pointer}.primary-action.done{background:transparent;color:var(--success);border-color:var(--success)}.sequence-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:2rem}.sequence-target{min-height:300px;margin:0;padding:1rem 1rem 1rem 3.2rem;border:1px solid var(--line);background:rgba(5,9,16,.6)}.sequence-target li{min-height:54px;padding:.65rem;border-bottom:1px solid var(--line);color:var(--muted)}.sequence-target li.filled{color:var(--success)}.sequence-options{display:grid;gap:.55rem}.sequence-options button,.decision-options button{width:100%;padding:.85rem 1rem;border:1px solid var(--line);background:var(--panel);color:var(--paper);text-align:left;cursor:pointer}.sequence-options button:hover,.decision-options button:hover{border-color:var(--azure)}.sequence-options button:disabled{opacity:.35;cursor:default}.feedback{min-height:1.6rem;color:var(--muted);font-size:.82rem}.feedback.good{color:var(--success)}.feedback.bad{color:var(--danger)}.decision-options{display:grid;gap:.7rem;max-width:820px}.decision-options button.correct{border-color:var(--success);background:rgba(130,230,173,.08)}.decision-options button.incorrect{border-color:var(--danger);background:rgba(255,107,138,.08)}.decision-explanation{max-width:820px;margin-top:1rem;padding:1rem;border-left:3px solid var(--cyan);background:rgba(100,244,220,.05);color:var(--muted)}.verify-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.verify-grid section{padding:1.2rem;border:1px solid var(--line);background:rgba(8,13,22,.65)}pre{white-space:pre-wrap;word-break:break-word;color:var(--success);font:500 .72rem/1.7 DM Mono}.checklist{display:grid;gap:.65rem}.checklist label{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start;color:var(--muted);font-size:.84rem;cursor:pointer}.checklist input{margin-top:.25rem;accent-color:var(--azure)}.readiness-verdict{display:flex;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding:1rem;border-left:3px solid var(--warn);background:rgba(255,209,102,.05)}.readiness-verdict span{color:var(--warn);font:500 .62rem DM Mono}.readiness-verdict.ready{border-color:var(--success);background:rgba(130,230,173,.06)}.readiness-verdict.ready span,.readiness-verdict.ready strong{color:var(--success)}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 1.5rem;border-top:1px solid var(--line);color:#6f8299;font-size:.7rem}@media(max-width:950px){.app-shell{grid-template-columns:1fr}.lab-rail{position:relative;border-right:0;border-bottom:1px solid var(--line)}.lab-rail nav{display:flex;overflow-x:auto}.lab-nav-button{min-width:180px}.privacy-note{display:none}.brief-grid,.verify-grid{grid-template-columns:1fr}.sequence-layout{grid-template-columns:1fr}.stage{min-height:0}}@media(max-width:650px){.app-header{align-items:flex-start}.simulation-flag{display:none}.identity strong{font-size:.8rem}.identity small{font-size:.55rem}.lab-workspace{padding:1rem}.lab-heading{align-items:flex-start}.lab-score strong{font-size:1.4rem}.lab-score span{display:none}.stage{padding:1.2rem}.stage-tabs button{min-width:110px;padding:.8rem}.lab-heading h1{font-size:2.3rem}.sequence-target{min-height:220px}.readiness-verdict,footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}