@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #0b111a;--panel: #121c2b;--panel-2: #16243a;--line: #2d3f5d;--text: #e9f0fa;--muted: #a5b5ca;--active: #62cae0}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 14% -20%,#1a3049 0%,transparent 34%),radial-gradient(circle at 100% 0%,#242d3d 0%,transparent 26%),var(--bg)}.app-shell{max-width:1240px;margin:0 auto;padding:1rem 1rem 2rem}.hero{border-radius:16px;border:1px solid #324b6d;background:linear-gradient(155deg,#101a2a,#15253c);padding:1rem}.hero-topbar{display:flex;justify-content:flex-end;margin-bottom:.25rem}.presenter-menu-btn{border:1px solid #4a6f98;background:#16304f;color:#e4effe;border-radius:8px;padding:.35rem .65rem;font-weight:700;cursor:pointer}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#90b8d2;font-weight:700}.hero h1{margin:.45rem 0 .5rem;font-size:clamp(1.6rem,2.7vw,2.2rem)}.hero p{margin:0;color:#c5d3e3}.source-line{margin-top:.55rem!important;font-size:.82rem;color:#9fb5cf!important}.source-line a{color:#8cd6e8}.scenario-row{margin-top:.55rem}.scenario-row label{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:#c6d6e8}.scenario-row select{background:#15304c;border:1px solid #406188;color:#e5f0ff;border-radius:6px;padding:.2rem .35rem}.stage-nav{margin-top:.75rem;display:flex;gap:.45rem}.stage-btn{border:1px solid #3b5579;background:#13243b;color:#d2e0f1;border-radius:8px;padding:.35rem .65rem;font-weight:700;cursor:pointer}.stage-btn.active{border-color:#66c8de;background:#183349;color:#ecf8ff}.stage-card{margin-top:.9rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel),#111926);padding:1rem}.stage0-hero{border:1px solid #34506f;border-radius:12px;background:#122438;padding:.8rem}.stage0-kicker{margin:0;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;color:#9cb8d3;font-weight:700}.stage0-hero h2{margin:.4rem 0 .35rem;font-size:clamp(1.4rem,2.4vw,2rem)}.stage0-subtitle{margin:0;color:#c6d6e9}.stage0-anchor{margin:.45rem 0 0;color:#8ed3e4;font-weight:700}.stage0-grid{margin-top:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.stage0-panel{border:1px solid #324967;border-radius:10px;background:#122135;padding:.68rem}.stage0-panel h3{margin:0;font-size:.95rem}.stage0-panel ul{margin:.5rem 0 0;padding-left:1rem}.stage0-panel li{color:#b1c2d8;font-size:.84rem;margin:.22rem 0;line-height:1.4}.stage0-timeline{margin-top:.52rem;display:grid;gap:.45rem}.stage0-step{border:1px solid #355070;border-radius:8px;background:#14263d;padding:.45rem .5rem}.stage0-step strong{display:block;font-size:.83rem}.stage0-step span{display:block;margin-top:.15rem;font-size:.79rem;color:#a8bbd3}.stage0-strip{margin-top:.7rem;border:1px solid #3c5879;border-radius:9px;background:#16304f;color:#d7e7f8;padding:.5rem .6rem;font-size:.85rem}.stage0-actions{margin-top:.75rem;display:flex;gap:.45rem}.stage-card h2{margin:0}.stage-subtitle{margin:.42rem 0 0;color:var(--muted)}.business-line{margin:.5rem 0 0!important;border-left:3px solid #57c3d8;padding-left:.55rem;color:#cde1f4!important}.anchor-line{margin-top:.65rem!important;border:1px solid #335070;border-radius:10px;background:#12253c;color:#d6e7f8!important;padding:.55rem .65rem;font-weight:700}.continue-btn{margin-top:.75rem;border:1px solid #5fcbe0;background:#1f4963;color:#e8f2ff;border-radius:9px;padding:.45rem .8rem;font-weight:700;cursor:pointer}.stage1-diagram .flow-line{opacity:.95}.stage1-layer{opacity:1}.stage1-box{fill:#17263b;stroke:#5678a3;stroke-width:1.4}.stage1-title{text-anchor:middle;fill:#e7effa;font-size:15px;font-weight:700}.stage1-chip{fill:#24364d;stroke:#3f5877;stroke-width:1;opacity:.62}.stage1-chip-text{text-anchor:middle;fill:#b7c8dd;font-size:8.7px;font-weight:600}.stage1-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.stage1-card{border:1px solid #2e4360;border-radius:10px;background:#122134;padding:.58rem}.stage1-card h3{margin:0;font-size:.89rem}.stage1-card p{margin:.3rem 0 0;font-size:.8rem;line-height:1.45;color:#a9bbd2}.stage1-card strong{color:#dce9f9}.story-layout{margin-top:.85rem;display:grid;grid-template-columns:1.7fr 1fr;gap:.75rem}.diagram-shell{border:1px solid #2a3b55;border-radius:12px;background:#0f1725;padding:.65rem}.diagram{width:100%;display:block}.layer{transition:opacity .32s ease,transform .32s ease,filter .32s ease}.layer.dim{opacity:.38}.layer.active{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(98,202,224,.2))}.layer.clickable{cursor:pointer}.layer.clickable:focus-visible .layer-box{stroke:#83def1;stroke-width:2}.layer-box{fill:#17263b;stroke:#53749d;stroke-width:1.4}.layer.active .layer-box{stroke:var(--active)}.layer-title{text-anchor:middle;fill:#e6eef9;font-size:15px;font-weight:700}.layer-subtitle{text-anchor:middle;fill:#dce9f8;font-size:11px;font-weight:600}.sub-box{fill:#1f3149;stroke:#4f6e92;stroke-width:1}.sub-label{text-anchor:middle;fill:#c7d8ee;font-size:7.9px;font-weight:600}.flow-lines{opacity:.86}.flow-line{fill:none;stroke:#87a7cb;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.invoke-box{fill:#20294e;stroke:#7087d4;stroke-width:1.3}.invoke-label{text-anchor:middle;fill:#dce5ff;font-size:12px;font-weight:700}.explain-panel{border:1px solid #314766;border-radius:12px;background:#132136;padding:.75rem}.explain-step{margin:0;font-size:.78rem;color:#95adc8;text-transform:uppercase;letter-spacing:.07em}.explain-panel h3{margin:.45rem 0 .42rem;font-size:1.18rem}.explain-panel p{margin:0;color:#c5d3e4;line-height:1.55}.panel-line{margin-top:.5rem!important}.panel-line.compact{margin-top:.35rem!important}.lead-line{margin-top:.35rem!important;color:#d6e3f2!important}.insight-grid{margin-top:.55rem;display:grid;grid-template-columns:1fr;gap:.42rem}.insight-card{border:1px solid #2f4664;border-radius:9px;background:#14253b;padding:.45rem .52rem}.insight-card.analogy{border-color:#3d6a8c;background:#162a41}.insight-card.importance{border-color:#3f7b78;background:#142d2f}.insight-card.risk{border-color:#7c5f7d;background:#2b1f34}.insight-card.includes{border-color:#5f7098;background:#1a2840}.insight-card.subexamples{border-color:#6d6a4c;background:#2a2a1e}.insight-card h4{margin:0;font-size:.82rem;color:#d9e8fb}.insight-card p{margin:.22rem 0 0;font-size:.82rem;line-height:1.45}.insight-card.full{margin-top:.08rem}.subexample-list{margin:.2rem 0 0;padding-left:1rem}.subexample-list li{margin:.14rem 0;color:#b8cbe0;font-size:.79rem;line-height:1.32}.causal{margin-top:.68rem!important;border-top:1px solid #2f4564;padding-top:.68rem;color:#dde8f8!important;font-weight:600}.next-line{margin-top:.5rem!important;color:#8ed3e4!important;font-weight:700}.stage3-shell{margin-top:.85rem;border:1px solid #314766;border-radius:12px;background:#101b2b;padding:.8rem .8rem .95rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.stage3-block,.stage3-execution{width:min(540px,92%);min-height:56px;border-radius:10px;border:1px solid #3f597b;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.01em}.stage3-base{background:#22344e}.stage3-tools{background:#294462}.stage3-workspace{background:#2d4d67}.stage3-context{background:#31556f}.stage3-final{background:#2f4766}.stage3-arrow{margin-top:.2rem;color:#99b6d7;font-size:1.02rem;line-height:1}.stage3-execution{margin-top:.35rem;background:#1e2a44;border-color:#6780bf}.stage3-note{margin-top:.75rem!important;color:#c9d8ea!important;line-height:1.45;max-width:70ch}.stage-footer-nav{margin-top:.75rem;display:flex;justify-content:flex-start}.stage4-layout{margin-top:.85rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stage4-inventory,.stage4-stack{border:1px solid #304663;border-radius:12px;background:#112033;padding:.75rem}.stage4-inventory h3,.stage4-stack h3{margin:0;font-size:1rem}.stage4-inventory p,.stage4-stack p{margin:.3rem 0 .6rem;color:#9fb4cd;font-size:.88rem}.inv-list,.section-list{display:grid;gap:.52rem}.inv-item{border:1px solid #46648a;border-radius:9px;background:#1a2f49;min-height:58px;padding:.42rem .55rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none}.inv-item strong{display:block;font-size:.97rem;font-weight:700;line-height:1.2}.inv-item span{display:block;margin-top:.18rem;font-size:.74rem;color:#d0deee;line-height:1.28}.keyboard-controls{margin-top:.6rem;border-top:1px solid #2d4360;padding-top:.55rem}.keyboard-toggle-row{margin-top:.55rem}.keyboard-note{margin:0 0 .45rem!important;font-size:.77rem;color:#9ab1cb!important;line-height:1.35}.keyboard-controls h4{margin:0;font-size:.82rem}.keyboard-controls label{display:block;margin-top:.4rem;font-size:.76rem;color:#a8bed6}.keyboard-controls select{width:100%;margin-top:.18rem;background:#162c45;border:1px solid #3d5b80;color:#e2eeff;border-radius:6px;padding:.28rem .35rem}.keyboard-actions{margin-top:.45rem;display:flex;gap:.35rem}.inv-base{background:#22344e}.inv-tools{background:#294462}.inv-workspace{background:#2d4d67}.inv-context{background:#31556f}.inv-final{background:#2f4766}.section-slot{border:1px dashed #486489;border-radius:10px;background:#111c2b;min-height:92px;padding:.45rem}.section-slot.filled{border-style:solid}.section-label{display:block;font-size:.8rem;font-weight:700;color:#cfe1f5;margin-bottom:.2rem}.section-hint{display:block;font-size:.74rem;color:#96adc8;margin-bottom:.4rem}.section-items{display:grid;gap:.38rem}.slot-empty-text{display:block;color:#8399b3;font-size:.84rem}.stage4-actions{margin-top:.8rem;display:flex;gap:.45rem}.action-btn{border:1px solid #4b688e;background:#163051;color:#e5f0ff;border-radius:8px;padding:.4rem .7rem;font-weight:700;cursor:pointer}.action-btn.primary{border-color:#5fcbe0;background:#1f4963}.stage4-result{margin-top:.8rem;border-radius:12px;border:1px solid #385474;background:#13253c;padding:.8rem}.stage4-result h4{margin:0;font-size:.95rem}.stage4-result p{margin:.3rem 0 .55rem;color:#c0d3e8}.stage4-result.correct{border-color:#4a9b77;background:#163528}.stage4-result.misordered{border-color:#8e79b8;background:#251e35}.stage4-result.missing{border-color:#a76868;background:#351f27}.confirm-line{margin:0 0 .5rem!important;color:#b8f0cf!important;font-weight:700}.quick-guide{margin-top:.75rem;border:1px solid #334a68;border-radius:10px;background:#122235;padding:.6rem .7rem}.quick-guide h4{margin:0;font-size:.88rem}.quick-guide ul{margin:.45rem 0 0;padding-left:1rem}.quick-guide li{color:#adc1d9;font-size:.83rem;margin:.2rem 0}.confidence-card{margin-top:.75rem;border:1px solid #375173;border-radius:10px;background:#12253c;padding:.62rem}.confidence-card h3{margin:0;font-size:.9rem}.confidence-row{margin-top:.48rem}.confidence-row p{margin:0;font-size:.82rem;color:#b8cbdf}.confidence-options{margin-top:.25rem;display:flex;gap:.3rem}.confidence-btn{border:1px solid #4a688d;background:#18324f;color:#e0ecfc;border-radius:6px;padding:.22rem .44rem;font-weight:700;cursor:pointer}.confidence-btn.active{border-color:#68cfe4;background:#235174}.confidence-gain{margin:.55rem 0 0!important;color:#aee6c4!important;font-weight:700}.share-prompt-card{margin-top:.75rem;border:1px solid #3d5f86;border-radius:10px;background:#132842;padding:.62rem}.share-prompt-card h4{margin:0;font-size:.9rem}.share-prompt-card p{margin:.32rem 0 .55rem;color:#bfd1e6;font-size:.84rem}.completion-summary{margin-top:.75rem;border:1px solid #3e6c56;border-radius:10px;background:#163327;padding:.62rem}.completion-summary h4{margin:0;font-size:.9rem}.completion-summary ul{margin:.45rem 0 0;padding-left:1rem}.completion-summary li{margin:.2rem 0;color:#b7e4cb;font-size:.83rem}.glossary{position:fixed;right:14px;bottom:14px;z-index:40}.presenter-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#03080e94;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem}.presenter-panel{position:relative;width:min(780px,96vw);max-height:calc(100vh - 4rem);background:#102036;border:1px solid #345072;border-radius:14px;padding:.9rem;overflow:auto;transform:translate(0)}.presenter-panel.open{transform:translate(0)}.presenter-close{position:absolute;top:.7rem;right:.7rem;width:32px;height:32px;display:grid;place-items:center;border:1px solid #4c6d93;background:#183353;color:#e6f1ff;border-radius:8px;padding:0;line-height:1;font-weight:700;cursor:pointer}.presenter-avatar{width:46px;height:46px;border-radius:50%;margin-top:.7rem;display:grid;place-items:center;font-weight:800;color:#e8f4ff;background:#2a5277;border:1px solid #6ca7d5}.presenter-panel h3{margin:.55rem 0 .15rem}.presenter-panel>h3:first-of-type{margin-top:.25rem;margin-right:2.5rem}.presenter-role{margin:0;color:#a9bed7;font-size:.85rem}.presenter-section{margin-top:.75rem;border-top:1px solid #2d4460;padding-top:.55rem}.presenter-section h4{margin:0;font-size:.9rem}.presenter-section p{margin:.35rem 0 0;color:#bdd0e5;font-size:.84rem;line-height:1.45}.presenter-section ul{margin:.35rem 0 0;padding-left:1rem}.presenter-section li{margin:.2rem 0;color:#bdd0e5;font-size:.83rem}.share-row{margin-top:.45rem;display:flex;gap:.45rem;align-items:center}.share-row input{flex:1;min-width:0;border:1px solid #47678f;background:#0f253d;color:#dce9fb;border-radius:8px;padding:.42rem .55rem;font-size:.8rem}.share-links{margin-top:.45rem;display:flex;flex-wrap:wrap;gap:.35rem}.share-links a{border:1px solid #47678f;background:#16304d;color:#dce9fb;border-radius:7px;padding:.25rem .5rem;text-decoration:none;font-size:.8rem}.presenter-links a{display:inline-block;margin-right:.45rem;margin-top:.35rem;border:1px solid #47678f;background:#16304d;color:#dce9fb;border-radius:7px;padding:.25rem .5rem;text-decoration:none;font-size:.8rem}@media (max-width: 720px){.presenter-modal{padding:.8rem;align-items:stretch}.presenter-panel{width:100%;max-height:100%}.share-row{flex-direction:column;align-items:stretch}}.glossary-toggle{border:1px solid #4b6b90;background:#193455;color:#e6f1ff;border-radius:8px;padding:.4rem .65rem;font-weight:700;cursor:pointer}.glossary-panel{margin-top:.45rem;width:320px;max-height:300px;overflow:auto;border:1px solid #3c5679;border-radius:10px;background:#112136;padding:.55rem}.glossary-panel h4{margin:0}.glossary-panel ul{margin:.45rem 0 0;padding-left:1rem}.glossary-panel li{font-size:.79rem;color:#aec3da;margin:.2rem 0}button:focus-visible,select:focus-visible,input:focus-visible,.layer.clickable:focus-visible{outline:2px solid #6ed2e6;outline-offset:2px}@media (max-width: 980px){.stage0-grid,.stage1-grid,.story-layout,.stage4-layout{grid-template-columns:1fr}.glossary-panel{width:min(92vw,320px)}}