:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#08090a;--panel:#111315;--panel-strong:#171a1d;--line:#2b2f33;--muted:#a3a7ab;--paper:#f3f4f5;--accent:#d93a32;--accent-hover:#ed4b42;--focus:#f0b94a;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{color:var(--paper)}body,html{background:var(--ink)}body{min-width:320px;margin:0}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-shell>main{flex:1}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090af0;border-bottom:1px solid #ffffff14;align-items:center;gap:32px;height:64px;padding:0 clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:750;display:inline-flex}.brand-mark{background:var(--accent);place-items:center;width:29px;height:29px;font-size:16px;display:grid}.main-nav{align-self:stretch;align-items:stretch;gap:26px;display:flex}.main-nav a{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:7px;font-size:14px;display:flex}.main-nav a.router-link-exact-active,.main-nav a:hover{color:#fff;border-bottom-color:var(--accent)}.header-tools{align-items:center;gap:12px;margin-left:auto;display:flex}.icon-button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.locale-select{max-width:116px;height:36px;color:var(--muted);border:1px solid var(--line);background:var(--panel);padding:0 28px 0 10px}.create-link{color:#fff;border:1px solid #5a5e62;padding:9px 13px;font-size:14px}.account-link{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:inline-flex}.account-button{cursor:pointer;background:0 0;border:0;padding:0}.site-footer{color:#74797e;border-top:1px solid var(--line);justify-content:space-between;gap:20px;min-height:86px;padding:28px clamp(18px,4vw,64px);font-size:13px;display:flex}.footer-locales{gap:18px;display:flex}.home-hero{background:#171a1d;align-items:flex-end;min-height:min(72vh,720px);display:flex;position:relative;overflow:hidden}.home-hero:after{content:"";background:linear-gradient(90deg,#050607f2 0,#05060785 48%,#05060714 78%),linear-gradient(0deg,var(--ink) 0,transparent 34%);position:absolute;inset:0}.hero-media{-o-object-fit:cover;object-fit:cover;filter:saturate(.72)contrast(1.08);width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:1;width:min(680px,92vw);padding:0 clamp(18px,7vw,112px) clamp(64px,9vh,104px);position:relative}.eyebrow{color:#d6a958;text-transform:uppercase;letter-spacing:0;margin:0 0 13px;font-size:12px;font-weight:700}.hero-copy h1{letter-spacing:0;margin:0 0 17px;font-family:Noto Serif SC,SimSun,serif;font-size:clamp(42px,6.2vw,82px);font-weight:650;line-height:1.08}.hero-copy>p:not(.eyebrow){color:#d5d7d9;max-width:590px;margin:0 0 24px;font-size:17px;line-height:1.75}.hero-meta{color:#b8bcc0;flex-wrap:wrap;gap:8px 18px;margin-bottom:25px;font-size:13px;display:flex}.hero-meta span{align-items:center;gap:7px;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.button-primary,.button-secondary{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-weight:700;display:inline-flex}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover{background:var(--accent-hover)}.button-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1113b8;border-color:#ffffff52}.catalog-bands{padding:12px clamp(18px,4vw,64px) 70px}.title-section{margin-top:42px}.section-heading{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:0;margin:0;font-size:21px;font-weight:720}.section-heading span{color:#62676c;font-size:12px}.title-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.title-tile{min-width:0}.tile-art{aspect-ratio:16/9;background:#1b1d20;display:block;position:relative;overflow:hidden}.tile-art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .25s,filter .25s}.tile-art:hover img{filter:brightness(.72);transform:scale(1.025)}.tile-play{color:#fff;opacity:0;background:#d93a32eb;place-items:center;width:46px;height:46px;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-45%)}.tile-art:hover .tile-play{opacity:1;transform:translate(-50%,-50%)}.tile-progress{background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0}.tile-progress i{background:var(--accent);height:100%;display:block}.title-tile h3{margin:11px 0 5px;font-size:15px}.title-tile p{color:#858a8f;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.page-band{padding:46px clamp(18px,7vw,112px) 80px}.page-title{letter-spacing:0;margin:0 0 8px;font-size:34px}.page-lead{max-width:620px;color:var(--muted);margin:0 0 30px;line-height:1.7}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter-row button{min-height:36px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;padding:0 13px}.filter-row button.active,.filter-row button:hover{color:#fff;background:var(--panel-strong);border-color:#70757a}.catalog-search{width:min(620px,100%);min-height:46px;color:var(--muted);border:1px solid var(--line);background:var(--panel);align-items:center;gap:10px;margin:22px 0 16px;padding:0 15px;display:flex}.catalog-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.catalog-loading{min-height:120px}.catalog-loading,.empty-state{color:var(--muted);place-items:center;display:grid}.empty-state{text-align:center;border-top:1px solid var(--line);min-height:42vh}.empty-state>div{justify-items:center;gap:14px;display:grid}.detail-hero{align-items:flex-end;min-height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden}.detail-hero:after{content:"";background:linear-gradient(90deg,#070809f5,#07080966 57%,#07080914),linear-gradient(0deg,var(--ink),transparent 55%);position:absolute;inset:0}.detail-bg{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.detail-content{z-index:1;width:min(760px,92vw);padding:0 clamp(18px,7vw,112px) 72px;position:relative}.detail-content h1{letter-spacing:0;margin:0 0 15px;font-family:Noto Serif SC,SimSun,serif;font-size:clamp(42px,6vw,76px)}.detail-content>p{color:#d0d3d5;max-width:680px;font-size:16px;line-height:1.75}.detail-facts{grid-template-columns:1.35fr 1fr;gap:70px;padding:54px clamp(18px,7vw,112px) 82px;display:grid}.detail-facts h2{margin:0 0 16px;font-size:20px}.detail-facts p{color:var(--muted);line-height:1.75}.fact-list{grid-template-columns:1fr 1fr;gap:18px;margin:0;display:grid}.fact-list div{border-bottom:1px solid var(--line);padding-bottom:14px}.fact-list dt{color:#777c80;font-size:12px}.fact-list dd{margin:6px 0 0;font-size:14px}.creator-link{color:#e0b864;border-bottom:1px solid;margin-top:12px;display:inline-flex}.rating-form{grid-template-columns:auto minmax(160px,1fr) auto;gap:8px;margin-top:28px;display:grid}.rating-form label{color:#e0b864;align-items:center;gap:7px;padding:0 10px;display:flex}.rating-form input,.rating-form label,.rating-form select{border:1px solid var(--line);background:var(--panel);min-height:42px}.rating-form input,.rating-form select{color:#fff}.rating-form select{border:0}.rating-form input{padding:0 11px}.form-feedback{font-size:13px;color:#86c899!important}.form-error{color:#ef786f}.library-grid{gap:16px;margin-top:30px;display:grid}.library-card{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(260px,36%) 1fr;min-height:190px;display:grid;overflow:hidden}.library-card>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;min-height:190px}.library-card>div{flex-direction:column;align-items:flex-start;padding:24px;display:flex}.library-card h2{margin:0 0 8px}.library-card p{color:var(--muted);margin:0 0 8px}.library-card small{color:#777d82;margin-bottom:20px}.library-card .button-primary{margin-top:auto}.auth-page{background:radial-gradient(circle at 50% 0,#282024,var(--ink) 52%);place-items:center;min-height:calc(100vh - 151px);padding:56px 18px;display:grid}.auth-card{border:1px solid var(--line);background:#111315f5;gap:15px;width:min(460px,100%);padding:32px;display:grid;box-shadow:0 28px 90px #0000005c}.auth-card h1{margin:0;font-size:30px}.auth-card>p:not(.eyebrow){color:var(--muted);margin:0 0 8px;line-height:1.6}.auth-card label{color:var(--muted);gap:7px;font-size:12px;display:grid}.auth-card input{color:#fff;background:#0b0d0e;border:1px solid #3d4247;min-height:44px;padding:0 12px}.auth-card>a{color:#c9a45d;text-align:center;font-size:13px}.player-layout{background:#000;min-height:100vh}.player-root{background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.player-video{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;height:100%}.player-chrome{pointer-events:none;opacity:0;background:linear-gradient(#000000b3,#0000 18% 68%,#000000d1);flex-direction:column;justify-content:space-between;transition:opacity .2s;display:flex;position:absolute;inset:0}.player-chrome.visible,.player-root:focus-within .player-chrome,.player-root:hover .player-chrome{opacity:1}.player-controls,.player-topbar{pointer-events:auto;align-items:center;gap:10px;padding:18px 22px;display:flex}.player-topbar{justify-content:space-between}.player-controls{justify-content:center}.player-controls button,.player-topbar button{color:#fff;cursor:pointer;background:#101214c7;border:0;place-items:center;width:42px;height:42px;display:grid}.player-title{text-shadow:0 1px 2px #000;font-size:14px;font-weight:700}.player-status{text-align:center;min-width:min(480px,88vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-status h1{letter-spacing:0;margin:0 0 12px;font-size:clamp(28px,4vw,50px)}.player-status p{color:#c5c8ca;line-height:1.6}.player-status .button-primary{margin-top:14px}.interaction-layer{text-align:center;width:min(720px,100vw - 32px);position:absolute;bottom:clamp(80px,14vh,150px);left:50%;transform:translate(-50%)}.interaction-layer h2{text-shadow:0 2px 8px #000;margin:0 0 17px;font-size:clamp(20px,3vw,31px)}.choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0c0e0fd1;border:1px solid #ffffff85;min-height:58px;padding:10px 16px}.choice-button:hover{background:#d93a32e6;border-color:#fff}.qte-button{aspect-ratio:1;color:#fff;cursor:pointer;background:#d93a32e6;border:3px solid #fff;border-radius:50%;width:112px;font-weight:800}.qte-progress{color:#fff;font-variant-numeric:tabular-nums;margin-top:12px}.player-debug{color:#9ea4a8;background:#000000b8;width:min(360px,86vw);max-height:28vh;padding:10px;font:11px/1.45 Consolas,monospace;position:absolute;bottom:72px;right:18px;overflow:auto}@media (width<=900px){.account-link span,.create-link,.main-nav{display:none}.title-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-facts{grid-template-columns:1fr;gap:34px}}@media (width<=600px){.site-header{gap:12px;height:56px}.brand>span:last-child,.create-link,.icon-button{display:none}.locale-select{max-width:104px}.home-hero{min-height:calc(100svh - 56px)}.home-hero:after{background:linear-gradient(0deg,var(--ink) 0,#0506077a 70%,#05060714)}.hero-copy{padding-bottom:52px}.hero-copy h1{font-size:43px}.hero-copy>p:not(.eyebrow){font-size:15px}.title-rail{grid-template-columns:1fr}.detail-hero{min-height:calc(92svh - 56px)}.detail-content{padding-bottom:46px}.detail-facts{padding-top:36px}.choice-list,.fact-list,.library-card,.rating-form{grid-template-columns:1fr}.player-controls,.player-topbar{padding:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}