@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-300-normal-BVlfKGgI.woff2) format("woff2"),url(/assets/inter-latin-300-normal-i8F0SvXL.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e0e9e9;background:#071015;font-synthesis:none;font-size:16px;--ink: #e0e9e9;--muted: #8d9da1;--teal: #9dc1b8;--line: rgba(180, 207, 206, .14);--surface: rgba(11, 24, 29, .88);--gold: #b9a885}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px}button,select{touch-action:manipulation}svg{width:18px;height:18px;stroke-width:1.35;flex-shrink:0}button:hover{color:#fff}#app{position:relative;width:100vw;height:100dvh;min-height:500px;overflow:hidden}#scene{display:block;width:100%;height:100%;outline:0;position:absolute;top:0;right:0;bottom:0;left:0}.screen-grain{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 45%,transparent 26%,rgba(3,10,14,.12) 76%);z-index:1}.experience-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.experience-ui button,.experience-ui input,.experience-ui select,.experience-ui aside,.director-panel{pointer-events:auto}.topbar{height:105px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;gap:28px;transition:opacity 1s}.brand{display:flex;text-align:left;align-items:center;gap:14px;padding:0;letter-spacing:.12em;font-size:.81rem;font-weight:550;white-space:nowrap}.brand>svg{width:35px;height:35px;color:#a2b7b7;stroke-width:1}.brand-sub{font-size:.55rem;display:block;letter-spacing:.21em;color:var(--muted);margin-top:7px;font-weight:400}.mode-switch{display:flex;gap:3px;padding:4px;background:#16272c66;border:1px solid rgba(183,211,211,.07);border-radius:25px}.mode-switch button{font-size:.77rem;color:#8e9c9f;padding:9px 18px;border-radius:20px;transition:all .25s;line-height:1.3}.mode-switch button.active{color:#e0e8e8;background:#96b9b51f;box-shadow:inset 0 0 0 1px #9bbeba1a}.top-actions{display:flex;align-items:center;gap:22px}.text-button{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:.8rem;color:#a2b1b4}.text-button[aria-pressed=true]{color:var(--teal)}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#91a2a7;border-radius:4px}.icon-button:hover{background:#a7c1bf14}.welcome{position:absolute;left:7.25%;top:23.5%;width:38%;transition:opacity 1.5s,transform 1.5s}.eyebrow{font-size:.62rem;letter-spacing:.23em;font-weight:500;color:#95b4b4;display:flex;align-items:center;gap:13px}.tiny-line{width:26px;height:1px;background:#95b4b4}.welcome h1{font-size:clamp(3.5rem,6.05vw,7rem);font-weight:300;letter-spacing:-.055em;line-height:.98;margin:30px 0 24px;color:#e6edeb}.welcome h1>span:not(.title-period){font-weight:500}.title-period{color:#95bbb3}.film-subtitle{font-size:1.15rem;font-weight:300;line-height:1.55;letter-spacing:-.016em;color:#aabbbd;margin:0}.welcome-zh{font-size:.76rem;color:#7b959a;margin-top:12px;letter-spacing:.1em}.begin-button{display:flex;align-items:center;gap:17px;text-align:left;padding:0;margin-top:38px;font-size:.83rem;letter-spacing:.01em}.play-circle{width:49px;height:49px;border-radius:50%;border:1px solid rgba(178,208,201,.5);display:flex;align-items:center;justify-content:center;transition:all .3s;background:#97bdb60a}.play-circle svg{width:16px;height:16px;margin-left:3px;fill:#b8d1c9;stroke:#b8d1c9}.begin-button:hover .play-circle{background:#97bdb630;transform:scale(1.07)}.button-meta{display:block;font-size:.54rem;color:#81989d;letter-spacing:.16em;margin-top:7px}.welcome-foot{color:#5e787e;font-size:.55rem;line-height:1.65;letter-spacing:.17em;margin-top:47px}.dismissed{opacity:0;transform:translateY(-10px);pointer-events:none!important}.dismissed button{pointer-events:none!important}.phase-card{position:absolute;left:5.1%;top:27%;width:270px;max-width:24%;transition:opacity 1s}.phase-card h2{font-size:2.7rem;letter-spacing:-.045em;font-weight:350;margin:22px 0 8px;line-height:1.1}.phase-zh{font-size:.91rem;color:#8ea5a8;letter-spacing:.05em;margin:0 0 22px}.phase-copy{font-size:.87rem;font-weight:350;line-height:1.85;color:#9cafb2;margin:0}.phase-metrics{display:flex;gap:45px;border-top:1px solid var(--line);margin-top:27px;padding-top:18px}.metric-label{display:block;font-size:.55rem;letter-spacing:.11em;color:#7c999d}.metric-value{display:block;font-size:1.8rem;font-weight:300;color:#c1d1d0;margin-top:8px}.count-scope{font-size:.58rem;letter-spacing:.04em;color:#718a90;margin-top:14px;line-height:1.5}.right-caption{position:absolute;right:4.2%;top:43%;width:112px;text-align:right;font-size:.56rem;color:#709097;letter-spacing:.14em}.specimen-index{font-size:.55rem;color:#728d92;white-space:nowrap}.specimen-index span{color:#c2d0cf;display:block;font-size:1.8rem;font-weight:300;letter-spacing:0;margin-top:5px}.caption-rule{display:block;width:25px;height:1px;background:#587b81;margin:23px 0 23px auto}.right-caption p{font-size:.7rem;line-height:1.65;color:#869da1;letter-spacing:0;margin-top:10px}.view-tools{position:absolute;bottom:195px;left:4.15%;right:4.15%;display:flex;align-items:center;justify-content:flex-end;gap:17px;transition:opacity 1s}.view-tools>span{margin-right:auto;font-size:.53rem;letter-spacing:.17em;color:#607e85}.view-tools svg{width:15px;height:15px}.transport{position:absolute;bottom:0;left:0;right:0;padding:26px 4.15% 21px;background:linear-gradient(transparent,#050f14c7 38%,#050f14f2);transition:opacity 1s,transform 1s}.timeline-heading{display:flex;align-items:center;justify-content:space-between;font-size:.51rem;letter-spacing:.17em;color:#66838a;margin-bottom:23px}.timeline-heading>span:first-child{color:#93aaad}.timeline-heading>div{display:flex;align-items:center;gap:9px}.interphase-key,.mitosis-key{display:inline-block;width:13px;height:2px;background:#94b8b3}.mitosis-key{background:#ad9da7;margin-left:17px}.model-note{font-size:.48rem}.chapter-track{display:flex;gap:0;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:11px}.chapter{position:relative;display:flex;align-items:center;gap:7px;text-align:left;color:#728c92;font-size:.72rem;padding:0 4px 9px 0;min-width:0;white-space:nowrap}.chapter-number{font-size:.47rem;color:#527079;padding-top:1px}.chapter-name{font-size:.54rem;display:block;position:absolute;top:21px;left:20px;color:#59727c;letter-spacing:.01em;white-space:nowrap}.chapter.current{color:#c9dfd7}.chapter.current .chapter-number{color:#90bab0}.chapter.current .chapter-name{color:#859f9f}.chapter:first-child{flex-grow:45!important}.seek-track{height:2px;background:#284048;position:relative;margin:24px 0 21px}.seek-fill{height:2px;width:8.89%;background:#8eb7ac;pointer-events:none;position:absolute;inset:0 auto 0 0}.seek-thumb{width:7px;height:7px;border-radius:50%;position:absolute;top:-2.5px;left:8.89%;background:#c4ddd0;box-shadow:0 0 9px #80b1a34d;pointer-events:none}.seek-track input{position:absolute;top:-9px;right:0;bottom:-9px;left:0;width:100%;height:20px;margin:0;opacity:0;cursor:ew-resize}.transport-controls{display:flex;align-items:center;justify-content:space-between}.playback-controls{display:flex;gap:17px;align-items:center}.play-button{display:flex;width:34px;height:34px;border:1px solid #34535b;border-radius:50%;align-items:center;justify-content:center;background:#12272d;color:#bdd4cc}.play-button svg{width:13px;height:13px}.timecode{font-size:.75rem;font-variant-numeric:tabular-nums;color:#d2dbd9;margin-left:10px}.timecode>span:last-child{color:#58777f;padding-left:6px}.control-divider{height:16px;width:1px;background:#27434b;margin:0 1px 0 6px}#speed{border:0;padding:5px 20px 5px 0;font-size:.7rem;width:57px;background-color:transparent;color:#94adb1}.transport-right{display:flex;align-items:center;gap:28px}.quality-status{font-size:.6rem;color:#718e96;display:flex;align-items:center;gap:7px}.quality-status svg{width:11px;height:11px}.export-button{border:1px solid #314b50;border-radius:5px;padding:9px 17px;display:flex;align-items:center;gap:10px;font-size:.72rem;color:#a8bebe;background:#12272d55}.export-button:hover{border-color:#729790;background:#12272d}.export-button svg{width:14px;height:14px}.subtitle{position:absolute;bottom:213px;left:26%;right:20%;text-align:center;display:flex;flex-direction:column;gap:7px;opacity:0;transition:opacity .7s;text-shadow:0 2px 8px #000;font-size:.91rem;font-weight:350;line-height:1.5}.subtitle>span:last-child{font-size:.78rem;color:#9fb2b5}.scale-note{position:absolute;top:125px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;color:#c1cfc9;background:#12202988;border:1px solid #52646755;padding:11px 17px;border-radius:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.6rem;letter-spacing:.1em;white-space:nowrap}.scale-note>span>span{display:block;color:#8c9fa4;font-size:.64rem;letter-spacing:.025em;margin-top:5px}.scale-note svg{width:22px;height:22px;color:#8aadaf}.dna-legend{position:absolute;left:50%;bottom:265px;transform:translate(-50%);display:flex;gap:22px;font-size:.64rem;color:#9aacaf;white-space:nowrap}.dna-legend>span{display:flex;align-items:center;gap:7px}.dna-legend i{width:14px;height:2px;display:inline-block}.parent-key{background:#a1bcc9}.new-key{background:#c2ae85}.dna-polarity{color:#718f95;margin-left:6px}.director-panel{position:absolute;top:126px;right:4.15%;width:255px;padding:23px;background:#0c1a20cc;border:1px solid var(--line);border-radius:7px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-eyebrow{font-size:.57rem;letter-spacing:.17em;color:#8fa9ab;font-weight:500}.director-panel label{font-size:.72rem}.director-panel p{font-size:.7rem;line-height:1.6;color:#7f999f;margin:18px 0 0}.info-panel{position:absolute;right:4.15%;top:25%;width:310px;padding:29px;background:#0b181de6;border:1px solid var(--line);border-radius:7px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 20px 50px #02070a44}.close-info{position:absolute;top:15px;right:15px}.info-panel .panel-eyebrow{max-width:210px;margin-top:12px;line-height:1.6}.info-panel h3{font-size:1.65rem;font-weight:350;letter-spacing:-.025em;margin:16px 0 7px}.info-zh{color:#93a9ac;font-size:.85rem;margin:0 0 22px}.info-panel>p:not(.info-zh){font-size:.8rem;line-height:1.9;color:#99adb1}.info-chinese{color:#7b999e!important}.info-note{border-top:1px solid var(--line);padding-top:14px;margin-top:21px;font-size:.69rem;color:#9dac99;line-height:1.65}.info-note:empty{display:none}.structure-label{position:absolute;display:flex;align-items:center;gap:9px;font-size:.65rem;color:#b2c8c6;letter-spacing:.02em;padding:7px 10px;background:#0b1c22ae;border:1px solid #52707455;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(17px,-50%);white-space:nowrap;pointer-events:auto}.structure-label:before{content:"";position:absolute;width:18px;left:-18px;height:1px;background:#709697}.structure-label:after{content:"";position:absolute;width:3px;height:3px;left:-19px;border-radius:50%;background:#b5cbc2}.structure-label .label-zh{font-size:.59rem;color:#6f959b}.structure-label:hover{color:#fff;border-color:#85aaa5}.structure-label.key-label{border-color:#95836966;color:#cbbd9d}.exam-focus{padding:15px 17px;background:#21333288;border-left:1px solid #96afa0;margin-top:20px}.exam-focus>span{font-size:.58rem;letter-spacing:.11em;color:#a5c0b0}.exam-focus p{font-size:.8rem;line-height:1.8;color:#b2c3ba;margin:10px 0 0}.checkpoint{display:flex;align-items:center;gap:15px;margin-top:22px}.checkpoint-ring{border:1px solid #6f918b;border-top-color:#c0ccb0;border-radius:50%;height:40px;min-width:40px}.checkpoint>div>span{font-size:.55rem;letter-spacing:.15em;color:#c5c4a7}.checkpoint p{font-size:.7rem;line-height:1.8;color:#95aba9}.end-title{position:absolute;left:0;right:0;top:34%;text-align:center;text-shadow:0 4px 20px #071015}.end-title>span{font-size:.76rem;letter-spacing:.3em;color:#bcc7bf}.end-title h2{font-size:2.25rem;font-weight:300;letter-spacing:.05em;margin:19px 0}.end-title p{font-size:.8rem;letter-spacing:.1em;color:#94aaa9}.cycle-loop{display:flex;align-items:center;justify-content:center;gap:20px;font-size:.8rem;color:#c0d4c5;margin-top:30px}.cycle-loop i{font-style:normal;color:#4d746f}.ui-asleep .topbar,.ui-asleep .transport,.ui-asleep .view-tools,.ui-asleep .right-caption,.ui-asleep .phase-card{opacity:0;pointer-events:none}.ui-asleep .transport{transform:translateY(10px)}.ui-asleep .topbar button,.ui-asleep .transport button,.ui-asleep .view-tools button,.ui-asleep input,.ui-asleep select{pointer-events:none}dialog{width:520px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 60px);overflow-y:auto;background:#0c1c24;color:#c9d8d6;border:1px solid #304952;border-radius:10px;padding:33px 34px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#02080d9c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-heading h2{font-size:1.7rem;font-weight:350;letter-spacing:-.03em;line-height:1.2;margin:12px 0 0}.dialog-heading .icon-button{margin-top:-7px;margin-right:-8px}.dialog-intro,dialog>p{font-size:.85rem;color:#9cafb1;line-height:1.8}.field-note{font-size:.72rem;line-height:1.8;color:#728f98;margin:13px 0 20px}label{display:block;color:#a0b4b8;font-size:.8rem;margin:19px 0 10px}select,input[type=number]{background:#122730;border:1px solid #2a4751;color:#c2d3d0;border-radius:4px;padding:11px 12px;width:100%;font-size:.82rem;min-width:0;outline:0}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color-scheme:dark}input{color-scheme:dark}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.77rem;line-height:1.6;margin-top:22px}.checkbox-label input{accent-color:#91b6a7;width:15px;height:15px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.primary-button,.secondary-button{border-radius:5px;padding:12px 18px;font-size:.82rem;display:inline-flex;gap:10px;align-items:center;justify-content:center}.primary-button{background:#a7c5b7;color:#102322}.primary-button:hover{background:#bfd8cc;color:#071015}.primary-button svg{width:16px;height:16px}.secondary-button{border:1px solid #3d555b;color:#a2b6b7}.dialog-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:23px}.export-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:.73rem;color:#a6b8ac;margin-top:20px}.export-progress{margin-top:20px;display:flex;flex-direction:column;gap:11px;color:#adc7ba;font-size:.76rem;line-height:1.7}.export-progress progress{width:100%;height:3px;accent-color:#a3c0b5}.audio-controls{padding:12px 0 4px;margin-top:10px;border-top:1px solid rgba(160,184,194,.12)}.audio-controls input[type=range]{width:100%;accent-color:#a6b9bd}.audio-controls output{float:right;color:#afbec2;font-variant-numeric:tabular-nums}.ffmpeg-details{font-size:.74rem;color:#8ea8ad;border-top:1px solid var(--line);padding-top:18px}.ffmpeg-details summary{cursor:pointer}.ffmpeg-details pre{font-size:.65rem;background:#061218;padding:14px;border-radius:4px;white-space:pre-wrap;word-break:break-all;line-height:1.7;color:#8cafa9}.ffmpeg-details button{font-size:.7rem}#science-dialog{width:660px}#science-dialog li{font-size:.8rem;line-height:1.8;color:#8ba4aa;margin-bottom:12px}#science-dialog ul{padding-left:20px}.science-references{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.science-references>span{font-size:.6rem;letter-spacing:.13em;color:#a0b0a8}.science-references p{font-size:.75rem;line-height:1.85;color:#7c959c}.toast{position:absolute;bottom:198px;left:50%;transform:translate(-50%);max-width:80vw;background:#17312feb;border:1px solid #52766b;padding:13px 22px;border-radius:6px;z-index:20;box-shadow:0 10px 30px #0005;font-size:.81rem;line-height:1.7;color:#c7ddce}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:#071015;z-index:30;transition:opacity .8s}.loading-overlay>span{font-size:.7rem;letter-spacing:.2em;color:#829da4}.loading-overlay p{max-width:500px;font-size:.85rem;text-align:center;color:#94a7aa}.loading-orbit{width:50px;height:50px;border:1px solid #1f3b43;border-top-color:#a1b9b0;border-radius:50%;animation:spin 2.2s linear infinite}.loaded{opacity:0;pointer-events:none}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1700px){.welcome{top:24%}.welcome h1{font-size:7rem}.phase-card{width:325px}.phase-copy{font-size:.98rem}.topbar{height:125px}.transport{padding-bottom:30px}.view-tools{bottom:218px}.subtitle{bottom:242px}.dna-legend{bottom:292px}.chapter{font-size:.82rem}.chapter-name{font-size:.63rem}}@media(max-width:1150px){.brand-sub{font-size:.48rem}.mode-switch button{padding:8px 12px;font-size:.72rem}.top-actions{gap:12px}.topbar{padding:0 3.2%;gap:15px}.welcome{left:6%;width:43%;top:24%}.welcome h1{font-size:5.3rem}.right-caption{display:none}.phase-card{left:4%;width:230px;max-width:27%;top:25%}.phase-card h2{font-size:2.2rem}.phase-copy{font-size:.8rem}.chapter-name{display:none}.timeline-heading{margin-bottom:22px}.seek-track{margin-top:10px}.transport{padding-top:20px}.view-tools{bottom:167px}.subtitle{bottom:186px}.dna-legend{bottom:231px}.director-panel{width:230px;right:3%;top:110px}.info-panel{right:3%;width:275px;padding:25px;top:24%}.scale-note{top:110px}.transport-right{gap:18px}.welcome-foot{margin-top:35px}}@media(max-width:800px){.topbar{height:85px;align-items:flex-start;padding-top:24px}.brand{font-size:.68rem;gap:9px}.brand>svg{width:29px;height:29px}.brand-sub{font-size:.43rem;letter-spacing:.12em;margin-top:5px}.mode-switch{position:absolute;top:88px;left:50%;transform:translate(-50%);white-space:nowrap}.mode-switch button{font-size:.7rem;padding:7px 16px}.top-actions{gap:9px}.top-actions #labels span{display:none}.top-actions svg{width:16px;height:16px}.welcome{top:23%;left:6%;width:70%}.welcome h1{font-size:clamp(3.6rem,10vw,5.5rem);margin:22px 0 20px}.film-subtitle{font-size:1rem}.welcome-zh{font-size:.65rem}.begin-button{margin-top:25px;font-size:.77rem}.play-circle{height:43px;width:43px}.welcome-foot{font-size:.48rem;margin-top:26px}.phase-card{top:23%;width:190px;max-width:40%}.phase-card h2{font-size:1.9rem;margin-top:16px}.phase-zh{margin-bottom:14px}.phase-copy{font-size:.73rem;line-height:1.7}.phase-metrics{gap:30px;margin-top:17px;padding-top:14px}.metric-label{font-size:.48rem}.metric-value{font-size:1.45rem}.eyebrow{font-size:.51rem}.model-note,.quality-status{display:none}.transport{padding:20px 5% 21px}.timeline-heading{font-size:.44rem;letter-spacing:.09em;margin-bottom:19px}.timeline-heading>div{font-size:.43rem;gap:5px}.mitosis-key{margin-left:8px}.chapter{font-size:.63rem;gap:4px}.chapter-number{display:none}.chapter-track{margin-bottom:0}.playback-controls{gap:6px}.playback-controls svg{width:14px;height:14px}.timecode{font-size:.63rem;margin-left:5px}.timecode>span:last-child{padding-left:2px}.control-divider{margin-left:8px}#speed{font-size:.62rem;width:48px}.export-button{padding:9px 11px;font-size:.63rem;gap:6px}.export-button svg{width:12px;height:12px}.view-tools{bottom:160px;left:5%;right:5%;gap:10px}.view-tools>span{font-size:.45rem;letter-spacing:.07em}.subtitle{left:10%;right:10%;bottom:192px;font-size:.77rem;line-height:1.45;gap:5px}.subtitle>span:last-child{font-size:.65rem}.scale-note{top:144px;padding:9px 13px;font-size:.5rem}.scale-note>span>span{font-size:.55rem}.dna-legend{bottom:246px;gap:13px;font-size:.53rem;flex-wrap:wrap;width:90%;justify-content:center}.dna-polarity{width:100%;justify-content:center;font-size:.54rem}.director-panel{top:151px;width:200px;padding:18px}.director-panel select{padding:8px;font-size:.7rem}.director-panel label{font-size:.67rem;margin-top:15px}.director-panel p{font-size:.63rem}.info-panel{top:auto;bottom:225px;right:5%;width:310px;max-width:90%;max-height:50vh;overflow:auto}.info-panel h3{font-size:1.4rem}.structure-label{font-size:.55rem;padding:5px 7px}.label-zh{display:none}.end-title{top:31%;padding:0 20px}.end-title h2{font-size:1.6rem}.end-title>span{font-size:.63rem}.end-title p{font-size:.66rem}.cycle-loop{gap:15px;font-size:.7rem}.toast{bottom:166px;font-size:.74rem;width:max-content}.exam-focus{padding:10px}.exam-focus p{font-size:.69rem}.checkpoint p{font-size:.65rem}.checkpoint-ring{min-width:28px;height:28px}.checkpoint{gap:10px}dialog{padding:25px;max-height:calc(100dvh - 36px)}.dialog-heading h2{font-size:1.5rem}.form-grid{gap:0 12px}select,input[type=number]{font-size:.73rem;padding:10px}.field-note{font-size:.68rem}}@media(max-height:700px)and (min-width:801px){.topbar{height:80px}.welcome{top:23%}.welcome h1{font-size:4.2rem;margin:20px 0 18px}.welcome-foot{display:none}.film-subtitle{font-size:1rem}.begin-button{margin-top:23px}.phase-card{top:22%}.phase-card h2{font-size:2rem}.phase-copy{font-size:.75rem;line-height:1.7}.phase-metrics{margin-top:17px;padding-top:11px}.metric-value{font-size:1.4rem}.subtitle{bottom:196px;font-size:.8rem}.transport{padding-top:20px}.scale-note{top:85px}.info-panel{top:18%;max-height:52vh;overflow:auto}.director-panel{top:95px}.view-tools{bottom:169px}.chapter-name{display:none}.chapter-track{margin-bottom:0}.seek-track{margin-top:10px}.dna-legend{bottom:230px}}[hidden]{display:none!important}.opening-title{position:absolute;top:37%;left:0;right:0;text-align:center;text-shadow:0 5px 30px #000;transition:opacity .4s}.opening-title h2{font-size:3.8rem;font-weight:300;letter-spacing:-.03em;margin:0 0 21px}.opening-title p{font-size:1.1rem;font-weight:300;letter-spacing:.03em;color:#b0c5c1}.opening-title>span{font-size:.81rem;letter-spacing:.09em;color:#8caca9}.welcome-foot{margin-top:34px}.view-tools>span{font-size:.62rem}.chapter{font-size:.82rem}.chapter-name{font-size:.63rem}.mode-switch button,.text-button{font-size:.875rem}.transport-right .export-button{font-size:.8rem}.timecode{font-size:.82rem}.timeline-heading{font-size:.6rem}.scale-note{font-size:.7rem}.structure-label{font-size:.8rem}.structure-label .label-zh{font-size:.67rem}.count-scope{font-size:.7rem}.metric-label{font-size:.64rem}.phase-copy{font-size:.91rem}.button-meta{font-size:.65rem}.welcome-zh{font-size:.84rem}.specimen-index,.right-caption{font-size:.65rem}.right-caption p{font-size:.8rem}.welcome-foot{font-size:.6rem}.brand-sub{font-size:.61rem}.quality-status{font-size:.73rem}.panel-eyebrow{font-size:.67rem}@media(max-width:800px){.opening-title h2{font-size:2.25rem}.opening-title p{font-size:.85rem;padding:0 25px}.opening-title>span{font-size:.7rem}.chapter{font-size:.65rem}.mode-switch button{font-size:.73rem}.brand-sub{font-size:.46rem}.timeline-heading{font-size:.49rem}.view-tools>span{font-size:.5rem}.welcome-foot{font-size:.51rem}.welcome-zh{font-size:.73rem}.button-meta{font-size:.53rem}.phase-copy{font-size:.77rem}.count-scope{font-size:.62rem}.structure-label{font-size:.61rem}.scale-note{font-size:.54rem}.text-button{font-size:.76rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}.loading-orbit{animation:none}}.welcome-foot{display:none}@media(max-width:800px){.timecode{white-space:nowrap}.playback-controls .icon-button{width:25px}.playback-controls .control-divider{display:none}#speed{width:40px}.export-button{font-size:.69rem;padding:9px 10px}.export-button span{white-space:nowrap}#app[data-mode=teaching][data-stage=S] #phase-copy{display:none}#app[data-mode=teaching][data-stage=S] .phase-metrics{margin-top:18px}}@media(max-width:800px){.phase-card{left:5%;right:5%;width:auto;max-width:none;top:23%}.phase-card h2{max-width:55%;font-size:1.5rem}.phase-copy{display:none}.phase-metrics{position:absolute;right:0;top:36px;margin:0!important;padding:0;border:0;gap:22px}.count-scope{position:absolute;right:0;top:103px;margin:0;max-width:48%;text-align:right;font-size:.6rem}.exam-focus{margin-top:28px;padding:11px 14px;background:#10292beb}.exam-focus p{font-size:.76rem;line-height:1.7;margin-top:7px}.metric-label{font-size:.56rem;white-space:nowrap}.metric-value{margin-top:9px}.phase-zh{font-size:.8rem}.phase-card .checkpoint{max-width:85%}}