.exhibit-switch{background:#153b41;border-bottom:1px solid #ffffff12;justify-content:center;gap:4px;padding:8px 18px;display:flex}.exhibit-switch button{color:#c6dcda;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 22px;font-size:13px}.exhibit-switch button[aria-pressed=true]{color:#194747;background:#f4f4e9;font-weight:700}.child-app{--child-ink:#193e44;--child-muted:#587275;--child-green:#196e63;--child-border:#d6e1d9;color:var(--child-ink);background:#f7f6ee;min-height:100vh;padding:0 max(24px,50vw - 720px);font-family:Inter,Microsoft JhengHei,PingFang TC,sans-serif}.child-app *{box-sizing:border-box}.child-app p{color:var(--child-muted);line-height:1.8}.child-app button{cursor:pointer;border:1px solid var(--child-border);color:var(--child-ink);background:0 0;font-family:inherit;transition:background .18s,color .18s}.child-app button:hover:not(:disabled){background:#e4eee4}.child-app button:focus-visible,.child-app a:focus-visible,.child-app input:focus-visible,.child-app summary:focus-visible,.child-app textarea:focus-visible{outline-offset:4px;outline:3px solid #d77144}.child-app button:disabled{cursor:default;opacity:.6}.child-app a{color:var(--child-green)}.child-app h1,.child-app h2,.child-app h3{color:var(--child-ink);letter-spacing:-.025em}.child-app main{padding:0}.child-header{border-bottom:1px solid var(--child-border);justify-content:space-between;align-items:center;min-height:88px;display:flex}.child-brand{letter-spacing:.12em;align-items:center;gap:12px;font-size:23px;font-weight:800;display:flex;text-decoration:none!important}.child-brand>span{color:#da8151;font-size:36px}.child-brand small{letter-spacing:.06em;color:var(--child-muted);border-left:1px solid #b8c8be;margin-left:6px;padding-left:15px;font-size:12px;font-weight:500}.child-age-note{color:var(--child-muted);font-size:13px}.child-nav{gap:10px;margin:22px 0 0;display:flex}.child-nav button{white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:9px;padding:11px 15px;font-size:14px;font-weight:650;display:flex}.child-nav button>span{border:1px solid #b9cfc5;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.child-nav button[aria-current]{color:#185b51;background:#deeadf}.child-nav button[aria-current]>span{color:#fff;background:#206b5d;border-color:#206b5d}.child-nav small{color:#8d6432;background:#fff9e7;border-radius:4px;padding:3px 5px;font-size:10px;font-weight:500}.child-heading{justify-content:space-between;align-items:center;gap:25px;padding:29px 0 26px;display:flex}.child-kicker{letter-spacing:.12em;font-weight:700;display:block;color:#617e73!important;margin:0 0 10px!important;font-size:11px!important}.child-heading h1{margin:0 0 7px;font-size:34px;font-weight:800;line-height:1.35}.child-heading p:not(.child-kicker){margin:0;font-size:16px}.child-intro-note{white-space:pre-line;color:#617471;border-left:3px solid #d5b77d;flex-shrink:0;padding-left:18px;font-size:14px;line-height:1.8}.child-step-rail{border:1px solid var(--child-border);background:#fbfcf6;border-radius:12px;gap:0;margin-bottom:21px;display:flex;overflow:hidden}.child-step-rail button{border:0;border-right:1px solid var(--child-border);border-radius:0;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 9px;font-size:13px;line-height:1.5;display:flex}.child-step-rail button:last-child{border-right:0}.child-step-rail button>span{background:#edf1e9;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.child-step-rail button[aria-current]{color:#fff;background:#1d6259}.child-step-rail button[aria-current]>span{background:#ffffff21}.child-step-rail button strong{font-weight:600}.child-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}.child-demonstration{min-width:0}.child-stage-wrap{border:1px solid var(--child-border);background:#e6eee7;border-radius:16px;height:430px;position:relative;overflow:hidden}.child-stage-wrap .webgl-stage{width:100%;height:100%;position:absolute;inset:0}.child-stage-wrap .scene-canvas{width:100%;height:100%;display:block}.child-view-labels{pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0 0 auto}.child-view-labels>span{color:#25454a;align-items:flex-start;gap:7px;padding:15px 13px;font-size:12px;font-weight:650;line-height:1.7;display:flex}.child-view-labels b{background:#fff9;border-radius:5px;place-items:center;min-width:21px;height:21px;font-size:10px;line-height:1;display:inline-grid}.child-view-labels>span+span{border-left:1px solid #2a646c26}.child-camera-tools{gap:5px;display:flex;position:absolute;bottom:10px;right:10px}.child-camera-tools button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fbf2dd;border-color:#ccddd2;border-radius:6px;padding:7px 9px;font-size:11px}.child-camera-tools button[aria-pressed=true]{background:#d0e6d6}.child-stage-explainer{color:#607878;padding:13px 4px 14px;font-size:12px;line-height:1.85}.child-stage-explainer>span{color:#41685f;white-space:nowrap;background:#e4ebdf;border-radius:4px;margin-right:7px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.child-guide{border:1px solid var(--child-border);background:#fffef8;border-radius:16px;padding:25px 22px;box-shadow:0 8px 30px #25463504}.child-guide h2{margin:0 0 12px;font-size:23px;line-height:1.45}.child-narration{min-height:106px;margin:0 0 20px;font-size:15px}.child-address{margin:22px 0 13px}.child-address-label{color:#6b817e;margin-bottom:9px;font-size:11px;display:block}.child-address-cells{gap:5px;display:flex}.child-address-cells>div{background:#f0f3eb;border-radius:7px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:9px 2px;display:flex}.child-address-cells span{color:#637d78;white-space:nowrap;font-size:10px}.child-address-cells strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:21px;font-weight:650}.child-address-cells .child-coordinate-w{color:#286b58;background:#dcebe0}.child-address-cells .child-coordinate-v{color:#aa643b;background:#fae2d3}.child-status{color:#3f6e58;background:#f6f8ee;border:1px solid #d4e1d5;border-radius:7px;align-items:center;gap:7px;padding:10px;font-size:12px;line-height:1.6;display:flex}.child-status-dot{background:#65926a;border-radius:100%;flex-shrink:0;width:6px;height:6px}.child-important{margin:12px 0 0;font-size:12px}.child-next-controls{flex-direction:column;gap:8px;margin-top:23px;display:flex}.child-app .child-next{color:#fff;background:#206c5d;border-color:#206c5d;border-radius:8px;width:100%;min-height:46px;padding:13px 8px;font-size:14px;font-weight:700}.child-app .child-next:hover:not(:disabled){background:#155547}.child-app .child-back{border:0;padding:8px;font-size:12px}.child-next-lesson{border-radius:8px;width:100%;margin-top:12px;padding:11px;font-size:13px}.child-map{margin-top:8px}.child-map svg{width:100%;height:auto;display:block}.child-map text{fill:#5d7771;font-size:10px}.child-map small{color:#6a7f7b;font-size:11px}.child-player{border:1px solid var(--child-border);background:#eeefe5;border-radius:11px;padding:16px 19px}.child-player-buttons{align-items:center;gap:9px;margin-bottom:16px;display:flex}.child-player-buttons button{background:#fffef8;border-color:#cddbcf;border-radius:6px;padding:8px 11px;font-size:12px}.child-player-buttons>span{color:#708479;margin-left:auto;font-size:11px}.child-player label{display:block}.child-player label>span{color:#546f62;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.child-player input{accent-color:#257260;cursor:pointer;width:100%;height:20px;margin:0;display:block}.child-player output{font-variant-numeric:tabular-nums}.child-check{background:#e8efdf;border:1px solid #dce3cf;border-radius:13px;grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin:30px 0 23px;padding:27px 30px;display:grid}.child-check h2{margin:0;font-size:19px}.child-check p{margin:8px 0 0;font-size:12px}.child-check-answers{flex-wrap:wrap;gap:9px;display:flex}.child-check-answers button{text-align:left;background:#fafbf2;border-color:#c6d6bf;border-radius:7px;flex:1;min-width:160px;padding:11px 13px;font-size:12px;line-height:1.6}.child-check-answers button[aria-pressed=true]{background:#d1e3c5;border-color:#5b9065}.child-check-answers>p{width:100%;line-height:1.9}.child-parent-notes{border:0!important;border-top:1px solid var(--child-border)!important;border-bottom:1px solid var(--child-border)!important;background:0 0!important;border-radius:0!important;margin:0!important;padding:18px 0!important}.child-parent-notes summary{cursor:pointer;font-size:13px;color:#41665e!important}.child-parent-notes>div{max-width:880px;padding:8px 0}.child-parent-notes p{font-size:13px}.child-app .child-footer{color:#708077;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:27px 0 35px;font-size:11px;display:flex}.child-reality{border:1px solid var(--child-border);background:#f0f2e8;border-radius:16px;margin-bottom:18px;padding:28px}.child-reality-lead{padding:8px 0 22px}.child-reality-lead h2{margin:0 0 12px;font-size:29px;line-height:1.45}.child-reality-lead p{max-width:600px;margin:0;font-size:14px}.child-evidence-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.child-evidence-cards article{background:#fffef8;border:1px solid #dae0d1;border-radius:10px;padding:19px 16px}.child-evidence-cards article>span{color:#7b8566;letter-spacing:.06em;font-size:10px}.child-evidence-cards h3{margin:10px 0;font-size:16px;line-height:1.6}.child-evidence-cards p{margin:0;font-size:12px}.child-evidence-cards a,.child-reality-note a{margin-top:9px;font-size:11px;line-height:1.8;display:block}.child-thought{border-top:1px solid #d2dccb;margin-top:25px;padding-top:23px}.child-thought h3{margin:0;font-size:18px}.child-thought p{margin:9px 0 17px;font-size:13px}.child-thought label{color:#507063;font-size:12px;line-height:1.8;display:block}.child-thought textarea{color:#34584c;resize:vertical;background:#fffef8;border:1px solid #ccd8c5;border-radius:8px;width:100%;margin:9px 0;padding:13px;font-family:inherit;font-size:14px;display:block}.child-thought small{color:#7b8d7c;font-size:10px}.child-reality-note{font-size:11px;margin-top:23px!important}.child-reflection-workspace{margin-bottom:25px}@media (width>=1500px){.child-stage-wrap{height:490px}.child-workspace{grid-template-columns:minmax(0,1fr) 335px}.child-guide{padding:28px}.child-guide h2{font-size:25px}.child-narration{font-size:16px}}@media (width<=1100px){.child-nav{gap:3px}.child-nav button{padding:10px}.child-nav small{display:none}.child-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.child-guide{padding:20px 17px}.child-guide h2{font-size:21px}.child-narration{font-size:14px}.child-stage-wrap{height:410px}.child-heading h1{font-size:29px}.child-step-rail button{font-size:11px}.child-view-labels>span{padding:12px 9px;font-size:10px}.child-evidence-cards{grid-template-columns:1fr}.child-evidence-cards article{padding:15px}.child-evidence-cards h3{margin:5px 0}.child-reality{padding:22px}.child-reality-lead h2{font-size:25px}}@media (width<=850px){.child-app{padding:0 20px}.child-header{min-height:76px}.child-brand small,.child-age-note{display:none}.child-heading{padding:24px 0 20px}.child-intro-note{padding-left:12px;font-size:12px}.child-workspace{flex-direction:column;display:flex}.child-demonstration{width:100%}.child-guide{grid-template-columns:1fr 1fr;align-items:start;column-gap:25px;width:100%;display:grid}.child-guide>.child-kicker,.child-guide>h2,.child-guide>.child-narration{grid-column:1}.child-guide>.child-kicker{grid-row:1}.child-guide>h2{grid-row:2}.child-guide>.child-narration{grid-row:3/5;min-height:0;margin-bottom:0}.child-guide>.child-address{grid-area:1/2/4;margin-top:0}.child-guide>.child-status,.child-guide>.child-important,.child-guide>.child-map{grid-column:2}.child-next-controls{flex-direction:row;grid-column:1/-1;align-items:center;margin-top:18px;display:flex}.child-app .child-next{flex:1}.child-app .child-back{width:150px}.child-next-lesson{grid-column:1/-1}.child-stage-wrap{height:360px}.child-check{gap:23px;padding:22px}.child-check-answers button{min-width:100%}.child-nav{padding-bottom:4px;overflow-x:auto}.child-nav button{flex-shrink:0;font-size:12px}.child-step-rail{margin-bottom:16px}.child-step-rail button{flex-direction:column;justify-content:flex-start;gap:6px;padding:11px 6px}.child-view-labels>span{font-size:11px}.child-reality{margin-bottom:10px}.child-evidence-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.child-reflection-workspace .child-guide{display:block}.child-reflection-workspace .child-narration{margin-bottom:0}}@media (width<=600px){.exhibit-switch button{padding:8px 16px;font-size:12px}.child-app{padding:0 14px}.child-header{min-height:67px}.child-brand{font-size:21px}.child-brand>span{font-size:29px}.child-nav{gap:2px;margin-top:13px}.child-nav button{gap:6px;padding:8px 9px}.child-nav button>span{width:20px;height:20px;font-size:10px}.child-heading{padding:21px 0 18px;display:block}.child-heading h1{font-size:27px}.child-heading p:not(.child-kicker){font-size:14px}.child-intro-note{white-space:normal;border-left-width:2px;max-width:340px;margin-top:12px;font-size:12px}.child-kicker{font-size:10px!important}.child-step-rail{border-radius:9px}.child-step-rail button{padding:10px 4px;font-size:10px;line-height:1.7}.child-step-rail button>span{width:19px;height:19px;font-size:10px}.child-stage-wrap{height:560px}.child-stage-wrap:has(.webgl-stage[data-layout=stacked]) .child-view-labels{grid-template-rows:1fr 1fr;grid-template-columns:1fr;height:100%}.child-stage-wrap:has(.webgl-stage[data-layout=stacked]) .child-view-labels>span+span{border-top:1px solid #476f6b33;border-left:0}.child-view-labels>span{align-self:start;padding:11px;font-size:11px}.child-stage-explainer{padding:11px 3px;font-size:11px}.child-guide{padding:21px;display:block}.child-guide h2{font-size:22px}.child-guide>.child-narration{margin:0 0 17px;font-size:16px}.child-guide>.child-address{margin:18px 0 12px}.child-address-cells span{font-size:11px}.child-address-cells strong{font-size:24px}.child-address-cells>div{padding:10px 4px}.child-status,.child-important{font-size:13px}.child-next-controls{flex-direction:column;gap:5px}.child-app .child-next{width:100%;padding:14px;font-size:15px}.child-app .child-back{width:100%}.child-map{max-width:290px;margin:10px auto}.child-player{padding:14px}.child-player-buttons{flex-wrap:wrap;gap:7px;margin-bottom:12px}.child-player-buttons button{padding:8px;font-size:11px}.child-player-buttons>span{width:100%;margin-top:3px;margin-left:0}.child-check{margin-top:20px;padding:22px;display:block}.child-check h2{font-size:19px}.child-check-answers{margin-top:17px}.child-check-answers button{font-size:14px}.child-check p{font-size:13px}.child-parent-notes summary{font-size:12px;line-height:1.8}.child-evidence-cards{grid-template-columns:1fr}.child-reality{padding:22px}.child-reality-lead h2{font-size:26px}.child-evidence-cards h3{font-size:19px}.child-evidence-cards p{font-size:14px}.child-evidence-cards article>span{font-size:11px}.child-thought p{font-size:14px}.child-thought h3{line-height:1.6}.child-thought label{font-size:13px}.child-footer{font-size:10px!important}}.child-app .child-footer{position:static}.child-view-labels>span{background:linear-gradient(#f8fbf4ed,#f8fbf4b8)}.child-mobile-control{display:none}.child-app .child-step-rail button[aria-current]:hover{color:#fff;background:#1d6259}.child-app .child-mobile-control button:hover:not(:disabled){color:#fff;background:#155547}.site-toolbar{background:#153b41;justify-content:space-between;align-items:center;gap:16px;padding-right:24px;display:flex}.site-toolbar .exhibit-switch{border-bottom:0;flex:1}.language-switch{border:1px solid #d7e5dd55;border-radius:8px;flex-shrink:0;gap:3px;padding:3px;display:flex}.language-switch button{color:#d5e8e2;white-space:nowrap;background:0 0;border:0;padding:6px 10px;font-size:12px}.language-switch button[aria-pressed=true]{color:#254e45;background:#e8f1e4}.language-switch button:hover{background:#ffffff15}.language-switch button[aria-pressed=true]:hover{background:#e8f1e4}html[lang=en] .child-brand{letter-spacing:0;font-size:23px}html[lang=en] .child-heading h1{letter-spacing:-.035em;max-width:850px}html[lang=en] .child-intro-note{max-width:280px}html[lang=en] .child-step-rail button{text-align:left;font-size:13px}html[lang=en] .child-guide h2{font-size:23px}html[lang=en] .child-address-cells span{white-space:normal;text-align:center;min-height:28px;font-size:10px;line-height:1.4}html[lang=en] .child-view-labels>span{font-size:11px;line-height:1.6}html[lang=en] .child-nav button{font-size:13px}html[lang=en] .child-check-answers button{line-height:1.65}html[lang=en] .child-stage-explainer{font-size:12px}html[lang=en] .child-footer{letter-spacing:0}html[lang=en] .intro h1{letter-spacing:0;font-size:32px}html[lang=en] .chapter-nav{gap:25px}html[lang=en] .chapter-nav button{font-size:12px}html[lang=en] .subtitle{max-width:570px}html[lang=en] .path-steps{flex-wrap:wrap}html[lang=en] .caption{align-items:flex-start}html[lang=en] .caption>span{white-space:normal;max-width:90px}@media (width<=850px){.site-toolbar{gap:6px;padding-right:14px}.site-toolbar .exhibit-switch{padding:8px 6px}.exhibit-switch button{padding:8px 10px}html[lang=en] .child-brand small{display:none}html[lang=en] .child-heading h1{font-size:29px}html[lang=en] .child-intro-note{max-width:220px}html[lang=en] .chapter-nav{gap:10px}html[lang=en] .child-step-rail button{text-align:center;font-size:11px}html[lang=en] .chapter-nav button{font-size:10px}}@media (width<=600px){.site-toolbar{flex-wrap:wrap;justify-content:center;gap:4px;padding:6px 10px 9px}.site-toolbar .exhibit-switch{flex-basis:100%;padding:0}.language-switch{padding:2px}.language-switch button{padding:5px 13px;font-size:11px}html[lang=en] .child-heading h1{font-size:29px}html[lang=en] .child-intro-note{max-width:100%}html[lang=en] .child-step-rail button{font-size:10px;line-height:1.4}html[lang=en] .child-brand{font-size:22px}html[lang=en] .child-view-labels>span{font-size:11px}html[lang=en] .child-nav button{font-size:12px}html[lang=en] .child-next{font-size:14px}html[lang=en] .child-footer{font-size:11px!important}html[lang=en] .chapter-nav{justify-content:flex-start;gap:16px;height:auto;padding:8px 12px;overflow-x:auto}html[lang=en] .chapter-nav button{white-space:normal;flex-shrink:0;max-width:95px;line-height:1.4}html[lang=en] .intro h1{font-size:26px}html[lang=en] .view-labels>span{font-size:8px}html[lang=en] .view-bottom>span{max-width:65%;line-height:1.5}}.child-player input[type=range]{accent-color:#257260;height:20px;margin:0}@media (width<=850px){.child-mobile-control{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f6eef5;justify-content:space-between;align-items:center;gap:15px;margin-bottom:5px;padding:12px 3px;display:flex;position:sticky;top:0}.child-mobile-control small{color:#6c8276;font-size:10px;display:block}.child-mobile-control strong{margin-top:4px;font-size:14px;display:block}.child-mobile-control button{color:#fff;white-space:nowrap;background:#206c5d;border-radius:8px;padding:11px;font-size:12px}}@media (prefers-reduced-motion:reduce){.child-app button{transition:none}}:root{color:#dce6e9;font-synthesis:none;--muted:#91a4ae;--mint:#97dccb;--line:#ffffff14;--panel:#111e27;--amber:#dfb68b;background:#0c141b;font-family:Inter,Microsoft JhengHei,PingFang TC,system-ui,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:0 0;border-radius:6px;padding:9px 13px;transition:background .18s,color .18s,border-color .18s}button:hover{background:#ffffff0c;border-color:#8dd6c955}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button.selected{color:var(--mint);background:#96e4cd12;border-color:#8ed6c640}button.active{color:var(--mint)}a{color:inherit;text-decoration:none}p{color:#a8b9c2;margin:10px 0;line-height:1.8}h1,h2,h3{font-weight:500}h1{letter-spacing:.08em;margin:7px 0 8px;font-size:38px}h2{letter-spacing:.04em;margin:9px 0;font-size:21px}h3{font-size:17px}small{font-size:11px}.app-shell{max-width:1700px;margin:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:90px;padding:0 48px;display:flex}.brand{letter-spacing:.18em;align-items:center;gap:15px;font-size:20px;display:flex}.brand-icon{color:var(--mint);font-size:42px;font-weight:200}.brand small{letter-spacing:.25em;color:var(--muted);margin-top:5px;font-size:9px;display:block}.header-right{align-items:center;gap:24px;display:flex}.quiet{color:var(--muted);font-size:12px}.icon-button{border-radius:50%;width:26px;height:26px;padding:0;font-family:Georgia,serif}.chapter-nav{border-bottom:1px solid var(--line);align-items:stretch;gap:35px;height:64px;padding:0 48px;display:flex}.chapter-nav button{color:#8a9ca7;border:0;border-radius:0;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex;position:relative}.chapter-nav button span{opacity:.65;font-family:ui-monospace,monospace;font-size:11px}.chapter-nav button.active{color:#d3eee7}.chapter-nav button.active i{background:var(--mint);height:2px;position:absolute;bottom:0;left:0;right:0}main{padding:29px 48px 0}.intro{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:.2em;color:var(--mint);text-transform:uppercase;margin:0;font-size:10px}.subtitle{letter-spacing:.025em;margin:9px 0 0;font-size:13px}.mode-controls{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.segmented{border:1px solid var(--line);background:#111e27;border-radius:7px;gap:3px;padding:4px;display:flex}.segmented button{border:1px solid #0000;padding:8px 15px;font-size:12px}.dimension-controls{align-items:center;gap:7px;font-size:11px;display:flex}.dimension-controls span{color:var(--muted);margin-right:6px}.dimension-controls button{padding:5px 10px;font-family:ui-monospace,monospace}.workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.exhibit{min-width:0}.stage-wrap{background:#111e27;border:1px solid #ffffff15;border-radius:10px;height:425px;position:relative;overflow:hidden}.webgl-stage{width:100%;height:100%;position:relative}.webgl-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.camera-surface{touch-action:none;width:50%;position:absolute;top:0;bottom:0}.camera-surface.left{left:0}.camera-surface.right{right:0}.camera-surface[data-side=left]{left:0}.camera-surface[data-side=right]{right:0}.view-labels{pointer-events:none;z-index:2;grid-template-columns:1fr 1fr;width:100%;display:grid;position:absolute;top:18px;left:0}.view-labels>span{letter-spacing:.045em;color:#a5bbc5;text-shadow:0 1px 8px #000;padding:0 20px;font-size:10px}.view-labels i{background:#6d8c9a;border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.view-labels>span+span i{background:var(--mint)}.stage-wrap:after{content:"";pointer-events:none;background:#ffffff12;width:1px;position:absolute;top:0;bottom:0;left:50%}.view-bottom{color:#8c9ca9;pointer-events:none;z-index:2;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:14px;left:20px;right:18px}.view-bottom button{pointer-events:auto;background:#0b1626b8;border:0;padding:5px 8px;font-size:10px}.under-stage{grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:170px;padding:23px 2px 0;display:grid}.insight p{font-size:12px;line-height:1.85}.diagram{width:100%;display:block;overflow:visible}.diagram text,.wv-pad text{fill:#a7bac3;font-family:inherit;font-size:10px}.mini-observer{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.mini-observer span{color:#92aab5;font-size:10px}.mini-observer svg{width:100%;height:30px;display:block}.mini-observer small{color:#8da1ac;font-size:9px;display:block}.controls{border:1px solid var(--line);background:linear-gradient(150deg,#14212b,#101b24);border-radius:10px;padding:20px}.panel-title{letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:13px;display:flex}.panel-title small{letter-spacing:0;color:#78999c;background:#95e0c610;border-radius:3px;padding:4px 6px;font-size:9px}.control-hint{color:#8095a0;margin:12px 0 20px;font-size:10px}.field-label{color:#b2c2ca;margin-top:16px;font-size:11px;display:block}select{color:#d0dce3;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1821;border:1px solid #ffffff1c;border-radius:5px;width:100%;margin-top:8px;padding:9px;font-size:11px;display:block}select option{background:#14212b}.subtle-button{color:#a1c8c3;width:100%;margin:10px 0;font-size:11px}.range-label{margin:20px 0;display:block}.range-label>span{color:#b2c2ca;justify-content:space-between;align-items:center;font-size:11px;display:flex}.range-label output{text-align:center;min-width:47px;color:var(--mint);background:#0d1921;border:1px solid #ffffff14;border-radius:4px;padding:4px 7px;font-family:ui-monospace,monospace;font-size:10px}input[type=range]{width:100%;height:4px;accent-color:var(--mint);cursor:pointer;margin:17px 0 3px}input[type=checkbox]{accent-color:var(--mint);width:13px;height:13px;margin:0 8px 0 0}.checks{gap:13px;padding-top:17px;display:grid}.checks label{align-items:center;font-size:11px;line-height:1.4;display:flex}.control-note{padding:18px 0 6px}.axis-glyph{color:var(--mint);font-family:Georgia,serif;font-size:42px;font-style:italic}.control-note h3{font-size:14px}.control-note p{color:#9bafb8;font-size:11px}details{border-top:1px solid var(--line);margin-top:21px;padding-top:16px}summary{cursor:pointer;color:#bfd0d7;justify-content:space-between;align-items:center;font-size:11px;list-style:none;display:flex}summary:after{content:"+";color:#8aa6b0}details[open]>summary:after{content:"−"}.micro{color:#829ba8;font-size:10px;line-height:1.75}.math-details p{font-size:11px}.math-details dl{font-size:10px}.math-details dt{color:#8ba4ad;margin:10px 0 5px}.math-details dd{word-break:break-all;color:#b4e5d9;margin:0;font-family:ui-monospace,monospace}.wv-pad{touch-action:none;cursor:crosshair;background:#0b171fa0;border-radius:5px;width:100%;max-width:210px;margin:8px auto;display:block}.button-row{gap:6px;display:flex}.button-row button{flex:1;padding:7px 5px;font-size:10px}.formula-card{background:#18272c50;border-left:2px solid #91d8c580;border-radius:0 7px 7px 0;padding:20px 22px}.formula{color:#dbede5;margin-top:14px;font-family:Georgia,serif;font-size:26px}.formula-card p{font-size:11px}.formula-card strong{color:var(--mint);font-size:12px;font-weight:500}.position-track{color:#90a7b0;align-items:center;gap:10px;margin:28px 0;font-size:11px;display:flex}.position-track>div{background:#587d8966;width:100%;height:2px;position:relative}.position-track i{background:#91d8c5;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;transform:translate(-50%)}.position-track b{background:#cdbd9966;width:1px;height:24px;position:absolute;top:-11px}.mint{color:var(--mint)}.amber{color:var(--amber)}.diagram-heading{color:#a9c3c7;justify-content:space-between;font-size:10px;display:flex}.compare{justify-content:space-between;font-size:10px;display:flex}.path-steps{color:#7b939d;gap:8px;margin:15px 0;font-size:10px;display:flex}.path-steps span{border-bottom:2px solid #ffffff10;padding-bottom:7px}.path-steps .current{color:var(--mint);border-color:#8bd9c9}.distance-card{border-left:1px solid var(--line);padding:10px 25px}.distance-card>span{color:#8fa6b0;font-size:11px}.distance-card strong{color:var(--mint);margin-top:12px;font-family:ui-monospace,monospace;font-size:35px;font-weight:400;display:block}.distance-card small{color:#8fa6b0;font-size:12px}.distance-card p{font-size:11px}.science-note{color:#b9aa98;border:1px solid #d5b88830;border-radius:6px;padding:10px 15px;font-size:10px}.check-cosmic{align-items:flex-start;margin-top:21px;font-size:11px;line-height:1.8;display:flex}.check-cosmic input{margin-top:3px}.player{border:1px solid var(--line);background:#121f28;border-radius:10px;margin-top:28px;overflow:hidden}.player-top{align-items:center;gap:18px;padding:15px 23px;display:flex}.play-button{width:42px;height:42px;color:var(--mint);background:#94dcc515;border:1px solid #a2e6d138;border-radius:50%;flex-shrink:0;padding:0;font-size:16px}.replay{color:#8aa2ae;border:0;padding:3px;font-size:24px}.timeline-container{flex:1}.time-label{color:#839ba6;justify-content:space-between;font-family:ui-monospace,monospace;font-size:10px;display:flex}.timeline-container input{height:3px;margin-top:8px}.chapter-ticks{grid-template-columns:repeat(5,1fr);margin-top:5px;display:grid}.chapter-ticks button{text-align:left;color:#65808e;border:0;padding:3px 0;font-family:ui-monospace,monospace;font-size:9px}.chapter-ticks span{margin-left:8px;font-family:inherit}.speed{background:#1a2a34;flex-shrink:0;width:63px;margin:0;font-family:ui-monospace,monospace}.caption{background:#162831;border-top:1px solid #ffffff0b;align-items:center;gap:19px;min-height:56px;padding:13px 23px;display:flex}.caption>span{color:var(--mint);letter-spacing:.08em;flex-shrink:0;font-size:10px}.caption p{color:#c0d3db;margin:0;font-size:12px;line-height:1.75}footer{color:#6e8997;align-items:center;gap:7px;padding:21px 0 26px;font-size:10px;line-height:1.7;display:flex}.status-dot{background:#81aa9f;border-radius:50%;flex-shrink:0;width:4px;height:4px}.footer-right{white-space:nowrap;color:#566e7c;margin-left:auto}.webgl-error{color:#e4bba1;text-align:center;z-index:3;background:#18232e;place-content:center;padding:30px;display:grid;position:absolute;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#030b12bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.info-modal{background:#152630;border:1px solid #8dd5bf40;border-radius:12px;max-width:560px;padding:42px;position:relative;box-shadow:0 40px 120px #0008}.info-modal h2{margin:17px 0;font-size:25px}.info-modal p{font-size:13px}.close{border:0;font-size:22px;position:absolute;top:10px;right:14px}.primary-button{color:#13332e;background:#91d8c5;margin-top:15px}.primary-button:hover{background:#afe9d9}.stage-diagnostic{color:#8fb0bd;pointer-events:none;font-size:10px;position:absolute;bottom:45px;left:20px}.stage-error{color:#f1c08f;text-align:center;padding:80px 20px;line-height:1.8}@media (width>=1500px){.stage-wrap{height:500px}.workspace{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=1100px){.topbar{padding:0 25px}.chapter-nav{gap:25px;padding:0 25px}main{padding:24px 25px 0}.workspace{grid-template-columns:minmax(0,1fr) 244px;gap:16px}.stage-wrap{height:380px}.view-labels>span{padding:0 12px;font-size:9px}.controls{padding:16px}.under-stage{gap:15px}.intro h1{font-size:31px}.footer-right{display:none}}@media (width<=800px){.topbar{height:73px}.header-right .quiet{display:none}.chapter-nav{justify-content:space-between;gap:0;height:55px;padding:0 20px}.chapter-nav button{gap:5px;font-size:11px}.intro{align-items:flex-start;gap:20px}.intro h1{font-size:25px}.subtitle{max-width:280px;font-size:11px}.mode-controls{gap:10px}.segmented button{padding:7px 8px;font-size:10px}.workspace{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.panel-title,.control-hint,.control-note,.math-details{grid-column:1/-1}.control-hint{margin-bottom:0}.controls details{align-self:start}.stage-wrap{height:400px}.under-stage{min-height:0}.player-top{gap:10px;padding:14px}.caption{gap:12px;padding:12px 15px}.caption p{font-size:11px}.chapter-ticks span{display:none}}@media (width<=480px){main{padding:20px 15px 0}.topbar{padding:0 17px}.brand{font-size:17px}.brand-icon{font-size:34px}.chapter-nav{padding:0 15px}.chapter-nav button{flex-direction:column;justify-content:center;gap:4px;font-size:10px}.intro{display:block}.mode-controls{flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px}.intro h1{font-size:27px}.stage-wrap{height:320px}.view-labels{top:12px}.view-labels>span{font-size:8px;line-height:1.7}.view-bottom{font-size:8px;left:10px;right:8px}.view-bottom button{font-size:8px}.under-stage{grid-template-columns:1fr;gap:15px}.under-stage>.diagram{max-height:150px}.controls{column-gap:20px}.player{margin-top:20px}.play-button{width:34px;height:34px}.replay{font-size:22px}.speed{width:55px;padding:7px 4px}.caption{display:block}.caption>span{margin-bottom:5px;display:block}footer{font-size:9px}.formula-card{padding:17px}.info-modal{padding:30px 24px}}.view-labels>span{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#d4e7e9;background:#0b1824bd;padding-top:6px;padding-bottom:6px}.view-labels{top:0}.boundary-projection{width:100%;margin-top:12px}.boundary-projection text{fill:#a2bbc4;font-family:inherit;font-size:11px}.path-certificate{border-top:1px solid var(--line);color:#8fbbae;padding-top:14px;font-size:10px}footer{z-index:4;background:#0c141bf0;border-top:1px solid #ffffff10;padding:10px 25px;position:fixed;bottom:0;left:0;right:0}main{padding-bottom:65px}.button-row{align-self:start}.control-note{grid-column:1/-1}.exhibit-footer{display:block}.footer-note{align-items:center;gap:7px;display:flex}.author-credit{text-align:center;letter-spacing:.025em;flex-basis:100%;width:100%;font-size:12px;font-weight:500;line-height:1.7;display:block}.exhibit-footer .author-credit{color:#b6c7cc;margin-top:7px}.app-shell>main{padding-bottom:110px}.child-app .author-credit{color:#466158}@media (width<=600px){.app-shell>main{padding-bottom:140px}}