:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05171d;--surface:#0b252c;--text:#eef4ee;--muted:#9ab2b6;--line:#b6e0dc2b;--accent:#a5e9d6;--mono:"Consolas","SFMono-Regular",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;--serif:"Songti SC","SimSun","Noto Serif CJK SC",serif;font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration:none}button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}button[hidden],[hidden]{display:none!important}#scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.scene-vignette{pointer-events:none;z-index:1;background:linear-gradient(90deg,#031218f0,#0000 29% 71%,#031218b3),linear-gradient(#031218b3,#0000 20% 74%,#031218b8);position:absolute;inset:0}.topbar{z-index:5;align-items:center;gap:28px;height:100px;padding:0 38px;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{font:600 24px var(--serif);letter-spacing:.1em;align-items:center;gap:14px;display:flex}.wordmark small{letter-spacing:.2em;font:9px var(--mono);color:var(--muted);margin-top:7px;display:block}.brand-mark{border:1px solid #b8e2d4;border-radius:48% 52% 57% 43%;width:31px;height:31px;position:relative;transform:rotate(-20deg)}.brand-mark:before{content:"";border:1px solid #b8e2d4;border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:8px}.brand-mark:after{content:"";background:#b8e2d4;border-radius:50%;width:4px;height:7px;position:absolute;top:5px;right:3px}.signature{letter-spacing:.09em;white-space:pre;color:#bdd0cc;margin:auto;font-size:12px}.header-actions{align-items:center;gap:14px;display:flex}.text-button{color:var(--muted);padding:10px 3px;font-size:12px}.text-button:hover{color:var(--text)}.icon-button{color:#c1d3d1;border:1px solid #b1dcd72b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.icon-button:hover,.icon-button[aria-pressed=true]{color:#e7fff3;background:#aae6d724;border-color:#b9efe07a}.structure-panel{z-index:3;flex-direction:column;width:174px;display:flex;position:absolute;top:153px;bottom:145px;left:38px}.section-eyebrow{letter-spacing:.18em;color:#95b7b6;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.section-eyebrow span:last-child{font-family:var(--mono);font-size:9px}#structure-list{flex-direction:column;gap:2px;margin-top:19px;display:flex}.structure-button{text-align:left;color:#9eb8b9;border-bottom:1px solid #afe0d712;align-items:center;gap:11px;width:100%;padding:11px 10px 11px 0;transition:color .2s,transform .2s,border-color .2s;display:flex}.structure-button .structure-number{font:10px var(--mono);color:#526f76;width:18px}.structure-button .structure-dot{background:var(--part-color);width:5px;height:5px;box-shadow:0 0 9px color-mix(in srgb,var(--part-color) 20%,transparent);opacity:.6;border-radius:50%;display:block}.structure-button .structure-name{letter-spacing:.06em;flex:1;font-size:12px}.structure-button .structure-arrow{opacity:0;font-size:12px;transition:opacity .2s,transform .2s;transform:translate(-4px)}.structure-button:hover,.structure-button.active{color:#eef8ed;border-color:#c7e9d633;transform:translate(4px)}.structure-button:hover .structure-arrow,.structure-button.active .structure-arrow{opacity:1;transform:translate(0)}.structure-button.active .structure-dot{opacity:1;box-shadow:0 0 12px var(--part-color)}.all-structure{color:var(--muted);text-align:left;align-items:center;gap:12px;margin-top:19px;padding:9px 0;font-size:11px;display:flex}.all-structure span{font-size:18px}.workspace{pointer-events:none;z-index:2;position:absolute;inset:100px 0 0}.mode-controls{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#041920ad;border:1px solid #a7d8d338;border-radius:100px;padding:4px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.mode-controls button{letter-spacing:.1em;color:#9fbbba;border-radius:100px;padding:9px 22px;font-size:12px;transition:background .25s,color .25s}.mode-controls button.active{color:#142c2c;background:#bddccc}.model-caption{letter-spacing:.2em;color:#c3d9d3;align-items:center;gap:13px;font-size:13px;display:flex;position:absolute;top:91px;left:calc(50% - 191px)}.model-caption small{letter-spacing:.12em;color:#709197;margin-top:5px;font-size:9px;display:block}.caption-line{background:#698e90;width:30px;height:1px}.scene-tools{pointer-events:auto;gap:9px;display:flex;position:absolute;top:82px;right:calc(50% - 216px)}.scene-tools .icon-button{width:33px;height:33px}.scene-tools svg{width:16px;height:16px}.gesture-hint{letter-spacing:.1em;color:#789b9e;white-space:nowrap;align-items:center;gap:10px;font-size:10px;transition:opacity 1s;display:flex;position:absolute;bottom:133px;left:50%;transform:translate(-50%)}.gesture-icon{color:#8cafaf;font-size:17px}.mobile-hint{display:none}#part-label{color:#eafff4;letter-spacing:.06em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#051c22e6;border:1px solid #b4edd84d;border-radius:3px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-115%);box-shadow:0 8px 30px #00000029}.annotation-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.inspector{z-index:3;scrollbar-width:thin;scrollbar-color:#28464b transparent;width:259px;max-height:calc(100% - 260px);padding-right:6px;position:absolute;top:153px;right:38px;overflow:auto}.inspector-overline{font:10px var(--mono);letter-spacing:.16em;color:#89aaa8;align-items:center;gap:12px;display:flex}.inspector-overline:before{content:"";background:var(--selected-color,var(--accent));border-radius:50%;width:5px;height:5px}.inspector h2{font:600 30px var(--serif);letter-spacing:.08em;margin:14px 0 6px}.inspector .part-english{font:10px var(--mono);color:#7f9f9f;letter-spacing:.07em;text-transform:uppercase;margin:0 0 22px;line-height:1.8}.part-tagline{font:500 14px var(--serif);color:#bddbcc;letter-spacing:.06em;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:20px;line-height:1.8}.detail-block{margin-bottom:19px}.detail-block h3{letter-spacing:.15em;color:#789e9e;margin:0 0 8px;font-size:10px;font-weight:500}.detail-block p{color:#a9c0bc;margin:0;font-size:12px;line-height:1.9}.look-for{border-left:1px solid var(--selected-color,var(--accent));margin-top:25px;padding-left:13px}.look-for h3{letter-spacing:.1em;color:#d7eade;margin:0 0 7px;font-size:10px}.look-for p{color:#a6c5bf;margin:0;font-size:11px;line-height:1.85}.overview-copy{color:#a6bfbd;max-width:235px;font-size:12px;line-height:2}.overview-stat{border-top:1px solid var(--line);color:#adccc1;align-items:center;gap:15px;margin-top:26px;padding-top:19px;display:flex}.overview-stat strong{font:300 39px var(--serif);letter-spacing:.02em}.overview-stat span{letter-spacing:.12em;font-size:10px;line-height:1.8}.overview-instruction{color:#718f91;margin:23px 0;font-size:10px;line-height:1.8}.inspector-content-enter{animation:.4s both detail-in}.mobile-close{display:none}.journey-panel{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#081f24db,#0b2427e6);border-top:1px solid #b0e8d540;border-bottom:1px solid #b0e8d51a;width:580px;padding:18px 23px 16px;transition:width .3s,left .3s;position:absolute;bottom:50px;left:calc(50% - 290px)}.journey-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.journey-heading .section-eyebrow{color:#779f9d;letter-spacing:.16em;font-size:9px}.journey-heading h2{font:500 16px var(--serif);letter-spacing:.1em;margin:6px 0 0}.journey-start{letter-spacing:.1em;color:#d0eadb;align-items:center;gap:10px;padding:9px 0 9px 18px;font-size:11px;display:flex}.journey-start svg{stroke:none;fill:currentColor;width:14px;height:14px}.journey-start:hover{color:#fff}.journey-panel.running{width:650px;padding-top:16px;left:calc(50% - 325px)}.journey-panel.running .journey-start{display:none}.journey-panel.running .journey-heading h2{font-size:14px}.journey-panel.running .journey-heading .section-eyebrow{display:none}.journey-steps{align-items:center;gap:0;margin-top:19px;margin-bottom:17px;display:flex}.journey-step{color:#547778;letter-spacing:.01em;text-align:center;flex-direction:column;align-items:center;gap:9px;width:20%;padding:0;font-size:9px;transition:color .2s;display:flex;position:relative}.journey-step:before{content:"";z-index:-1;background:#355458;height:1px;position:absolute;top:5px;left:0;right:0}.journey-step:first-child:before{left:50%}.journey-step:last-child:before{right:50%}.journey-step i{background:#0e2c30;border:1px solid #456564;border-radius:50%;width:11px;height:11px;transition:background .2s,border-color .2s;display:block;box-shadow:0 0 0 4px #0a2429}.journey-step.active{color:#dcecdf}.journey-step.active i{background:#cbefdb;border-color:#cbefdb;box-shadow:0 0 0 4px #143932,0 0 14px #83c9b8}.journey-step.complete{color:#95b9a9}.journey-step.complete i{background:#688e7e;border-color:#688e7e}.journey-description{align-items:center;gap:18px;display:flex}.journey-description>div:first-child{flex:1}.journey-description h3{letter-spacing:.05em;margin:0 0 6px;font-size:13px;font-weight:500;display:inline-block}.journey-description #journey-number{font:9px var(--mono);color:#8dafab;margin-right:14px}.journey-description p{color:#9fbab2;max-width:440px;margin:0;font-size:10px;line-height:1.9}.journey-actions{gap:7px;display:flex}.journey-actions .icon-button{width:29px;height:29px;font-size:15px}.journey-progress{background:#274447;width:100%;height:1px;margin-top:14px}.journey-progress span{background:#b6e7cf;width:0%;height:100%;display:block;box-shadow:0 0 6px #9fdfc666}.journey-note{color:#617f80;letter-spacing:.015em;margin:7px 0 0;font-size:8px}.workspace-footer{z-index:4;color:#527c80;letter-spacing:.09em;align-items:center;gap:27px;font-size:9px;display:flex;position:absolute;bottom:15px;left:38px;right:38px}.workspace-footer>span{margin-right:auto}.workspace-footer button{color:#7b9f9e;padding:5px 0;font-size:10px}.workspace-footer button span{margin-left:6px}.workspace-footer button:hover{color:#d7ebdf}.mobile-navigation{display:none}.intro{z-index:10;background:#06181e;transition:opacity .7s,visibility .7s;position:absolute;inset:0}.intro.exited{opacity:0;visibility:hidden;pointer-events:none}.intro-image{background:url(/assets/cell-atmosphere.png) 50%/cover no-repeat;animation:20s ease-in-out infinite alternate intro-drift;position:absolute;inset:0}.intro-shade{background:linear-gradient(90deg,#020d12eb,#020d12b3 28%,#020d1212 64%,#020d121a),linear-gradient(#020d1242,#0000 30% 65%,#020d12a8);position:absolute;inset:0}.intro-content{max-width:560px;position:absolute;top:50%;left:8.8%;transform:translateY(-50%)}.intro-eyebrow{color:#9cbdba;letter-spacing:.26em;align-items:center;gap:14px;font-size:10px;animation:1s .1s both entrance;display:flex}.intro-eyebrow>span{background:#b3dbc8;width:32px;height:1px}.intro h1{font:500 clamp(58px,6.6vw,100px)/1.15 var(--serif);letter-spacing:.06em;margin:26px 0 24px;animation:1s .2s both entrance}.intro h1>span{color:#d1e4d6}.intro-subtitle{color:#b4c9c2;letter-spacing:.16em;margin:0;font-size:17px;line-height:1.95;animation:1s .3s both entrance}.enter-button{letter-spacing:.14em;color:#e3eddd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17313059;border:1px solid #d9f2dd80;justify-content:space-between;align-items:center;width:182px;margin-top:38px;padding:16px 22px;font-size:13px;transition:background .25s,transform .25s;animation:1s .4s both entrance;display:flex}.enter-button>span:last-child{font-size:23px;line-height:1}.enter-button:hover{background:#5e93814d;transform:translateY(-2px)}.intro-signature{white-space:pre;letter-spacing:.09em;color:#89aaa4;margin:28px 0 0;font-size:11px;animation:1s .5s both entrance}.intro-bottom{color:#6f9793;letter-spacing:.17em;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:39px;left:8.8%;right:6%}.intro-bottom>span:last-child{color:#a9c8ba}.loading-orbit{border:1px solid #447b77;border-top-color:#b9e4d1;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}#loading{letter-spacing:.06em;color:#658d8d;align-items:center;gap:10px;font-size:10px;transition:opacity .3s;display:flex;position:absolute;bottom:73px;left:8.8%}#loading.finished{opacity:0}.modal{color:#d9e7df;background:#0b262c;border:1px solid #b3e3cf45;width:min(620px,100vw - 40px);max-height:calc(100dvh - 60px);padding:40px 40px 35px;position:fixed;overflow:auto;box-shadow:0 25px 100px #00000073}.modal::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020d12c9}#modal-close{width:30px;height:30px;font-size:18px;position:absolute;top:15px;right:15px}.modal h2{font:500 27px var(--serif);letter-spacing:.08em;margin:5px 0 22px}.modal p{color:#a9c0b8;font-size:12px;line-height:2}.modal ol,.modal ul{padding-left:21px}.modal li{color:#a9c0b8;margin-bottom:13px;font-size:12px;line-height:2}.modal .modal-eyebrow{letter-spacing:.2em;color:#709d98;font-size:9px}.modal h3{letter-spacing:.09em;color:#dfede3;margin-top:24px;font-size:12px;font-weight:500}.modal a{color:#c1e8d0;text-underline-offset:4px;text-decoration:underline}.modal .setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.setting-row label{font-size:13px}.setting-row small{color:#789b98;margin-top:6px;font-size:10px;line-height:1.8;display:block}.setting-row select{color:#d5e8dc;font:11px var(--sans);background:#13363b;border:1px solid #3c6260;max-width:150px;padding:9px 10px}.quiz-question{border-top:1px solid var(--line);padding:21px 0}.quiz-question h3{margin:0 0 13px;font-size:13px;line-height:1.8}.quiz-options{flex-direction:column;gap:7px;display:flex}.quiz-option{text-align:left;color:#b1c8bf;border:1px solid #25484b;padding:10px 14px;font-size:12px;transition:background .15s}.quiz-option:hover{background:#16393c}.quiz-option.correct{color:#e0f8d9;background:#214c3a;border-color:#86bf96}.quiz-option.incorrect{color:#f4d1c5;background:#4a3030;border-color:#bf8278}.quiz-feedback{margin:11px 0 0!important;font-size:11px!important}.quiz-score{color:#bddcca!important;font-size:11px!important}.reset-quiz{border-bottom:1px solid #8bbba5;margin-top:14px;padding:5px 0;font-size:11px}#toast{z-index:12;opacity:0;pointer-events:none;color:#d5efdd;white-space:nowrap;background:#173935;border:1px solid #527a65;padding:11px 18px;font-size:11px;transition:opacity .2s,transform .2s;position:absolute;top:102px;left:50%;transform:translate(-50%,-10px)}#toast.visible{opacity:1;transform:translate(-50%)}#fallback{z-index:0;position:absolute;inset:0}#fallback>img{object-fit:cover;opacity:.35;width:100%;height:100%}#fallback>div{text-align:center;max-width:500px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}#fallback h2{font:500 24px var(--serif)}#fallback p{color:#a8c2bc;font-size:12px;line-height:2}@keyframes spin{to{transform:rotate(360deg)}}@keyframes entrance{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes intro-drift{0%{transform:scale(1)}to{transform:scale(1.055)}}@media (width>=1600px){.topbar{padding:0 54px}.structure-panel{width:198px;top:165px;left:54px}.structure-button{padding:13px 10px 13px 0}.structure-button .structure-name{font-size:13px}.inspector{width:280px;top:165px;right:54px}.inspector h2{font-size:34px}.detail-block p{font-size:13px}.journey-panel{width:670px;bottom:63px;left:calc(50% - 335px)}.journey-panel.running{width:730px;left:calc(50% - 365px)}.gesture-hint{bottom:151px}.workspace-footer{bottom:22px;left:54px;right:54px}}@media (width<=1199px) and (width>=961px){.topbar{padding:0 25px}.signature{letter-spacing:0;font-size:10px}.structure-panel{width:148px;left:25px}.structure-button{gap:7px;padding:10px 5px 10px 0}.structure-button .structure-name{letter-spacing:0;font-size:11px}.inspector{width:213px;right:25px}.inspector h2{font-size:26px}.detail-block p{font-size:11px}.part-tagline{font-size:12px}.journey-panel{width:510px;padding:15px 17px;left:calc(50% - 255px)}.journey-panel.running{width:560px;left:calc(50% - 280px)}.journey-description p{font-size:9px}.journey-actions{gap:4px}.journey-actions .icon-button{width:25px;height:25px}.model-caption{left:calc(50% - 150px)}.scene-tools{right:calc(50% - 172px)}}@media (height<=750px) and (width>=961px){.topbar{height:76px}.workspace{inset:76px 0 0}.structure-panel,.inspector{top:121px}.structure-panel{bottom:90px}.structure-button{padding-top:8px;padding-bottom:8px}.inspector{max-height:calc(100% - 210px)}.inspector h2{margin-top:10px;font-size:25px}.part-tagline{margin-bottom:15px;padding-bottom:14px}.detail-block{margin-bottom:13px}.detail-block p{font-size:11px;line-height:1.75}.look-for{margin-top:15px}.mode-controls{top:12px}.model-caption{top:69px}.scene-tools{top:65px}.journey-panel{padding-top:11px;padding-bottom:10px;bottom:39px}.journey-panel.running{padding-top:12px}.journey-steps{margin-top:13px;margin-bottom:12px}.journey-note{display:none}.gesture-hint{bottom:111px}.intro h1{font-size:72px}.intro-content{top:49%}.intro-subtitle{font-size:15px}.enter-button{margin-top:26px;padding:13px 20px}.intro-signature{margin-top:22px}.intro-bottom{bottom:25px}}@media (width<=960px),(width<=1100px) and (height<=500px){.topbar{align-items:center;gap:10px;height:83px;padding:0 21px}.wordmark{gap:9px;font-size:19px}.brand-mark{width:25px;height:25px}.brand-mark:before{width:10px;height:10px;top:6px;left:6px}.brand-mark:after{width:3px;height:5px;top:4px;right:2px}.wordmark small{letter-spacing:.13em;margin-top:5px;font-size:7px}.signature{text-align:center;letter-spacing:.01em;color:#7ba49c;margin:0;font-size:9px;position:absolute;top:70px;left:21px;right:21px}.header-actions{gap:7px;margin-left:auto}.header-actions .text-button{display:none}.header-actions .icon-button{width:30px;height:30px;font-size:15px}.header-actions svg{width:16px;height:16px}.workspace{inset:87px 0 0}.scene-vignette{background:linear-gradient(#031218b3,#0000 25% 62%,#031218bf)}.mode-controls{top:14px}.mode-controls button{padding:8px 21px;font-size:11px}.model-caption{gap:9px;font-size:11px;top:68px;left:24px}.model-caption small{letter-spacing:.04em;font-size:8px}.caption-line{width:16px}.scene-tools{gap:6px;top:65px;right:22px}.scene-tools .icon-button{width:29px;height:29px}.scene-tools svg{width:14px;height:14px}.gesture-hint{letter-spacing:.03em;gap:6px;font-size:9px;bottom:153px;left:50%}.desktop-hint{display:none}.mobile-hint{display:inline}.gesture-icon{font-size:14px}.structure-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:6;background:#081f24fa;border:1px solid #aeddcf40;width:auto;max-height:52dvh;padding:23px 23px 17px;display:none;position:absolute;inset:auto 15px 74px;overflow:auto}.structure-panel.mobile-open{animation:.2s both entrance;display:flex}#structure-list{grid-template-columns:1fr 1fr;gap:0 22px;margin-top:15px;display:grid}.structure-button{gap:7px;padding:12px 0}.structure-button .structure-name{letter-spacing:.01em;font-size:11px}.structure-button .structure-number{width:13px;font-size:8px}.structure-button:hover,.structure-button.active{transform:none}.structure-button .structure-arrow{display:none}.all-structure{margin:12px 0 0;font-size:10px}.inspector{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#082024fa;border-top:1px solid #afe2cd61;border-bottom:1px solid #afe2cd21;width:auto;max-height:41dvh;padding:22px 23px 18px;display:none;inset:auto 15px 73px}.inspector.mobile-open{display:block}.inspector-overline{font-size:8px}.inspector h2{margin:8px 0 3px;font-size:23px}.inspector .part-english{margin-bottom:9px;font-size:8px}.part-tagline{margin:9px 0 15px;padding-bottom:12px;font-size:12px}.detail-block{margin-bottom:12px}.detail-block h3{margin-bottom:5px;font-size:9px}.detail-block p{font-size:11px;line-height:1.8}.look-for{margin-top:13px}.look-for p{font-size:10px}.look-for h3{font-size:9px}.mobile-close{width:28px;height:28px;font-size:17px;display:flex;position:absolute;top:12px;right:12px}.journey-panel{z-index:4;width:calc(100% - 44px);padding:12px 15px 11px;bottom:77px;left:22px}.journey-heading h2{letter-spacing:.03em;margin-top:4px;font-size:13px}.journey-heading .section-eyebrow{font-size:8px}.journey-start{gap:5px;padding-left:8px;font-size:10px}.journey-start svg{width:12px;height:12px}.journey-panel.running{z-index:7;width:calc(100% - 30px);padding:17px 16px 12px;left:15px}.journey-panel.running .journey-heading h2{font-size:12px}.journey-steps{margin-top:17px;margin-bottom:16px}.journey-step{letter-spacing:0;gap:7px;font-size:8px}.journey-description{display:block}.journey-description h3{font-size:12px}.journey-description #journey-number{margin-right:10px;font-size:8px}.journey-description p{max-width:none;font-size:10px;line-height:1.85}.journey-actions{justify-content:flex-end;gap:8px;margin-top:10px}.journey-actions .icon-button{width:28px;height:28px}.journey-note{margin-top:8px;font-size:7px;line-height:1.7}.journey-progress{margin-top:9px}.mobile-navigation{z-index:8;bottom:calc(18px + env(safe-area-inset-bottom));border-top:1px solid #98ccbb36;justify-content:space-between;padding-top:12px;display:flex;position:absolute;left:22px;right:22px}.mobile-navigation button{letter-spacing:.025em;color:#a1c1b5;align-items:center;gap:7px;padding:6px 0;font-size:10px;display:flex}.mobile-navigation button>span{color:#badbcc;font-size:16px}.workspace-footer{display:none}.intro-image{opacity:.77;background-position:59%}.intro-shade{background:linear-gradient(90deg,#020d12d1,#020d1247 100%),linear-gradient(#020d1214,#0000 45%,#020d12e6)}.intro-content{max-width:none;top:47%;left:9%;right:7%}.intro-eyebrow{letter-spacing:.2em;gap:11px;font-size:9px}.intro-eyebrow>span{width:24px}.intro h1{letter-spacing:.02em;margin:24px 0 20px;font-size:60px}.intro-subtitle{letter-spacing:.11em;font-size:14px;line-height:1.9}.enter-button{width:165px;margin-top:29px;padding:14px 18px;font-size:12px}.intro-signature{letter-spacing:0;margin-top:24px;font-size:9px}.intro-bottom{bottom:calc(30px + env(safe-area-inset-bottom));letter-spacing:.06em;gap:15px;font-size:8px;left:9%;right:9%}.intro-bottom>span:last-child{color:#87aca2;font-size:8px}#loading{left:9%;bottom:calc(62px + env(safe-area-inset-bottom));font-size:8px}.modal{width:calc(100vw - 30px);max-height:calc(100dvh - 35px);padding:32px 23px 28px}.modal h2{font-size:23px}.modal p,.modal li{font-size:11px}.modal li{margin-bottom:11px}.setting-row label{font-size:12px}.setting-row select{max-width:140px;font-size:10px}.quiz-question h3{font-size:12px}.quiz-option{padding:10px 12px;font-size:11px}#part-label{padding:6px 10px;font-size:10px}#toast{white-space:normal;text-align:center;max-width:90vw;font-size:10px;top:102px}#fallback>div{width:70%;top:42%}#fallback h2{font-size:18px}#fallback p{font-size:11px}}.mode-controls{width:max-content;max-width:calc(100vw - 40px)}.mode-controls button{white-space:nowrap;flex-shrink:0;min-width:72px}.signature,.intro-signature{white-space:pre-wrap}@media (width<=960px),(width<=1100px) and (height<=500px){.mode-controls button{min-width:69px;padding-left:19px;padding-right:19px}.signature{letter-spacing:0;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.intro-image{animation:none}}@media (width<=1100px) and (height<=500px){.topbar{height:56px;padding:0 21px}.wordmark{font-size:18px}.wordmark small{letter-spacing:.1em;margin-top:3px;font-size:6px}.signature{white-space:pre;max-width:360px;font-size:10px;top:23px;left:auto;right:123px}.header-actions{gap:8px}.workspace{inset:56px 0 0}.mode-controls{top:9px}.mode-controls button{min-width:64px;padding:7px 18px;font-size:10px}.model-caption{top:61px;left:24px}.scene-tools{top:58px;right:24px}.gesture-hint{font-size:8px;bottom:74px}.mobile-navigation{bottom:calc(8px + env(safe-area-inset-bottom));justify-content:center;gap:65px;padding-top:6px;left:21px;right:21px}.mobile-navigation button{padding:5px 0;font-size:9px}.mobile-navigation button>span{font-size:14px}.journey-panel{width:320px;padding:10px 14px;bottom:49px;left:23px}.journey-heading h2{font-size:12px}.journey-panel.running{width:330px;max-height:calc(100dvh - 124px);padding:15px 16px 11px;bottom:49px;left:auto;right:19px;overflow:auto}.journey-steps{margin-top:14px;margin-bottom:13px}.journey-description p{font-size:9px}.journey-actions{gap:7px;margin-top:8px}.journey-note{display:none}.inspector{width:330px;max-height:calc(100dvh - 124px);padding:19px 22px 16px;inset:auto 19px 49px auto;overflow:hidden}.inspector h2{font-size:21px}.inspector #inspector-content{scrollbar-width:thin;max-height:calc(100dvh - 162px);padding-right:7px;overflow:auto}.inspector .part-tagline{font-size:11px}.inspector .detail-block p{font-size:10px}.structure-panel{width:315px;max-height:calc(100dvh - 124px);padding:18px 21px 12px;bottom:49px;left:19px;right:auto}.structure-panel .structure-button{padding:9px 0}.structure-panel .all-structure{margin-top:7px;font-size:9px}.structure-panel #structure-list{gap:0 19px;margin-top:12px}.structure-panel .section-eyebrow{font-size:9px}.intro-content{top:47%;left:8%}.intro h1{margin:17px 0 12px;font-size:47px}.intro-eyebrow{font-size:8px}.intro-subtitle{font-size:11px;line-height:1.8}.enter-button{width:155px;margin-top:19px;padding:11px 16px;font-size:11px}.intro-signature{margin-top:18px;font-size:9px}.intro-bottom{font-size:8px;bottom:18px;left:8%}#loading{bottom:44px;left:8%}.modal{max-height:calc(100dvh - 28px);padding:25px 28px 24px}.modal h2{margin:3px 0 17px;font-size:23px}#toast{font-size:9px;top:59px}#fallback>img{object-fit:contain;opacity:.75}#fallback>div{width:31%;max-width:280px;top:23%;left:22%}#fallback h2{font-size:16px}#fallback p{font-size:10px}}@media (width<=600px) and (height<=500px){.signature{text-align:center;font-size:9px;position:absolute;top:56px;left:21px;right:21px}.workspace{inset:69px 0 0}.journey-panel{width:calc(100% - 42px);left:21px}.journey-panel.running,.inspector{width:calc(100% - 30px);left:15px;right:15px}.mobile-navigation{gap:25px}.intro h1{font-size:40px}.intro-subtitle{font-size:10px}}@media (width<=960px) and (height>=501px){.inspector{overflow:hidden}.inspector #inspector-content{scrollbar-width:thin;max-height:calc(41dvh - 40px);padding-right:8px;overflow:auto}}@media (width<=960px),(width<=1100px) and (height<=500px){.structure-panel .section-eyebrow span:last-child{padding-right:25px}.structure-panel #close-structures{width:25px;height:25px;top:10px;right:10px}}#fallback>img{object-fit:contain;opacity:.65}.compact-selection,.journey-compact-summary{display:none}#app{height:100dvh;position:relative;overflow:hidden}.intro{overflow:hidden}@media (width<=960px),(width<=1100px) and (height<=500px){.topbar{height:66px}.signature{font-size:10.5px;top:61px}.workspace{inset:75px 0 0}.mode-controls{top:8px}.model-caption{font-size:10px;top:50px}.model-caption small{display:none}.scene-tools{top:46px}.gesture-hint{display:none}.inspector,.inspector.mobile-open{display:none!important}.mobile-navigation{bottom:calc(13px + env(safe-area-inset-bottom));padding-top:9px}.journey-panel,.journey-panel.running{left:17px;right:17px;bottom:calc(68px + env(safe-area-inset-bottom));width:auto;max-height:none;padding:11px 14px 10px;overflow:visible}.journey-panel.compact-hidden,.journey-panel.running .journey-heading,.journey-panel.running .journey-steps,.journey-panel.running .journey-note,.journey-panel.running .journey-description>div:first-child{display:none}.journey-panel.running .journey-compact-summary{justify-content:space-between;align-items:center;gap:7px;display:flex}.journey-compact-summary>div{align-items:center;gap:11px;min-width:0;display:flex}.journey-compact-summary #journey-compact-number{font:8px var(--mono);color:#89b7a7;white-space:nowrap}.journey-compact-summary strong{white-space:nowrap;color:#deeddf;font-size:11px;font-weight:500}.journey-compact-summary button{white-space:nowrap;color:#92b9a9;padding:4px 0;font-size:9px}.journey-panel.running .journey-description{justify-content:flex-end;margin-top:5px;display:flex}.journey-panel.running .journey-actions{gap:9px;margin:0}.journey-panel.running .journey-actions .icon-button{width:27px;height:27px}.journey-panel.running .journey-progress{margin-top:8px}.journey-panel .journey-heading h2{font-size:12px}.journey-panel .journey-heading .section-eyebrow{font-size:8px}.compact-selection{left:17px;right:17px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:5;background:#0a262c;border-top:1px solid #426457;border-bottom:1px solid #234c46;padding:11px 13px 10px;display:block;position:absolute}.compact-selection-heading{align-items:center;gap:11px;display:flex}.compact-selection h2{font:500 15px var(--serif);letter-spacing:.04em;margin:0 auto 0 0}.compact-selection-heading>button:not(.icon-button){color:#9bc4b2;white-space:nowrap;padding:5px 0;font-size:9px}.compact-selection .icon-button{width:25px;height:25px;font-size:16px}.compact-selection>p{color:#9ebeb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.structure-panel,.structure-panel.mobile-open{top:auto;left:17px;right:17px;bottom:calc(68px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a262c;border:0;border-top:1px solid #426457;border-bottom:1px solid #234c46;width:auto;max-height:90px;padding:11px 13px 9px;position:absolute;overflow:hidden}.structure-panel{display:none}.structure-panel.mobile-open{display:flex}.structure-panel .section-eyebrow{flex-shrink:0;align-items:center;height:14px;padding-right:20px;font-size:8px}.structure-panel .section-eyebrow span:last-child{display:none}.structure-panel #close-structures{width:24px;height:24px;top:8px;right:10px}.structure-panel #structure-list{scrollbar-width:thin;scrollbar-color:#3b6c5a transparent;flex-direction:row;flex-shrink:0;gap:7px;margin-top:8px;padding:1px 0 5px;display:flex;overflow:auto hidden}.structure-panel .structure-button{background:#0e3031;border:1px solid #264b46;border-radius:3px;flex:none;gap:6px;width:auto;min-width:62px;padding:9px 10px;transform:none}.structure-panel .structure-button.active{background:#1a443b;border-color:#80bfa0}.structure-panel .structure-name{letter-spacing:0;white-space:nowrap;font-size:10px}.structure-panel .structure-number{display:none}.structure-panel .structure-dot{width:4px;height:4px}.structure-panel .all-structure{display:none}#part-label{display:none!important}}@media (width<=1100px) and (height<=500px){.topbar{height:46px}.signature{font-size:10px;top:17px;left:auto;right:123px}.workspace{inset:46px 0 0}.mode-controls{top:7px}.model-caption{display:none}.scene-tools{top:4px}.mobile-navigation{padding-top:5px;bottom:6px}.journey-panel,.journey-panel.running,.compact-selection,.structure-panel,.structure-panel.mobile-open{width:auto;bottom:45px;left:17px;right:17px}.journey-panel.running{padding:9px 14px 8px}.journey-panel.running .journey-compact-summary{width:calc(100% - 159px);height:27px}.journey-panel.running .journey-description{margin:0;position:absolute;top:9px;right:14px}.journey-panel.running .journey-actions{gap:7px}.journey-panel.running .journey-progress{margin-top:7px}.compact-selection{padding:8px 13px}.compact-selection-heading{height:25px}.compact-selection>p{-webkit-line-clamp:1;margin-top:3px}.structure-panel,.structure-panel.mobile-open{max-height:82px;padding-top:8px;padding-bottom:7px}.structure-panel .section-eyebrow{height:12px}.structure-panel #structure-list{margin-top:6px;padding-bottom:2px}.structure-panel .structure-button{padding:7px 10px}}@media (width<=600px) and (height<=500px){.signature{text-align:center;font-size:9px;top:50px;left:21px;right:21px}.workspace{inset:64px 0 0}.journey-panel.running .journey-compact-summary{width:auto}.journey-panel.running .journey-description{margin-top:5px;position:static}}@media (width<=960px),(width<=1100px) and (height<=500px){.journey-panel.running{padding-top:8px;padding-bottom:8px}.journey-panel.running .journey-compact-summary{min-height:36px}.journey-compact-summary strong{font-size:12px}.journey-compact-summary #journey-compact-number{font-size:9px}.journey-compact-summary button{min-height:36px;font-size:10px}.journey-panel.running .journey-description{margin-top:0}.journey-panel.running .journey-actions .icon-button{width:36px;height:36px}.journey-panel.running .journey-progress{margin-top:6px}.compact-selection{padding-top:8px;padding-bottom:8px}.compact-selection-heading>button:not(.icon-button){min-height:36px;font-size:11px}.compact-selection .icon-button{width:36px;height:36px}.compact-selection>p{margin-top:4px;font-size:12px;line-height:1.5}.structure-panel .structure-name{font-size:12px}.structure-panel .structure-button{min-height:36px;padding-top:7px;padding-bottom:7px}.structure-panel #close-structures{width:36px;height:36px;top:2px}.structure-panel .section-eyebrow{padding-right:40px}.structure-panel,.structure-panel.mobile-open{transition:none;animation:none;transform:none}}@media (width<=1100px) and (height<=500px){.journey-panel.running .journey-compact-summary{width:calc(100% - 191px);height:36px}.journey-panel.running .journey-description{top:8px}.compact-selection-heading{height:36px}}@media (width<=600px) and (height<=500px){.journey-panel.running .journey-compact-summary{width:auto}}