@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}:root{color:#e7eef0;font-synthesis:none;--muted:#a9bbc3;--line:#bcd3dd26;--panel:#0f1d27f0;--accent:#e6c9a1;background:#101c25;font-family:Inter Variable,Inter,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #edcda1}a{color:inherit;text-decoration:none}button{transition:background .2s,color .2s}button:hover{color:#fff}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}button:disabled:hover{background:0 0}input[type=range]{accent-color:#d7ba95;cursor:pointer;width:100%;height:20px}input[type=range]:focus-visible{outline-offset:2px}.studio{isolation:isolate;height:100svh;min-height:680px;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.scene canvas:active{cursor:grabbing}.stage-shade{pointer-events:none;background:linear-gradient(90deg,#081118cc,#0000 32% 69%,#08111852),linear-gradient(#071017a6,#0000 16% 75%,#071017d6);position:absolute;inset:0}.topbar{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:108px;padding:0 44px;display:flex;position:absolute;top:0;left:0;right:0}.brand{text-align:left;letter-spacing:-.6px;align-items:center;gap:15px;padding:0;font-size:20px;display:flex}.brand-mark{letter-spacing:-7px;border-right:1px solid var(--line);padding-right:25px;font-size:43px;font-weight:200;line-height:1}.brand-mark span{color:var(--accent)}.brand small{letter-spacing:.5px;color:var(--muted);margin-top:7px;font-size:10px;display:block}.atlas-switch{border:1px solid var(--line);background:#12232daa;border-radius:30px;padding:4px;display:flex}.atlas-switch button{min-height:36px;color:var(--muted);border-radius:25px;padding:9px 22px;font-size:12px}.atlas-switch .selected{color:#182b36;background:#d7e2e5}.header-actions{align-items:center;gap:22px;display:flex}.search-trigger{color:#d4dfe4;align-items:center;gap:10px;font-size:12px;display:flex}.search-trigger kbd{color:#738e9b;border:1px solid var(--line);margin-left:24px;padding:2px 6px}.icon-button{border-radius:50%;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.icon-button:hover{background:#ffffff0a}.intro-copy{pointer-events:none;position:absolute;top:143px;left:44px}.section-kicker{color:var(--accent);letter-spacing:.7px;font-size:11px;font-weight:500;display:block}.intro-copy h1{letter-spacing:-1.8px;margin:15px 0 16px;font-size:clamp(32px,3.15vw,52px);font-weight:200;line-height:1.13}.intro-copy p{color:var(--muted);font-size:12px;line-height:1.8}.systems-panel{flex-direction:column;width:237px;max-height:calc(100% - 540px);display:flex;position:absolute;top:370px;left:44px}.has-detail .systems-panel{max-height:calc(100% - 330px);top:148px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-heading h2{font-size:12px;font-weight:500}.panel-heading>span{color:var(--muted);font-size:10px}.presets{border-bottom:1px solid var(--line);gap:3px;padding-bottom:14px;display:flex}.presets button{color:#acbec7;background:#ffffff05;border-radius:4px;padding:7px 9px;font-size:10px}.presets button:hover{background:#ffffff13}.system-list{scrollbar-width:thin;scrollbar-color:#546b77 transparent;min-height:0;padding:8px 0;overflow:auto}.system-row{opacity:.48;align-items:center;min-height:32px;display:flex}.system-row.enabled{opacity:1}.system-label{text-align:left;color:#cfdae0;flex:1;align-items:center;gap:10px;padding:7px 2px;font-size:11px;display:flex}.system-label i{border-radius:50%;flex-shrink:0;width:5px;height:5px}.visibility{color:#9bafb8;place-items:center;width:32px;height:30px;display:grid}.hidden-eye{background:#57707d;width:12px;height:1px}.coverage-note{color:#92a8b3;border-top:1px solid var(--line);padding-top:13px;font-size:9px;line-height:1.7}.coverage-note button{color:#c6b396;align-items:center;gap:7px;padding:7px 0;font-size:9px;display:flex}.discover-panel{width:258px;position:absolute;top:153px;right:44px}.discover-panel .panel-heading{border-bottom:1px solid var(--line);color:#c9d8df;margin-bottom:0;padding-bottom:20px}.lesson-entry{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:14px;width:100%;padding:21px 0;display:flex}.lesson-entry>span:nth-child(2){flex:1}.lesson-entry strong{margin-bottom:7px;font-size:13px;font-weight:500;display:block}.lesson-entry small{color:#9fb4c0;font-size:10px;line-height:1.7;display:block}.lesson-entry>svg{color:#728a96}.lesson-symbol{text-align:center;color:#d99d98;width:33px;font-size:31px;font-weight:200}.symbol-lungs{color:#b5bbc7}.symbol-digestion{color:#d2b093}.symbol-kidneys{color:#c699aa}.discover-panel>p{color:#829ba9;margin-top:19px;font-size:10px;line-height:1.8}.view-controls{border:1px solid var(--line);background:#10212b99;border-radius:25px;align-items:center;padding:4px;display:flex;position:absolute;bottom:199px;right:44px}.has-detail .view-controls{right:422px}.view-controls button{color:#a8bdc8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;display:grid}.view-controls button.active{color:#fff;background:#d3e0e51c}.view-controls>span{background:var(--line);width:1px;height:18px;margin:0 6px}.stage-caption{letter-spacing:.5px;white-space:nowrap;color:#a3b9c5;text-overflow:ellipsis;align-items:center;gap:8px;max-width:50%;font-size:10px;display:flex;position:absolute;bottom:179px;left:50%;overflow:hidden;transform:translate(-50%)}.live-dot{background:#e7c99e;border-radius:50%;flex-shrink:0;width:4px;height:4px}.bottom-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#132631df;border:1px solid #bed9e026;border-radius:14px;align-items:center;gap:24px;width:610px;padding:20px 23px;display:flex;position:absolute;bottom:65px;left:50%;transform:translate(-50%);box-shadow:0 15px 60px #0003}.lens-switch{border-right:1px solid var(--line);flex-shrink:0;gap:4px;padding-right:20px;display:flex}.lens-switch button{color:#91aab8;border-radius:6px;min-height:35px;padding:8px 10px;font-size:11px}.lens-switch button.active{color:#edddc4;background:#ffffff0a}.explode-control{flex:1;min-width:80px}.explode-control label{color:#b7c8d0;justify-content:space-between;gap:10px;font-size:10px;display:flex}.explode-control output{color:#dfc6a6;font-variant-numeric:tabular-nums}.explode-control input{margin:5px 0 -5px}.dock-reset{color:#acc1cc;place-items:center;height:38px;display:grid}.studio-footer{color:#8198a5;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:22px;left:44px;right:44px}.studio-footer>span{align-items:center;gap:12px;display:flex}.studio-footer i{background:#627e8c;border-radius:50%;width:2px;height:2px}.studio-footer button{color:#9bb0bb;align-items:center;gap:12px;font-size:9px;display:flex}.loading{z-index:20;background:#132b39f5;border:1px solid #92b2c029;border-radius:12px;width:min(350px,85vw);padding:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 80px #0005}.loading-copy{justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.loading strong{color:#e3c79f;font-size:13px;font-weight:400}.loading-track{background:#35505f;height:2px;margin:20px 0 14px;overflow:hidden}.loading-track i{background:#e6caa2;height:100%;transition:width .3s;display:block}.loading small{color:#a5bcc8;font-size:10px}.error p{font-size:13px;line-height:1.6}.error button{color:var(--accent);margin-top:18px}.detail-sheet{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:15;background:linear-gradient(145deg,#1b303dee,#11222ff7);border:1px solid #c0d9e01a;border-radius:16px;outline:none;flex-direction:column;width:352px;animation:.35s both detail-in;display:flex;position:absolute;top:128px;bottom:145px;right:24px;box-shadow:0 25px 70px #020b1238}.detail-top{justify-content:space-between;align-items:center;padding:15px 17px 0 25px;display:flex}.detail-top .section-kicker{font-size:10px}.detail-scroll{scrollbar-width:thin;scrollbar-color:#617785 transparent;padding:10px 25px 20px;overflow:auto}.detail-sheet h2{letter-spacing:-1.25px;overflow-wrap:anywhere;margin:3px 0 19px;font-size:37px;font-weight:200;line-height:1.2}.structure-description{color:#c1d0d8;font-size:13px;line-height:1.85}.activity-link{text-align:left;background:#c8d9df08;border:1px solid #b3d3dc22;border-radius:9px;align-items:center;gap:12px;width:100%;margin-top:24px;padding:16px 12px;display:flex}.activity-link>span:nth-child(2){flex:1}.activity-link strong{font-size:12px;font-weight:500;display:block}.activity-link small{color:#a0bac9;margin-top:5px;font-size:10px;display:block}.play-orbit{color:#ddc49e;border:1px solid #c7b08755;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.detail-facts{margin:26px 0}.detail-facts>span{border-bottom:1px solid var(--line);color:#92aeba;padding:12px 0;font-size:10px;display:block}.detail-facts strong{color:#d5e0e6;margin-top:7px;font-size:12px;font-weight:400;display:block}.source-details{color:#a7bfcb;font-size:10px;line-height:1.8}.source-details summary{cursor:pointer;color:#d5c29f;padding:8px 0}.source-details p{margin-top:8px}.detail-actions{border-top:1px solid var(--line);gap:12px;margin-top:auto;padding:17px 25px;display:grid}.primary-action{color:#1e313c;background:#e1c9a5;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 15px;font-size:11px;display:flex}.primary-action:hover{color:#122733;background:#f1ddbd}.back-action{color:#b9ceda;justify-content:center;align-items:center;gap:10px;min-height:30px;font-size:11px;display:flex}.lesson-question{color:#c0d1db;margin-top:-7px;font-size:12px;line-height:1.75}.function-diagram{background:radial-gradient(#35516655,#0000 74%);border:1px solid #c0d5e012;border-radius:10px;margin:18px -5px 5px;padding:8px 8px 22px;position:relative}.function-diagram svg{width:100%;height:auto;display:block;overflow:visible}.function-diagram text{fill:#c3d6df;text-anchor:middle;font-family:inherit;font-size:10px}.function-diagram text.small-label{fill:#9ebbc9;font-size:8px}.function-diagram text.organ-label{fill:#fce6df;font-size:9px}.function-diagram>span{text-align:center;color:#8da7b5;font-size:8px;position:absolute;bottom:7px;left:0;right:0}.playback{align-items:center;gap:12px;margin:13px 0 19px;display:flex}.play-button{color:#162935;background:#e0c69f;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.play-button:hover{color:#12212b;background:#f2ddb9}.playback select{color:#c8d6de;border:1px solid var(--line);background:#1b303e;border-radius:5px;padding:7px 2px;font-size:10px}.step-tabs{gap:8px;margin-bottom:18px;display:flex}.step-tabs button{color:#8daab9;border:1px solid #bed6df22;border-radius:5px;flex:1;height:29px;font-size:10px}.step-tabs button.active{color:#ecd4b0;background:#d3b98e11;border-color:#d8bd9466}.step-copy{min-height:124px}.step-copy h3{margin-bottom:10px;font-size:15px;font-weight:500}.step-copy p{color:#bacdd8;font-size:12px;line-height:1.8}.did-you-know{border-left:2px solid #bba37f;margin:21px 0;padding:1px 0 1px 14px}.did-you-know>span{color:#dfcba9;font-size:10px}.did-you-know p{color:#b4c9d6;margin-top:8px;font-size:11px;line-height:1.7}.source-link{color:#d0bda0;align-items:center;gap:8px;font-size:9px;line-height:1.8;display:flex}.context-note{color:#8aa5b4;margin-top:14px;font-size:9px;line-height:1.8}.overlay{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030d16b0;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.search-dialog{background:#182e3c;border:1px solid #a5c7d42b;border-radius:16px;flex-direction:column;width:min(560px,100%);max-height:75vh;display:flex;box-shadow:0 30px 100px #0005}.search-input{border-bottom:1px solid var(--line);color:#b4cbd5;align-items:center;gap:14px;padding:18px 22px;display:flex}.search-input input{color:#e6eef2;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px}.search-input input::placeholder{color:#9bb4c2}.search-hint{color:#a7bdc9;padding:18px 24px 10px;font-size:10px}.search-results{padding:0 14px 16px;overflow:auto}.search-results>button{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:13px 12px;font-size:13px;display:flex}.search-results>button:hover{background:#cbe1e909}.search-results small{color:#94b0c0;margin-top:5px;font-size:9px;display:block}.search-results>p{color:#b3c7d3;padding:20px 10px;font-size:12px}.about-dialog{border:1px solid var(--line);background:#182e3c;border-radius:16px;width:min(580px,100%);max-height:85vh;padding:40px;position:relative;overflow:auto}.close-about{position:absolute;top:15px;right:15px}.about-dialog h2{letter-spacing:-1.5px;margin:22px 0;font-size:44px;font-weight:200;line-height:1.2}.about-dialog>p{color:#bfd0db;margin-top:16px;font-size:13px;line-height:1.9}.source-items{gap:5px;margin-top:25px;display:grid}.source-items a{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:44px;font-size:11px;display:flex}.source-items a svg:last-child{margin-left:auto}.part-hover{pointer-events:none;color:#ecf2f6;z-index:12;background:#183242ed;border:1px solid #aacbd433;border-radius:7px;max-width:260px;padding:10px 14px;font-size:11px;position:absolute}.mobile-only{display:none}@keyframes detail-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.detail-sheet{bottom:65px}.function-diagram svg{max-height:156px}.has-detail .bottom-dock{width:530px;left:calc(50% - 160px)}.has-detail .stage-caption{left:calc(50% - 140px)}@media (height>=1000px){.systems-panel{max-height:calc(100% - 540px)}.system-row{min-height:36px}.system-label{font-size:12px}.discover-panel{top:185px}.lesson-entry{padding:25px 0}.intro-copy{top:165px}}@media (width<=1200px){.topbar{height:94px;padding:0 28px}.intro-copy{top:126px;left:28px}.intro-copy h1{font-size:38px}.systems-panel{width:203px;max-height:calc(100% - 490px);top:330px;left:28px}.discover-panel{width:211px;top:133px;right:28px}.lesson-entry{gap:9px;padding:19px 0}.lesson-entry strong{font-size:12px}.lesson-entry small{font-size:9px}.discover-panel .panel-heading h2{font-size:11px}.lesson-symbol{width:26px;font-size:26px}.detail-sheet{width:324px;top:112px;bottom:146px;right:20px}.detail-scroll{padding-left:22px;padding-right:22px}.has-detail .view-controls{bottom:174px;right:367px}.studio-footer{left:28px;right:28px}.view-controls{right:28px}.stage-caption{font-size:9px;bottom:173px}.bottom-dock{gap:16px;width:560px;padding:16px 18px}}@media (width<=767px){.studio{height:100svh;min-height:600px}.topbar{gap:10px;height:86px;padding:0 20px}.brand{letter-spacing:-.4px;gap:10px;font-size:15px}.brand-mark{letter-spacing:-5px;padding-right:17px;font-size:34px}.brand small{letter-spacing:0;margin-top:5px;font-size:8px}.atlas-switch{margin-left:auto;padding:3px}.atlas-switch button{min-height:32px;padding:7px 12px;font-size:10px}.header-actions{gap:0}.header-actions>.icon-button{display:none}.search-trigger{justify-content:center;width:38px;height:40px;padding:0}.search-trigger span,.search-trigger kbd{display:none}.intro-copy{top:109px;left:22px}.intro-copy h1{letter-spacing:-1.3px;margin:11px 0;font-size:31px;line-height:1.1}.intro-copy .section-kicker{font-size:9px}.intro-copy p{font-size:10px}.systems-panel{display:none}.systems-panel.mobile-open{z-index:30;border:1px solid var(--line);background:#172d3cf7;border-radius:13px;width:auto;padding:20px;display:flex;bottom:116px;left:12px;right:12px;box-shadow:0 -10px 70px #0005;max-height:65svh!important;top:auto!important}.system-row{min-height:39px}.system-label{padding:10px 4px;font-size:12px}.visibility{width:42px;height:38px}.coverage-note{font-size:10px}.presets button{padding:9px 12px;font-size:11px}.panel-heading{margin-bottom:8px}.discover-panel{grid-template-columns:repeat(4,1fr);gap:8px;width:auto;display:grid;inset:auto 20px 153px}.discover-panel .panel-heading,.discover-panel>p,.lesson-entry small,.lesson-entry>svg{display:none}.lesson-entry{text-align:center;background:#152b37df;border:1px solid #aac5d421;border-radius:10px;flex-direction:column;gap:5px;padding:12px 4px}.lesson-entry strong{white-space:nowrap;margin:0;font-size:9px;line-height:1.5}.lesson-symbol{width:100%;height:27px;font-size:25px;line-height:1}.view-controls{padding:2px;bottom:264px;right:20px}.view-controls button{width:29px;height:32px;font-size:9px}.view-controls>span{margin:0 3px}.stage-caption{max-width:95%;font-size:8px;bottom:242px}.bottom-dock{border-radius:11px;gap:12px;width:auto;padding:13px 12px;bottom:50px;left:12px;right:12px;transform:none}.bottom-dock>.mobile-only{flex-shrink:0;place-items:center;width:28px;height:38px;padding:0;display:grid}.lens-switch{gap:1px;padding-right:9px}.lens-switch button{padding:7px 6px;font-size:9px}.explode-control label{gap:3px;font-size:8px}.explode-control{min-width:55px}.dock-reset{display:none}.studio-footer{font-size:8px;bottom:19px;left:20px;right:20px}.studio-footer>span{gap:8px}.studio-footer>button{display:none}.detail-sheet{border-radius:13px;width:auto;max-height:48svh;animation:none;inset:auto 12px 133px}.detail-top{padding:9px 12px 0 20px}.detail-scroll{padding:5px 20px 18px}.detail-sheet h2{margin:0 0 13px;font-size:29px;line-height:1.2}.detail-actions{gap:5px;padding:10px 20px}.primary-action{min-height:40px}.back-action{min-height:30px;font-size:10px}.structure-description{font-size:12px}.activity-link{margin-top:17px;padding:12px}.has-detail .view-controls{top:101px;bottom:auto;right:20px}.has-detail .stage-caption{display:none}.function-diagram{max-width:260px;margin-left:auto;margin-right:auto}.step-copy{min-height:0}.step-copy p{font-size:12px}.has-detail .bottom-dock{bottom:50px}.has-detail .stage-shade{background:linear-gradient(#0000 40%,#08121dcc)}.about-dialog{padding:30px 24px}.about-dialog h2{font-size:35px}.about-dialog>p{font-size:12px}.overlay{padding:15px}.search-dialog{max-height:80svh}.search-input{padding:14px}.search-input input{font-size:13px}.mobile-only{display:inline-flex}.desktop-only{display:none}.loading{top:43%}}@media (height<=760px) and (width>=768px){.intro-copy{top:119px}.intro-copy h1{margin:10px 0;font-size:34px}.intro-copy p{font-size:10px}.systems-panel{max-height:calc(100% - 450px);top:293px}.discover-panel{top:125px}.lesson-entry{padding:14px 0}.detail-sheet{bottom:137px}.bottom-dock{bottom:54px}.stage-caption{bottom:156px}.view-controls{bottom:174px}.has-detail .systems-panel{max-height:calc(100% - 295px);top:130px}}@media (width>=768px){.detail-sheet{top:118px;bottom:65px}.function-diagram{margin:8px -5px 5px;padding-top:0;padding-bottom:18px}.function-diagram svg{max-height:128px}.function-diagram text{font-size:15px}.function-diagram text.small-label{font-size:12px}.function-diagram text.organ-label{font-size:14px}.detail-sheet h2{margin-bottom:10px;font-size:30px}.playback{margin:8px 0 10px}.step-tabs{margin-bottom:12px}.has-detail .view-controls{bottom:170px}.lesson-question{font-size:11px}.detail-scroll{padding-top:5px}.step-copy{min-height:0}}@media (width<=767px){.has-detail .bottom-dock{width:auto;left:12px;right:12px;transform:none}.function-diagram svg{max-height:150px}.stage-shade{background:linear-gradient(90deg,#08151d44,#0000),linear-gradient(#07121d66,#0000 25% 60%,#07121dcc)}.intro-copy h1{font-size:27px;line-height:1.1}.intro-copy p{display:none}.intro-copy{top:108px}.discover-panel{bottom:144px}.lesson-entry strong{white-space:normal;min-height:27px;font-size:9px}.stage-caption{bottom:250px}.view-controls{bottom:276px}.detail-sheet{max-height:48svh}.has-detail .view-controls{top:97px;bottom:auto}.diagram-wrap{display:none}.diagram-wrap.open{display:block}.diagram-toggle{color:var(--accent);align-items:center;gap:8px;padding:13px 0 6px;font-size:10px;display:flex}.playback{margin:14px 0}.step-tabs{margin-bottom:14px}.detail-sheet h2{font-size:28px}.step-copy h3{font-size:14px}.step-copy p{font-size:12px}.lesson-question{font-size:11px}.did-you-know{margin:18px 0}.detail-top .section-kicker{font-size:9px}}@media (width>=768px){.studio:not(.has-detail) .view-controls{inset:112px auto auto 50%;transform:translate(-50%)}.studio:not(.has-detail) .stage-caption{bottom:164px}}.has-detail .stage-caption{display:none}@media (width>=768px) and (width<=1100px){.has-detail .systems-panel{display:none}}.studio.is-exploded .intro-copy,.studio.is-exploded .discover-panel{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}