:root{color-scheme:dark;--bg:#101211;--surface:#171a18;--text:#eeeee7;--muted:#8d948c;--accent:#c4d5b2;--line:rgba(230,238,223,.12)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,select{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}
.ambient{position:absolute;inset:0 0 auto;height:720px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 0%,rgba(115,140,99,.085),transparent 65%)}
.site-shell{max-width:1280px;margin:auto;padding:0 56px}.site-header{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650;letter-spacing:2.8px}.brand-mark{font-family:Georgia,serif;border:1px solid #89977d;border-radius:50%;width:32px;height:32px;text-align:center;line-height:31px;color:var(--accent);font-size:22px;font-style:italic;letter-spacing:0}.brand-caption{margin-left:12px;font-weight:400;font-size:12px;letter-spacing:3px;color:#a9b0a6}.header-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:1.3px}.status-dot{width:5px;height:5px;border-radius:50%;background:#aabd98}
.intro{display:flex;align-items:center;justify-content:space-between;padding:59px 0 38px}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:10px;letter-spacing:2.3px;display:flex;align-items:center;gap:10px}.eyebrow>span:first-child{height:1px;width:22px;background:#859a74}.eyebrow-translation{color:var(--muted);font-size:10px;letter-spacing:2px;margin-left:4px}h1{font-size:48px;font-weight:500;letter-spacing:7px;line-height:1.25;margin:0}.title-dot{color:var(--accent);margin-left:2px;letter-spacing:0}.intro-copy{color:var(--muted);letter-spacing:1.1px;line-height:1.7;margin:18px 0 0;font-size:13px}.film-index{text-align:right;display:flex;flex-direction:column;gap:7px;align-self:flex-end;padding-bottom:5px}.film-index>span{font-size:9px;letter-spacing:2.6px;color:var(--muted)}.film-index strong{font-family:Georgia,serif;font-size:38px;line-height:1;font-weight:400;color:#687360}
.screen-section{border:1px solid var(--line);border-radius:5px;background:var(--surface);overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.18)}.screen{position:relative;isolation:isolate;background:#080a09;aspect-ratio:16/9}.screen video{display:block;width:100%;height:100%;object-fit:contain;background:#080a09}.screen-cover{position:absolute;inset:0 0 48px;overflow:hidden;display:none;place-items:center;background:radial-gradient(ellipse at 50% 60%,#253126 0,#121914 44%,#0c100d 83%);pointer-events:none}.js .screen-cover{display:grid}.screen-cover::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent,transparent 70px,rgba(177,199,155,.019) 71px,transparent 72px)}.cover-orbit{position:absolute;width:68%;aspect-ratio:1;top:-34%;left:16%;border:1px solid rgba(189,208,172,.075);border-radius:50%;box-shadow:0 0 0 65px rgba(189,208,172,.025),0 0 0 130px rgba(189,208,172,.016)}.cover-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;transform:translateY(20px)}.cover-kicker{font-size:10px;letter-spacing:4px;color:#7a8975}.play-button{pointer-events:auto;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(205,224,188,.5);color:var(--accent);background:rgba(196,213,178,.07);transition:background .2s,transform .2s}.play-button svg{margin-left:4px}.play-button:hover{background:rgba(196,213,178,.16);transform:scale(1.04)}.play-label{font-size:12px;letter-spacing:3px;color:#b4c1ac}.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;min-height:65px;border-top:1px solid var(--line)}.playback-status{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.player-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.speed-control{display:flex;align-items:center;gap:8px;font-size:12px;color:#a2aaa0}.speed-control select{border:0;background:var(--surface);padding:5px 2px;color:#dce4d5;font-size:12px;cursor:pointer}.toolbar-divider{height:14px;width:1px;background:var(--line)}.restart-button{border:0;padding:5px 0;background:transparent;display:flex;align-items:center;gap:7px;font-size:12px;color:#bcc7b5}.restart-button:hover{color:var(--text)}.player-error{margin:0;padding:16px 24px;border-top:1px solid rgba(231,181,135,.15);background:#29231d;color:#efc9a8;font-size:13px;line-height:1.8}
.film-meta{display:flex;align-items:center;gap:12px;margin:15px 0 0;font-size:10px;letter-spacing:1px;color:#85917e}.film-meta span+span{border-left:1px solid var(--line);padding-left:12px}
.viewing-notes{display:flex;gap:58px;margin:30px 0 65px}.viewing-notes>div{display:flex;gap:12px}.note-number{font-family:Georgia,serif;font-size:12px;color:#62705b;padding-top:2px}.viewing-notes p{margin:0;display:flex;flex-direction:column;gap:8px}.viewing-notes strong{font-size:12px;letter-spacing:1px;font-weight:400;color:#aab3a4}.viewing-notes p>span{font-size:11px;color:#737c70;line-height:1.6}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:27px 0 32px;color:#778171;font-size:10px;letter-spacing:1px;gap:14px}.footer-separator{padding:0 12px;color:#4b5546}.footer-domain{letter-spacing:1.5px;color:#626e5b}
@media(min-width:1600px){.site-shell{max-width:1400px}.intro{padding-top:70px}}
@media(max-width:800px){.site-shell{padding:0 26px}.site-header{height:82px}.intro{padding:40px 0 28px}h1{font-size:37px;letter-spacing:5px}.intro-copy{font-size:12px;margin-top:14px}.player-toolbar{padding:15px 17px;gap:12px}.player-actions{gap:12px}.viewing-notes{gap:28px;margin-bottom:46px}.cover-content{gap:16px}.cover-orbit{top:-25%}.play-button{width:62px;height:62px}}
@media(max-width:520px){.site-shell{padding:0 18px}.site-header{height:74px}.brand{font-size:12px;letter-spacing:2px;gap:9px}.brand-caption{font-size:11px;letter-spacing:2px;margin-left:9px}.brand-mark{width:28px;height:28px;font-size:19px;line-height:27px}.header-note{font-size:10px;letter-spacing:0;gap:6px}.intro{padding-top:34px;padding-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:15px;gap:8px}.eyebrow-translation{font-size:9px;letter-spacing:1.5px}h1{font-size:34px;letter-spacing:4px}.film-index strong{font-size:30px}.film-index>span{font-size:8px}.intro-copy{font-size:11px}.screen-section{margin:0 -6px}.screen-cover{bottom:40px}.cover-content{gap:12px;transform:translateY(13px)}.cover-kicker{font-size:8px;letter-spacing:2.8px}.play-button{width:48px;height:48px}.play-button svg{width:21px;height:21px}.play-label{font-size:10px;letter-spacing:2px}.player-toolbar{flex-wrap:wrap;padding:12px 15px;gap:8px}.playback-status{font-size:11px;flex:1 0 100%;min-height:16px}.player-actions{width:100%;justify-content:flex-end;gap:16px}.viewing-notes{gap:22px;flex-direction:column;margin:25px 0 36px}.viewing-notes p{gap:5px}.viewing-notes p>span{font-size:11px}.site-footer{font-size:9px;letter-spacing:.4px;padding:22px 0 27px}.footer-domain{font-size:9px;letter-spacing:.5px}.footer-separator{padding:0 7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}