@charset "UTF-8";
:root{color-scheme:dark;--ink:#111614;--paper:#f0e9db;--muted:#a6aaa0;--gold:#c6a876;--line:rgba(220,220,200,.15);--panel:rgba(15,21,19,.96);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--paper)}body{font-size:13px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:1px solid var(--gold);outline-offset:5px}button,select,a{-webkit-tap-highlight-color:transparent}button{transition:color .2s,background .2s,opacity .2s}button:hover{color:var(--gold)}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:var(--gold);text-underline-offset:4px}#world{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#interface{position:absolute;inset:0;pointer-events:none;transition:opacity .5s}#interface.concealed{opacity:0}#interface>*{pointer-events:auto}#interface.ui-hidden{opacity:0;pointer-events:none}#interface.ui-hidden>*{pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:500;color:var(--gold);line-height:1.8}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman','Noto Serif CJK SC','Songti SC',serif;font-weight:400}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button:hover{background:rgba(255,255,255,.055)}.text-button{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2px;white-space:nowrap}.text-button span{font-size:9px;color:var(--gold);border:1px solid var(--line);padding:3px 4px}.text-button svg{width:17px}.close{font-size:24px;font-weight:300;color:var(--muted)}
#topbar{position:absolute;top:0;left:0;right:0;height:89px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(6,10,8,.74),transparent)}.brand{display:flex;gap:12px;align-items:center;text-align:left}.seal{border:1px solid #ad8b5b;color:var(--gold);width:35px;height:40px;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif CJK SC',SimSun,serif;font-size:22px}.brand b{display:block;font-size:16px;letter-spacing:5px;font-family:'Noto Serif CJK SC',SimSun,serif;font-weight:400}.brand small{display:block;letter-spacing:2.25px;font-size:7px;margin-top:5px;color:var(--muted)}.top-actions{display:flex;gap:24px;align-items:center}.top-center{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2.2px;color:#a1a49c;display:flex;gap:8px;align-items:center}.live-dot{width:4px;height:4px;background:var(--gold);border-radius:50%}
#welcome{position:absolute;left:6.2%;top:50%;transform:translateY(-45%);max-width:570px;isolation:isolate}#welcome:before{content:'';position:absolute;z-index:-1;left:-30vw;top:-40vh;width:83vw;height:120vh;background:radial-gradient(ellipse at 33% 50%,rgba(8,14,12,.87),rgba(8,14,12,.3) 50%,transparent 69%);pointer-events:none}#welcome .eyebrow{display:flex;gap:13px;align-items:center;font-size:9px;letter-spacing:2.05px}#welcome .eyebrow span{width:28px;height:1px;background:var(--gold)}.hero-chinese{font-family:'Noto Serif CJK SC','Songti SC',SimSun,serif;font-size:28px;letter-spacing:12px;margin-top:26px;color:var(--gold)}#welcome h1{font-size:clamp(52px,5.3vw,84px);line-height:1.015;letter-spacing:-2.4px;margin:16px 0 25px;text-shadow:0 2px 18px #0005}#welcome h1 span{color:var(--gold)}#welcome>p{font-size:13px;line-height:1.8;color:#bebeb0;letter-spacing:.1px}.hero-buttons{display:flex;align-items:center;gap:23px;margin-top:29px}.primary-button{background:var(--paper);color:#151b17;padding:15px 19px;display:inline-flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.primary-button:hover{color:#101814;background:var(--gold)}.primary-button svg{width:13px;height:13px;fill:currentColor;stroke-width:0}.primary-button small{font-size:9px;opacity:.45;margin-left:15px}.secondary-button{font-size:12px;padding:13px 0;display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #c7b08866;white-space:nowrap}.secondary-button span{font-size:17px}.hero-foot{margin-top:24px;font-size:7px;letter-spacing:1.65px;color:#8e978c}.hero-foot span{padding:0 8px}.hero-foot i{font-style:normal;color:#b5b7a8}
#shot-caption{position:absolute;left:40px;bottom:145px;display:flex;align-items:center;gap:12px;text-shadow:0 2px 8px #000;color:#c3c5b8;font-size:10px;pointer-events:none}#location{font-size:8px;letter-spacing:1.9px;color:var(--gold)}.caption-line{width:24px;height:1px;background:#b8b09366}#subtitle{position:absolute;bottom:145px;left:25%;right:25%;text-align:center;pointer-events:none;text-shadow:0 2px 4px #000,0 0 22px #000,0 0 8px #000}#sub-zh{font-family:'Noto Serif CJK SC','Songti SC',SimSun,serif;font-size:17px;letter-spacing:2px;line-height:1.6}#sub-en{font-size:12px;line-height:1.65;color:#e1e0d5;margin-top:5px;letter-spacing:.15px}body.welcome-open #shot-caption,body.welcome-open #subtitle{display:none}
#transport{position:absolute;bottom:0;left:0;right:0;padding:0 40px 21px;background:linear-gradient(0deg,rgba(6,10,8,.8),rgba(6,10,8,.35) 70%,transparent)}.timeline-wrap{position:relative;padding:19px 0 9px}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;margin:0;height:15px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:var(--line);height:2px}input[type=range]::-moz-range-track{background:var(--line);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;background:var(--gold);border:0;border-radius:50%;margin-top:-2.5px}input[type=range]::-moz-range-thumb{width:7px;height:7px;background:var(--gold);border:0;border-radius:50%}#timeline{height:16px;position:relative;z-index:2}#timeline::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--gold) var(--progress,38.7%),rgba(234,230,215,.2) var(--progress,38.7%));height:2px}#timeline::-moz-range-progress{height:2px;background:var(--gold)}#timeline::-webkit-slider-thumb{width:8px;height:8px;margin-top:-3px;box-shadow:0 0 0 3px #c6a87618}#timeline-markers{position:absolute;left:0;right:0;top:25px;pointer-events:none;z-index:3}#timeline-markers span{position:absolute;width:2px;height:5px;background:#0c1311}.transport-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.transport-left,.transport-right{display:flex;align-items:center;gap:14px}.transport-left>.icon-button{width:26px}.transport-left .icon-button:first-child svg{width:16px;fill:currentColor;stroke-width:0}.transport-left .icon-button:nth-child(2) svg{width:15px}.timecode{font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:.4px;color:#888e82;margin-left:3px}.timecode b{font-weight:400;color:var(--paper)}.timecode i{font-style:normal;opacity:.5;margin:0 7px}.transport-rule{width:1px;height:16px;background:var(--line);margin:0 4px}#chapter-name{font-size:10px;color:#c4c6b9}#chapter-name i{font-style:normal;margin:0 9px;color:var(--gold)}#speed{background:transparent;color:#bfc3b7;border:0;font-size:11px;outline:none;width:49px}select option{background:#1c2620;color:var(--paper)}.transport-right .icon-button{width:29px;height:29px}.transport-right svg{width:18px;height:18px}
.panel{position:absolute;top:94px;bottom:105px;width:352px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px);overflow:auto;padding:26px;scrollbar-width:thin;scrollbar-color:#586154 transparent;box-shadow:0 10px 50px #0004}.panel-left{left:30px}.panel-right{right:30px;width:344px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.panel h2{font-size:29px;margin-top:6px;letter-spacing:-.5px}.panel-heading .close{margin-right:-8px;margin-top:-7px}.chapter-item{display:flex;width:100%;gap:16px;border-top:1px solid var(--line);padding:15px 0;text-align:left;align-items:center}.chapter-number{font-size:10px;color:#707d6f;align-self:flex-start;padding-top:4px}.chapter-copy{flex:1}.chapter-copy strong{font-size:12px;font-weight:400;display:block}.chapter-copy small{display:block;font-size:9px;color:#7e8a7b;margin-top:5px;letter-spacing:1.2px}.chapter-item time{font-size:9px;color:#8e9a87;font-variant-numeric:tabular-nums}.chapter-item.selected .chapter-number,.chapter-item.selected strong,.chapter-item:hover strong{color:var(--gold)}.chapter-item.selected .chapter-copy small{color:#bac2b0}.panel-note{border-top:1px solid var(--line);padding-top:18px;font-size:10px;line-height:1.75;color:#788474}.control-section{border-top:1px solid var(--line);padding:17px 0 18px}.control-section h3{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#bfc3b5;font-weight:400;margin-bottom:13px}.segmented{display:flex;border:1px solid var(--line);padding:3px;gap:3px}.segmented button{width:50%;padding:9px 4px;font-size:10px;color:#8b9787}.segmented button.selected{background:#bac49d17;color:var(--paper)}.micro{color:#7e8b78;font-size:9px;line-height:1.7;margin:11px 0}.focus-row{display:flex;align-items:center;gap:5px;margin:15px 0}.focus-row>span{font-size:10px;flex:1;color:#9aa58f}.focus-row button{font-size:9px;border:1px solid var(--line);padding:5px 11px}.control-label{font-size:10px;display:flex;justify-content:space-between;color:#acb49e;margin:12px 0 4px}.control-label output{font-size:9px;color:var(--gold)}.select-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:6px;color:#b9c0af}.select-label select{font-size:9px;border:1px solid var(--line);padding:6px 5px;background:#202c2333;color:#c3c8b5;max-width:158px}.subtle-button{padding:10px 0 0;font-size:9px;display:flex;align-items:center;justify-content:space-between;width:100%;color:#88977e}.subtle-button span{font-size:10px;color:var(--gold)}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 4px;margin-top:17px}.toggle-grid label{display:flex;align-items:center;gap:6px;font-size:9px;color:#aeb7a0;cursor:pointer}.toggle-grid input{position:absolute;opacity:0;width:1px;height:1px}.toggle-grid span{width:12px;height:12px;border:1px solid #67745e;display:block}.toggle-grid input:checked+span{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 3px #172019}.toggle-grid input:focus-visible+span{outline:1px solid var(--gold);outline-offset:3px}.wide-button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:11px 12px;width:100%;font-size:10px;margin-top:10px}.wide-button span{font-size:8px;letter-spacing:.75px;color:var(--gold)}
.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050d08b3;backdrop-filter:blur(9px);padding:30px;z-index:20}.modal-card{position:relative;width:min(900px,100%);max-height:calc(100vh - 60px);overflow:auto;background:#121c16;border:1px solid var(--line);padding:44px 48px}.modal-card>.close{position:absolute;right:19px;top:16px}.modal h2{font-size:37px;letter-spacing:-.8px;margin:10px 0 30px}.notes-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px}.notes-columns h3{font-size:13px;font-weight:400;color:var(--gold);margin-bottom:12px}.notes-columns p{font-size:12px;line-height:1.85;color:#a3af9a;margin:0 0 14px}.notes-footer{border-top:1px solid var(--line);margin-top:17px;padding-top:18px;display:flex;flex-direction:column;gap:10px;font-size:8px;letter-spacing:.8px;color:#72836b}#end-card{position:absolute;top:38%;left:6.5%;text-align:left;pointer-events:auto}#end-card h2{font-family:'Noto Serif CJK SC',SimSun,serif;font-size:51px;letter-spacing:14px;color:var(--gold);margin-top:15px}#end-card p{font-family:Georgia,serif;font-size:31px;margin:14px 0 18px}#end-card .eyebrow{font-size:7px;letter-spacing:1.5px}#recording{position:absolute;top:108px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.3px;background:#162019d9;border:1px solid var(--line);padding:9px 12px}#recording>span{width:5px;height:5px;background:#ce7e64;border-radius:50%;animation:blink 1s ease infinite}#recording>b{font-weight:400;color:var(--gold);font-variant-numeric:tabular-nums}#recording>button{font-size:9px;margin-left:7px;border-left:1px solid var(--line);padding-left:14px}#toast{position:absolute;left:50%;bottom:115px;transform:translate(-50%,10px);padding:12px 20px;background:#172018ed;color:#d5d9c5;font-size:11px;line-height:1.5;border:1px solid var(--line);max-width:80%;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:40;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}#hidden-hint{position:absolute;bottom:14px;right:20px;font-size:9px;color:#b6c1a980;pointer-events:none}
#loading{position:absolute;inset:0;background:#101713;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s}#loading.finished{opacity:0;pointer-events:none}#loading h1{font-family:'Noto Serif CJK SC',SimSun,serif;font-size:40px;letter-spacing:18px;margin:16px 0 12px 18px;font-weight:400}#loading>p{font-size:9px;letter-spacing:4.2px;color:#94a089}.loading-disc{width:63px;height:63px;border:1px solid #ad9c6f5c;border-radius:50%;margin-bottom:36px;position:relative;background:radial-gradient(circle,transparent 0,transparent 16%,#7c976922 17%,#7c976922 52%,transparent 53%)}.loading-disc:after{content:'';position:absolute;inset:18px;border:1px solid #a7b17c50;border-radius:50%}.loading-disc i{position:absolute;inset:-6px;border:1px solid transparent;border-top-color:var(--gold);border-radius:50%;animation:spin 3s linear infinite}.loading-disc i+i{inset:7px;animation-direction:reverse;animation-duration:4s;border-top-color:#b0bb805c}.loading-track{height:1px;width:280px;background:#74846430;margin-top:43px}.loading-track>span{display:block;width:0;height:100%;background:var(--gold);transition:width .2s}.load-meta{display:flex;width:280px;justify-content:space-between;margin-top:12px;font-size:9px;color:#85957b}.load-meta>span+span{color:var(--gold);font-variant-numeric:tabular-nums}.loading-foot{position:absolute;bottom:45px;font-size:7px;letter-spacing:1.35px;color:#586b4e}#load-error{max-width:580px;color:#d1a393;font-size:12px;line-height:1.8;padding:25px 35px;text-align:center}#load-error code{color:var(--paper)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.35}}
@media(min-width:1500px){#subtitle{bottom:20%}#shot-caption{bottom:20%}.panel{top:100px;bottom:115px}#transport{padding-bottom:29px}}
@media(max-width:1100px){#topbar{padding:0 25px}.top-center{display:none}.top-actions{gap:19px}#welcome{left:6%;max-width:490px}#welcome h1{font-size:64px}#shot-caption{bottom:124px;left:25px;max-width:23%;display:block}#shot-caption #shot-title{display:block;margin-top:7px}.caption-line{display:none}#subtitle{bottom:123px;left:26%;right:24%}#transport{padding:0 25px 18px}.panel{top:88px;bottom:95px}}
@media(max-width:700px){#topbar{height:72px;padding:0 17px}.brand{gap:9px}.seal{width:29px;height:34px;font-size:18px}.brand b{font-size:13px;letter-spacing:3px}.brand small{font-size:6px;letter-spacing:1.5px}.top-actions{gap:14px}.top-actions .text-button{font-size:9px}.top-actions .text-button>span,.top-actions .text-button>svg{display:none}#info-toggle{display:none}#welcome{left:7%;right:5%;top:47%;transform:translateY(-43%)}#welcome .eyebrow{font-size:7px;letter-spacing:1.2px}#welcome .eyebrow span{width:15px}#welcome h1{font-size:clamp(42px,10vw,61px);letter-spacing:-1.5px;margin:13px 0 18px}.hero-chinese{font-size:22px;margin-top:19px;letter-spacing:8px}#welcome>p{font-size:12px}.hero-buttons{gap:17px;margin-top:23px}.primary-button{padding:13px 13px;gap:8px;font-size:10px}.primary-button small{margin-left:4px;font-size:8px}.secondary-button{font-size:10px;gap:9px}.hero-foot{font-size:6px;letter-spacing:.8px}.hero-foot span{padding:0 4px}#transport{padding:0 15px 15px}.transport-left,.transport-right{gap:8px}.transport-rule,#chapter-name,#previous{display:none}.timecode{font-size:9px}.timecode i{margin:0 4px}#shot-caption{left:18px;bottom:104px;max-width:80%;display:block}#shot-caption #shot-title{display:none}#location{font-size:7px}#subtitle{left:8%;right:8%;bottom:151px}#sub-zh{font-size:14px}#sub-en{font-size:10px}.panel{left:10px;right:10px;top:80px;bottom:88px;width:auto;padding:23px}.notes-columns{display:block}.notes-columns>div+div{margin-top:25px}.modal{padding:13px}.modal-card{padding:32px 24px;max-height:calc(100vh - 26px)}.modal h2{font-size:29px}.notes-columns p{font-size:11px}.loading-foot{max-width:290px;text-align:center;line-height:2.2}.loading-track,.load-meta{width:250px}#loading h1{font-size:32px;letter-spacing:12px;margin-left:12px}#loading .eyebrow{font-size:8px}#end-card{top:36%;left:8%}#end-card h2{font-size:39px;letter-spacing:10px}#end-card .eyebrow{max-width:210px;line-height:2}#toast{bottom:112px;font-size:10px}#recording{top:83px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-disc i{animation-duration:12s}}

#shot-caption{display:block;max-width:23%;line-height:1.5}#shot-caption #shot-title{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a7ad9d}.caption-line{display:none}
@media(max-width:700px){#shot-caption{max-width:80%}#shot-caption #shot-title{display:none}}

/* Director's Edition location / take controls. */
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.location-grid button{border:1px solid var(--line);padding:12px 10px;display:flex;align-items:center;gap:9px;text-align:left;background:linear-gradient(125deg,#31433c33,#111b1600)}.location-grid b{font:22px Georgia,serif;color:var(--gold);font-weight:400}.location-grid span{font-size:9px;color:#b9c5b1}.location-grid button:hover,.location-grid button.selected{border-color:#9a875b;background:#a1ae7020}.shot-select-row{display:flex;gap:5px;align-items:stretch}.shot-select-row select{min-width:0;width:100%;background:#1b2721;border:1px solid var(--line);padding:8px 5px;color:#c3cdbb;font-size:10px}.shot-select-row button{font-size:20px;width:26px;flex-shrink:0;border:1px solid var(--line)}

/* Chinese-first typography. System fonts only: no downloads, embedded fonts or CDN. */
:root{--font-ui:"PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",system-ui,sans-serif;--font-book:"Songti TC","Noto Serif CJK TC","PMingLiU",serif;font-family:var(--font-ui)}
html[lang="zh-Hans"]{--font-ui:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--font-book:"Songti SC","Noto Serif CJK SC","SimSun",serif}
html[lang="en"]{--font-ui:Arial,Helvetica,sans-serif;--font-book:Georgia,"Times New Roman",serif}
body{font-family:var(--font-ui)}h1,h2{font-family:var(--font-book)}
[lang="zh-Hant"]{font-family:"PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",system-ui,sans-serif}
[lang="zh-Hans"]{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}
.seal,.brand b,#loading h1,#end-card h2,.location-grid b{font-family:var(--font-book)}
html[lang="en"] .seal,html[lang="en"] .brand b,html[lang="en"] #loading h1,html[lang="en"] #end-card h2,html[lang="en"] .hero-chinese{font-family:"Songti TC","Noto Serif CJK TC","PMingLiU",serif}
html:not([lang="en"]) #welcome h1{font-family:var(--font-book);font-size:clamp(60px,6.5vw,94px);letter-spacing:.105em;line-height:1.35;margin:12px 0 23px;white-space:nowrap}
html:not([lang="en"]) .hero-chinese{font-family:var(--font-book);font-size:16px;letter-spacing:.22em;line-height:1.7;margin-top:26px}
html:not([lang="en"]) #welcome>p{font-size:16px;line-height:2;letter-spacing:.055em}
html:not([lang="en"]) .hero-foot{font-size:11px;letter-spacing:.06em;line-height:1.8}
html:not([lang="en"]) .brand small{font-size:10px;letter-spacing:.09em}
html:not([lang="en"]) .eyebrow{font-size:11px;letter-spacing:.13em}
html:not([lang="en"]) .top-center{font-size:11px;letter-spacing:.13em}
html:not([lang="en"]) .text-button{font-size:13px}
html:not([lang="en"]) .primary-button,html:not([lang="en"]) .secondary-button{font-size:14px;letter-spacing:.07em}
html:not([lang="en"]) .panel h2{font-size:28px;line-height:1.5;letter-spacing:.06em}
.panel-right{width:370px}.panel-left{width:370px}.panel-heading{padding-bottom:16px}
.control-section h3{font-size:12px;letter-spacing:.075em;line-height:1.6}
.control-label,.select-label{font-size:12px;line-height:1.7}.control-label output{font-size:11px}
.select-label select{font-size:11px;padding:7px;max-width:180px}.micro{font-size:11px;line-height:1.85;color:#a0ad99}
.segmented button,.focus-row>span,.wide-button{font-size:12px}.focus-row button{font-size:11px}
.subtle-button{font-size:11px;line-height:1.8}.toggle-grid label{font-size:11px;line-height:1.8;align-items:flex-start}
.toggle-grid label>span:first-of-type{flex:0 0 12px;margin-top:4px}.subtitle-format{margin-top:18px}
.location-grid span{font-size:11px;line-height:1.65}.shot-select-row select{font-size:11px;padding:9px 6px}
.chapter-copy{min-width:0}.chapter-copy strong{font-size:15px;line-height:1.65}.chapter-copy small{font-size:11px;line-height:1.65;letter-spacing:.055em}.panel-note{font-size:12px;line-height:1.9;color:#a0ad99}
.notes-columns p{font-size:14px;line-height:1.95;line-break:strict;word-break:normal;overflow-wrap:break-word}.notes-columns h3{font-size:16px}.modal-card{width:min(980px,100%)}.modal h2{font-size:34px;line-height:1.5}.notes-footer{font-size:11px;line-height:1.8;letter-spacing:.025em}
#sub-zh{font-family:var(--font-book);font-size:19px;line-height:1.8;letter-spacing:.075em;line-break:strict;word-break:normal}
#sub-zh:lang(en){font-family:var(--font-ui);font-size:17px;letter-spacing:.01em;line-height:1.65}
#sub-en{font-family:var(--font-ui);font-size:13px;line-height:1.75;letter-spacing:.01em}
#sub-en:lang(zh-Hant),#sub-en:lang(zh-Hans){font-family:var(--font-book);font-size:15px;letter-spacing:.05em}
#chapter-name{font-size:12px}#location{font-size:11px;letter-spacing:.11em}#shot-title{font-size:12px}
#loading .eyebrow{font-size:12px}#loading>p{font-size:12px;letter-spacing:.14em;line-height:1.8}
.load-meta{font-size:11px;line-height:1.8;width:310px}.loading-track{width:310px}.loading-foot{font-size:10px;letter-spacing:.11em}
#toast{font-size:13px;line-height:1.8}#hidden-hint{font-size:11px}#recording{font-size:11px}#recording>button{font-size:11px}
/* Keep translated labels out of decorative icon / checkbox / metadata rules. */
.text-button .i18n-label,.secondary-button .i18n-label,.subtle-button .i18n-label,.wide-button .i18n-label{font:inherit;color:inherit;letter-spacing:inherit;border:0;padding:0;display:inline}
#welcome .eyebrow .i18n-label{width:auto;height:auto;background:none;line-height:inherit}
.toggle-grid .i18n-label{border:0;display:inline;width:auto;height:auto;flex:1 1 auto;background:none;box-shadow:none;margin-top:0}
#recording>.i18n-label{width:auto;height:auto;background:none;border-radius:0;animation:none}
.language-control{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}
.language-control select{font-family:var(--font-ui);font-size:12px;min-width:112px;max-width:140px;padding:7px 8px;border:1px solid var(--line);border-radius:0;background:#142019dd;color:var(--paper);cursor:pointer}
.language-control option{font-size:13px}.loading-language{position:absolute;right:35px;top:27px}
.top-actions{gap:19px}.top-center{left:44%}
@media(max-width:1200px){.top-center{display:none}}
@media(max-width:760px){
 #topbar{height:117px;padding:13px 17px;display:block;background:linear-gradient(180deg,#080f0bec,transparent)}
 .brand small{font-size:8px!important;letter-spacing:.06em}.brand b{font-size:15px}.brand .seal{width:29px;height:36px}
 .top-actions{margin-top:8px;gap:19px;justify-content:flex-start;min-height:29px}
 .top-actions .text-button{font-size:12px!important;gap:7px}.top-actions .text-button>.i18n-label{display:inline;font:inherit}
 .top-actions .text-button>span:not(.i18n-label),.top-actions .text-button>svg{display:none}
 .top-actions .language-control{position:absolute;top:19px;right:17px}.top-actions .language-control>span{display:none}.language-control select{min-width:106px;font-size:12px}
 #info-toggle{display:inline-flex;width:29px;height:29px}.top-center{display:none}
 #welcome{top:48%;left:7%;right:6%;max-width:none}
 html:not([lang="en"]) #welcome h1{font-size:clamp(42px,11.2vw,70px);letter-spacing:.105em;line-height:1.4;margin:14px 0 20px}
 html:not([lang="en"]) .hero-chinese{font-size:13px;letter-spacing:.16em;margin-top:22px}
 html:not([lang="en"]) #welcome>p{font-size:13px;line-height:2}
 html:not([lang="en"]) .hero-foot{font-size:9px;line-height:2;letter-spacing:.025em}
 html:not([lang="en"]) .primary-button,html:not([lang="en"]) .secondary-button{font-size:12px;letter-spacing:.035em}
 #welcome .eyebrow{font-size:9px!important;letter-spacing:.07em}.hero-buttons{gap:18px;flex-wrap:wrap}.primary-button{padding:13px}
 .panel{top:116px;bottom:92px;left:10px;right:10px;width:auto;padding:22px}.panel-right,.panel-left{width:auto}
 .panel h2{font-size:26px}.notes-columns p{font-size:13px}.modal h2{font-size:25px}.modal-card{padding:35px 24px}
 #subtitle{left:7%;right:7%;bottom:150px}#sub-zh{font-size:17px;line-height:1.8;letter-spacing:.04em}#sub-zh:lang(en){font-size:14px;line-height:1.6}#sub-en{font-size:11px}#sub-en:lang(zh-Hant){font-size:13px}
 #shot-caption{left:18px;bottom:110px;max-width:85%}#location{font-size:10px}#shot-title{display:none!important}
 #recording{top:120px}#end-card{top:38%}#end-card .eyebrow{font-size:10px;max-width:280px;line-height:2}
 .loading-language{top:20px;right:20px}.loading-foot{max-width:300px;line-height:2.2;bottom:30px}.load-meta,.loading-track{width:280px}
 #toast{font-size:12px;max-width:90%;width:max-content}
}
@media(max-width:370px){.top-actions .language-control{right:13px}.hero-buttons{gap:12px}.primary-button small{margin-left:2px}.panel{padding:18px}.select-label{gap:4px}.select-label select{max-width:154px}.language-control select{min-width:101px}}
@media(max-height:580px) and (min-width:761px){#welcome{top:49%}html:not([lang="en"]) #welcome h1{font-size:55px;margin:4px 0 10px}.hero-chinese{margin-top:6px!important}.hero-buttons{margin-top:15px}.hero-foot{margin-top:12px}.panel{top:80px;bottom:85px}}
/* Tool panels cover captions rather than letting scene labels overprint menu text. */
.panel{z-index:12}#topbar{z-index:15}