/* /style.css */
:root{color-scheme:dark;--bg:#101113;--line:#2a2c2e;--text:#ebeced;--muted:#92908d;--accent:#bdc0c3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;flex-shrink:0}h1,h2,h3,p{margin-top:0}h2{font-size:26px;font-weight:550;letter-spacing:-.8px;margin-bottom:0}h3{font-weight:550}input{min-width:0;color:inherit;outline:none;background:transparent;border:0}input::placeholder{color:#82807d}::selection{background:var(--accent);color:#171819}main{margin-left:224px;padding:0 44px;min-height:100vh}#content,.topbar,footer{max-width:1220px;margin-left:auto;margin-right:auto}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:35px 21px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#131416;z-index:10}.brand{display:flex;align-items:center;gap:7px;font-size:22px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.brand-mark{color:var(--accent);font-size:35px;font-weight:800;position:relative;line-height:1;margin-right:4px}.brand-mark span{position:absolute;right:-5px;top:-6px;font-size:16px}.brand-dot{color:var(--accent);margin-left:-7px}.side-label{font-size:9px;letter-spacing:2px;color:#73716e;margin:65px 14px 16px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 14px;margin-bottom:7px;border-radius:8px;color:#9e9c99;font-size:13px}.nav-item:hover{background:#202224}.nav-item.active{background:#232527;color:var(--accent)}.nav-item small{margin-left:auto;background:#35383a;padding:0 5px;border-radius:4px;font-size:10px}.side-bottom{margin-top:auto}.sync-note{display:flex;gap:9px;padding:18px 8px 24px;font-size:11px;color:#b0aeab}.sync-note small{display:block;color:#777572;font-size:10px;margin-top:4px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a3a19e;margin-top:6px;flex-shrink:0}.status-dot.amber{background:#d8ae69}.status-dot.offline{background:#e18973}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:21px 4px 16px;width:100%;text-align:left}.profile>span:nth-child(2){flex:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;color:#8b8986;font-size:9px;margin-top:4px}.profile>svg{width:15px;color:#8e8c89}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#2a2c2d;color:#b3b7ba}.avatar svg{width:16px}.version{display:block;text-align:center;color:#676562;font-size:8px;letter-spacing:1.7px;margin-top:15px}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;gap:13px;font-size:11px;color:#7d7b78}.breadcrumb b{color:#b7babd;font-weight:400}.breadcrumb span{color:#525659}.top-actions{display:flex;gap:12px;align-items:center}.preview-label{border:1px solid #3e4144;padding:6px 11px;border-radius:20px;font-size:10px;color:#a4a29f;display:flex;gap:8px;align-items:center}.preview-label i{width:4px;height:4px;background:var(--accent);border-radius:50%}.mobile-profile{display:none!important}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;min-height:427px;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;padding:44px 0}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#9f9d9a;display:inline-flex;gap:10px;align-items:center}.tiny-star{font-size:19px;color:var(--accent);line-height:1}.hero h1{font:400 clamp(42px,4.25vw,66px)/1.1 Georgia,serif;letter-spacing:-2.5px;margin:23px 0 20px}.hero h1 em{color:var(--accent)}.hero p{font-size:12px;line-height:1.85;color:#959390;margin-bottom:25px}.search-box{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 17px;max-width:485px;border:1px solid #484b4e;border-radius:10px;background:#202122;box-shadow:0 8px 30px #0002}.search-box:focus-within{border-color:var(--accent)}.search-box>svg{width:18px;color:#a4a29f}.search-box input{width:100%;height:35px;font-size:12px}.search-box>button{display:grid;place-items:center;width:37px;height:36px;border-radius:7px;background:var(--accent);color:#282a2b;flex-shrink:0}.search-hints{display:flex;gap:10px;align-items:center;font-size:9px;color:#7c7a77;margin-top:13px;flex-wrap:wrap}.search-hints button{font-size:9px;padding:0;border-bottom:1px dotted #5a5855;color:#a3a19e}.hero-visual{position:relative;height:360px;overflow:hidden;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:40px;background:radial-gradient(ellipse,#a3a19e10,transparent 65%)}.hero-orbit{position:absolute;border:1px solid #97959240;left:50%;top:45%;border-radius:50%;width:300px;height:130px;transform:translate(-50%,-50%) rotate(-28deg)}.ho2{width:280px;height:140px;transform:translate(-50%,-50%) rotate(38deg)}.ho3{width:310px;height:245px;transform:translate(-50%,-50%) rotate(80deg);border-color:#817f7c2e}.hero-planet{position:absolute;top:28%;left:35%;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d4d6d8,#a09e9b 32%,#494d50 65%,#212324 88%);box-shadow:inset -15px -20px 23px #0007}.hero-planet:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(25deg,transparent 0 3px,#1314140d 4px 5px)}.floating-star{position:absolute;left:77%;top:12%;font-size:28px;color:var(--accent)}.visual-note{position:absolute;bottom:19px;left:31px;display:flex;gap:18px}.visual-label{font-size:7px;letter-spacing:1.5px;writing-mode:vertical-rl;transform:rotate(180deg);color:#757370}.visual-note>span:last-child{font:italic 12px/1.6 Georgia,serif;color:#aaa8a5}.visual-number{position:absolute;bottom:22px;right:15px;font-size:9px;letter-spacing:2px;color:#74726f}.prototype-note{display:flex;gap:12px;align-items:center;padding:13px 17px;border:1px solid #353739;border-radius:8px;background:#191a1b;margin:0 0 31px;font-size:11px;color:#918f8c}.prototype-note p{margin:0}.prototype-note b{font-weight:500;color:#bbbec0}.note-icon{display:grid;place-items:center;border:1px solid #62605d;border-radius:50%;width:17px;height:17px;flex-shrink:0;font:11px Georgia,serif;color:#b4b8bb}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:27px 0 20px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px;color:#7f7d7a}.filters{display:flex;gap:3px;padding:3px;border:1px solid #353739;background:#1c1e1f;border-radius:7px}.filters button{font-size:10px;padding:6px 14px;color:#a3a19e;border-radius:4px}.filters button.selected{background:var(--accent);color:#27292b}.catalog-meta{font-size:10px;color:#83817e;margin:-5px 0 18px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.show-card{min-width:0}.poster-button{display:block;position:relative;overflow:hidden;border-radius:10px;width:100%;padding:0;border:1px solid #ffffff12;isolation:isolate}.art{position:relative;width:100%;aspect-ratio:1.12;overflow:hidden;text-align:left;isolation:isolate}.art.violet{background:linear-gradient(130deg,#382e53,#191b30);color:#f0e8d9}.art.red{background:linear-gradient(125deg,#9c392e,#541e20 80%);color:#f3d3ac}.art.orange{background:linear-gradient(145deg,#d4ab67,#c57643);color:#323436}.art-grain{position:absolute;inset:0;z-index:6;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(/%23n)'/%3E%3C/svg%3E")}.art-kicker{position:absolute;top:18px;left:19px;font-size:6px;letter-spacing:2px;opacity:.55}.art-title{position:absolute;z-index:4;left:20px;bottom:33px;font-size:clamp(20px,2.15vw,35px);font-weight:300;letter-spacing:-1px;line-height:1.04}.art-title b{font-weight:800}.red .art-title{font-size:clamp(36px,4vw,64px);line-height:.83;letter-spacing:-2px;transform:rotate(-7deg);bottom:50px}.orange .art-title{font-size:clamp(26px,3vw,46px);font-weight:700;line-height:.9;letter-spacing:-2px}.art-bottom{position:absolute;bottom:12px;left:20px;font-size:6px;letter-spacing:2px;opacity:.7;z-index:5}.orbit{position:absolute;width:140px;height:60px;border:1px solid #cab9e894;border-radius:50%;right:6%;top:26%;transform:rotate(-25deg)}.o2{transform:rotate(45deg)}.o3{transform:rotate(105deg)}.nucleus{position:absolute;right:26%;top:36%;width:22px;height:22px;background:#dfddb7;border-radius:50%;box-shadow:0 0 30px #dfddb735}.formula{font-family:Georgia,serif;font-style:italic;position:absolute;opacity:.4}.f1{top:24%;left:12%;font-size:14px;transform:rotate(-12deg)}.f2{right:15%;bottom:18%;font-size:40px}.sun-disc{width:125px;height:125px;position:absolute;border-radius:50%;top:19%;right:10%;background:#e4ac7290}.red .sun-disc{background:#ca684780;width:140px;height:140px}.tower{position:absolute;bottom:0;background:#2b1c2290;width:27px;right:17%;height:49%}.t1{right:5%;height:32%}.t2{right:28%;height:37%}.t3{height:57%;width:25px;transform:skew(-6deg)}.poster-x{position:absolute;right:12%;top:9%;font-size:125px;line-height:1;font-weight:200;opacity:.22;transform:rotate(12deg)}.mountain{position:absolute;width:190px;height:190px;background:#5c5a57;transform:rotate(45deg);right:-20px;bottom:-90px}.m2{right:60px;bottom:-130px;background:#7d7b78}.dragon-orb{position:absolute;right:16%;top:28%;width:70px;height:70px;border-radius:50%;display:grid;place-content:center;line-height:1.1;letter-spacing:3px;text-align:center;background:radial-gradient(circle at 30% 25%,#fff2a2,#e99535 60%,#9e4c26);color:#a64e26;box-shadow:10px 12px 30px #6338173d;font-size:13px}.cloud{position:absolute;background:#eee2b869;right:7%;top:24%;width:90px;height:12px;border-radius:10px}.c2{right:30%;top:35%;width:50px;height:8px}.rating{position:absolute;right:12px;top:12px;border-radius:5px;background:#131415a6;padding:4px 8px;font-size:10px;color:#e1e2e3;z-index:8}.saved-badge{position:absolute;right:12px;bottom:12px;width:24px;height:24px;background:var(--accent);color:#232526;border-radius:50%;display:grid;place-items:center;z-index:8}.saved-badge svg{width:14px}.poster-hover{position:absolute;inset:0;background:#0002;display:grid;place-items:center;opacity:0;transition:opacity .2s;z-index:9}.poster-hover svg{width:44px;height:44px;background:var(--accent);border-radius:50%;padding:12px;color:#222426}.poster-button:hover .poster-hover,.poster-button:focus-visible .poster-hover{opacity:1}.card-meta{display:flex;justify-content:space-between;font-size:9px;color:#969491;margin:14px 0 7px}.card-meta i{font-style:normal;margin:0 5px;color:#676562}.card-meta>span:last-child{font-size:7px;letter-spacing:1.5px;color:#7e7c79}.card-title{display:block;text-align:left;font-size:17px;font-weight:550;letter-spacing:-.4px;padding:0;line-height:1.25}.card-title:hover{color:var(--accent)}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#858380;font-size:10px}.card-add{border:1px solid #44484b;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#b7babd}.card-add svg{width:14px}.mini-progress{height:3px;border-radius:3px;background:#35383a;margin-top:12px;overflow:hidden}.mini-progress i{display:block;background:var(--accent);height:100%}.continue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.continue-card{display:flex;align-items:center;gap:14px;border:1px solid #373a3c;background:#1c1e1f;border-radius:9px;padding:10px;text-align:left}.continue-art{width:65px;flex-shrink:0;border-radius:5px;overflow:hidden}.continue-art .art{aspect-ratio:.9}.compact .art-title{font-size:12px;left:7px;bottom:10px}.compact .art-kicker,.compact .art-bottom,.compact .formula{display:none}.compact .orbit{width:40px;height:20px}.compact .nucleus{width:8px;height:8px}.compact .sun-disc{width:40px;height:40px}.compact .dragon-orb{width:20px;height:20px;font-size:5px}.continue-card>div:nth-child(2){flex:1;min-width:0}.continue-card small{font-size:7px;letter-spacing:1px;color:#a5a3a0}.continue-card h3{margin:5px 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-card span{font-size:9px;color:#908e8b}.round-play{width:27px;height:27px;display:grid;place-items:center;border:1px solid #555350;border-radius:50%;margin:0 5px}.round-play svg{width:12px;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:7px;font-size:12px;font-weight:550;min-height:44px}.button svg{width:17px}.button.primary{background:var(--accent);color:#27292a}.button.primary:hover{background:#d2d4d6}.button.secondary{border:1px solid #4c5053;color:#bfc2c5;background:#222425}.button.small{padding:8px 12px;min-height:35px;font-size:10px}.button.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#a8acaf;padding:0}.text-button:hover{color:var(--accent)}.text-button svg{width:16px}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid #44474a;border-radius:7px;color:#b5b8bb}.back{margin:26px 0}.detail-head{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:center;margin-bottom:27px}.detail-poster .art{aspect-ratio:.83;border-radius:9px}.detail-poster .art-title{font-size:30px}.detail-poster .red .art-title{font-size:51px}.art-disclaimer{display:block;font-size:8px;color:#80858b;margin-top:6px;text-align:center}.detail-copy h1{font-size:37px;line-height:1.1;letter-spacing:-1.5px;font-weight:550;margin:15px 0 9px}.original-title{font-size:12px;color:#92908d}.detail-copy p{font-size:12px;color:#acaaa7;line-height:1.8;margin:19px 0;max-width:570px}.detail-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.in-library{display:flex;align-items:center;gap:6px;font-size:10px;color:#afb2b5}.in-library svg{width:14px}.source-summary{font-size:10px;color:#b6aa85;display:flex;gap:8px;margin-top:16px}.source-summary .status-dot{margin-top:4px}.watch-section{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;scroll-margin-top:20px}.watch-main .section-heading{margin-top:0}.watch-main h2{font-size:21px}.video-frame{background:#090909;border:1px solid #3a3d3f;border-radius:9px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.video-frame video{width:100%;height:100%;object-fit:contain}.video-placeholder{text-align:center;padding:16px}.large-play{width:58px;height:58px;border-radius:50%;border:1px solid #6e6c69;background:#2d3032;color:var(--accent);display:grid;place-items:center;margin:0 auto 15px}.large-play svg{width:21px}.video-placeholder h3{font-size:14px;margin-bottom:6px}.video-placeholder p{font-size:10px;color:#8e8c89;max-width:290px;margin:0 auto}.player-caption{display:flex;justify-content:space-between;gap:15px;padding:15px 0}.caption-label{font-size:7px;letter-spacing:1.5px;color:#b8bcbf}.player-caption p{font-size:10px;color:#92908d;margin:5px 0 0}.player-caption>span{color:#a8acaf;font-size:9px;white-space:nowrap;padding-top:3px}.source-panel{border:1px solid #404447;border-radius:8px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#1e1f20}.source-panel>div{display:flex;gap:12px;align-items:center}.source-panel svg{color:#a19f9c;width:18px}.source-panel b{font-size:11px;font-weight:500}.source-panel p{font-size:9px;margin:4px 0 0;color:#969491}.save-status{display:flex;gap:7px;align-items:center;color:#969491;font-size:9px;margin:15px 0}.save-status svg{width:13px}.episodes{align-self:start;border:1px solid #3b3e41;border-radius:9px;background:#191a1c;padding:17px 0}.episodes-head{padding:0 17px 13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393c3f}.episodes-head h3{font-size:15px;margin:0}.episodes-head span{font-size:9px;color:#b1afac}.episode-row{display:flex;align-items:center;padding:4px 9px;border-bottom:1px solid #303234;min-height:66px}.episode-row.current{background:#2a2c2d}.episode-choice{display:flex;align-items:center;gap:12px;text-align:left;flex:1;padding:9px 5px;min-width:0}.episode-no{font-size:12px;color:#989693;font-variant-numeric:tabular-nums}.episode-choice b{display:block;font-size:10px;font-weight:500;line-height:1.4}.episode-choice small{display:block;font-size:8px;color:#92908d;margin-top:4px}.episode-check{border:1px solid #575552;border-radius:50%;height:23px;width:23px;padding:3px;margin:0 5px;display:grid;place-items:center;color:#83817e;flex-shrink:0}.episode-check svg{width:12px;height:12px}.episode-check.done{background:var(--accent);color:#222425;border-color:var(--accent)}.episode-footnote{font-size:9px;color:#918f8c;padding:14px 16px 0;line-height:1.7;margin:0}.page-intro{padding:48px 0 22px}.page-intro h1{font:400 48px Georgia,serif;letter-spacing:-1px;margin:14px 0}.page-intro h1 span{color:var(--accent)}.page-intro p{font-size:12px;color:#9d9b98}.empty{text-align:center;padding:50px 20px;border:1px dashed #4f4d4a;border-radius:9px;grid-column:1/-1;margin-top:8px}.empty>svg{width:32px;height:32px;color:#9d9b98;margin-bottom:15px}.empty h3{font-size:20px;margin-bottom:10px}.empty p{font-size:12px;color:#9e9c99;max-width:440px;margin:0 auto 22px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:5px 0 25px}.stats-grid>div{border:1px solid #3f4245;border-radius:9px;padding:23px;background:#1f2122}.stats-grid span{font-size:10px;color:#afadaa}.stats-grid strong{display:block;font-size:44px;font-weight:450;color:#c8cacc;margin:12px 0 0}.stats-grid i{font-size:18px;font-style:normal}.stats-grid small{font-size:9px;color:#9a9895}.history-list{border:1px solid #3c3f41;border-radius:9px;padding:0 18px}.history-row{display:flex;align-items:center;gap:17px;width:100%;text-align:left;padding:18px 0;border-bottom:1px solid #3c3f41}.history-row:last-child{border-bottom:0}.history-row>span:nth-child(2){flex:1}.history-row b{display:block;font-size:12px;font-weight:500}.history-row small{font-size:9px;color:#a2a09d;display:block;margin-top:5px}.history-row time{font-size:10px;color:#918f8c}.history-row>svg{width:16px;color:#aeaca9}.history-icon{width:37px;height:42px;border-radius:5px;display:grid;place-items:center;background:#323436;color:var(--accent)}.history-icon.red{background:#482a27;color:#dba28e}.history-icon.violet{background:#34322f;color:#bbb9b6}.history-icon.orange{background:#483b28;color:#ddbd89}footer{margin-top:45px;padding:20px 0 27px;border-top:1px solid #2d2f31;display:flex;justify-content:space-between;gap:15px;color:#7e7c79;font-size:9px}footer>span:last-child{font-size:7px;letter-spacing:1.7px}.modal-overlay{position:fixed;inset:0;background:#060707c9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{position:relative;width:460px;max-width:100%;max-height:90dvh;overflow-y:auto;padding:34px;background:#1e2021;border:1px solid #54524f;border-radius:15px;box-shadow:0 30px 100px #0007}.modal-close{position:absolute;right:15px;top:15px;border:0}.modal>.eyebrow{font-size:8px;margin-bottom:15px}.modal h2{font-size:29px;margin-bottom:14px;letter-spacing:-.9px}.modal>p{font-size:12px;color:#adaba8;line-height:1.8;margin-bottom:24px}.modal label{display:block;font-size:11px;color:#bbbec1;margin-top:16px}.modal input{display:block;width:100%;border:1px solid #4e5255;border-radius:6px;padding:12px;margin-top:7px;font-size:12px;background:#151616;min-height:44px}.modal input:focus{border-color:var(--accent)}.form-error{color:#f2ad93;font-size:11px;margin:14px 0}.auth-switch{margin-top:18px;width:100%;justify-content:center;font-size:11px}.inline-note{font-size:10px;color:#aaaeb1;border:1px solid #45484b;background:#282a2b;padding:12px;border-radius:6px;line-height:1.7;margin-top:18px}.prepare-list>div{display:flex;gap:13px;align-items:center;padding:14px 0}.step-dot{width:27px;height:27px;display:grid;place-items:center;border:1px solid #797774;border-radius:50%;color:var(--accent);flex-shrink:0}.step-dot svg{width:15px}.step-dot.pending{border-style:dashed;animation:pulse 1s infinite alternate}.prepare-list b{display:block;font-size:12px;font-weight:500}.prepare-list small{display:block;font-size:10px;color:#9e9c99;margin-top:3px}#toast{position:fixed;bottom:28px;left:calc(50% + 112px);transform:translate(-50%,20px);background:var(--accent);color:#252728;padding:12px 20px;border-radius:8px;font-size:12px;box-shadow:0 10px 50px #0005;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(500px,90vw)}#toast.visible{opacity:1;transform:translate(-50%,0)}.boot{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;color:var(--accent);font-size:40px;font-weight:600;letter-spacing:-2px}.boot span,.boot p{font-size:13px;color:#a3a19e;letter-spacing:0;font-weight:400;margin-top:15px}.boot p{padding:0 25px;text-align:center}.boot .button{margin-top:15px;letter-spacing:0}@keyframes pulse{to{opacity:.4}}

@media(max-width:1150px){.sidebar{width:200px;padding-left:15px;padding-right:15px}.brand{font-size:20px}.brand-mark{font-size:30px}main{margin-left:200px;padding:0 28px}.hero{grid-template-columns:1.3fr 1fr}.hero h1{font-size:46px}.hero-visual{height:315px}.hero-orbit{width:225px;height:100px}.ho2{width:225px;height:115px}.ho3{width:235px;height:190px}.hero-planet{width:96px;height:96px;top:30%;left:33%}.visual-note{left:5px}.card-grid{gap:17px}.card-title{font-size:15px}.watch-section{grid-template-columns:minmax(0,1fr) 240px;gap:17px}.source-panel{flex-wrap:wrap}.detail-head{grid-template-columns:180px 1fr;gap:25px}.detail-copy h1{font-size:32px}.detail-poster .art-title{font-size:25px}#toast{left:calc(50% + 100px)}}
@media(max-width:900px){.sidebar{width:76px;padding:28px 12px}.brand{font-size:0;justify-content:center;gap:0}.brand-mark{font-size:36px;margin:0}.brand-dot,.side-label,.nav-item span,.nav-item small,.sync-note,.profile>span:nth-child(2),.profile>svg,.version{display:none}.sidebar nav{margin-top:50px}.nav-item{padding:13px;justify-content:center}.profile{justify-content:center;padding-bottom:8px}main{margin-left:76px;padding:0 25px}.hero h1{font-size:43px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-visual{height:300px}.hero-copy{padding:32px 0}.hero{min-height:390px}.watch-section{grid-template-columns:1fr}.episodes{margin-top:10px}.episode-row{min-height:62px}.episode-choice b{font-size:12px}.episode-choice small{font-size:9px}.source-panel{flex-wrap:nowrap}.detail-copy p{font-size:11px}.continue-grid{grid-template-columns:1fr}.stats-grid{gap:10px}.stats-grid>div{padding:17px}.stats-grid span{font-size:9px}#toast{left:calc(50% + 38px)}}
@media(max-width:620px){body{font-size:13px}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:calc(65px + env(safe-area-inset-bottom));padding:5px 13px calc(5px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid #343739;background:#151616f5;backdrop-filter:blur(15px);display:block}.sidebar .brand,.side-bottom{display:none}.sidebar nav{display:flex;margin:0;height:100%;gap:8px}.nav-item{margin:0;flex:1;display:flex;flex-direction:column;gap:4px;padding:7px 0;border-radius:7px;font-size:9px}.nav-item span{display:block}.nav-item svg{width:19px;height:19px}.nav-item small{display:none}.nav-item.active{background:#282a2b}main{margin:0;padding:0 20px 74px}.topbar{height:67px}.breadcrumb{font-size:10px;gap:8px}.breadcrumb>b{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-label{font-size:8px;padding:5px 7px;gap:5px}.mobile-profile{display:grid!important}.top-actions{gap:9px}.hero{display:block;min-height:0}.hero-copy{padding:31px 0 23px}.hero h1{font-size:47px;letter-spacing:-2px;margin:20px 0 17px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero p{font-size:12px;max-width:270px;margin-bottom:21px}.hero-visual{position:absolute;right:-12px;top:56px;width:135px;height:160px;opacity:.35;z-index:0;pointer-events:none}.hero-orbit{width:145px;height:65px}.ho2{width:135px;height:65px}.ho3{width:150px;height:120px}.hero-planet{width:57px;height:57px;left:30%;top:29%}.floating-star{font-size:18px;top:3%;left:69%}.visual-note,.visual-number{display:none}.search-box{max-width:none;padding-left:13px}.search-box input{font-size:16px}.search-hints{font-size:8px;gap:8px}.search-hints button{font-size:8px}.prototype-note{font-size:10px;padding:11px 12px;align-items:flex-start;margin-bottom:24px}.note-icon{margin-top:2px}.section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap;margin:22px 0 16px}.section-heading h2{font-size:24px}.section-heading .eyebrow{font-size:7px;margin-bottom:6px}.filters{align-self:flex-end}.filters button{padding:5px 9px;font-size:9px}.catalog-meta{font-size:9px;margin-bottom:14px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.art{aspect-ratio:.78}.art-title{left:13px;bottom:30px;font-size:21px;letter-spacing:-1px}.red .art-title{font-size:43px;bottom:44px;left:11px}.orange .art-title{font-size:30px;left:12px;bottom:37px}.art-kicker{font-size:4px;letter-spacing:1px;top:13px;left:12px}.art-bottom{font-size:4px;letter-spacing:.8px;left:12px;bottom:14px}.orbit{width:95px;height:40px;top:29%;right:5%}.nucleus{width:15px;height:15px;right:28%;top:35%}.f1{font-size:11px;top:18%}.f2{font-size:28px;bottom:18%}.sun-disc,.red .sun-disc{width:90px;height:90px;right:0;top:22%}.dragon-orb{width:55px;height:55px;right:10%;top:33%;font-size:10px}.card-meta{font-size:8px;margin:10px 0 6px;gap:3px}.card-meta>span:last-child{font-size:5px;letter-spacing:.8px}.card-title{font-size:14px;line-height:1.25;min-height:35px}.card-bottom{font-size:8px;margin-top:5px}.card-add{width:30px;height:30px;flex-shrink:0}.rating{top:9px;right:9px;padding:3px 6px;font-size:8px}.poster-hover{display:none}.saved-badge{width:21px;height:21px;bottom:9px;right:9px}.continue-card{gap:11px}.continue-card h3{font-size:12px}.continue-card small{font-size:7px}.continue-art{width:57px}.continue-card .mini-progress{margin-top:8px}.detail-head{grid-template-columns:100px 1fr;gap:17px;align-items:start}.detail-poster .art{aspect-ratio:.7}.detail-poster .art-title{font-size:15px;left:9px;bottom:22px}.detail-poster .red .art-title{font-size:29px}.detail-poster .art-kicker{font-size:3px;left:7px;top:7px}.detail-poster .art-bottom{font-size:3px;left:7px;bottom:8px}.detail-poster .orbit{width:60px;height:25px}.detail-poster .nucleus{width:9px;height:9px}.detail-poster .dragon-orb{width:30px;height:30px;font-size:6px}.detail-poster .sun-disc{width:60px;height:60px}.art-disclaimer{font-size:6px}.detail-copy h1{font-size:25px;margin:9px 0 7px;letter-spacing:-.8px}.detail-copy .eyebrow{font-size:7px;letter-spacing:1px}.original-title{font-size:10px}.detail-copy p{font-size:10px;line-height:1.7;margin:12px 0}.detail-actions{gap:10px}.detail-actions .button{font-size:10px;min-height:40px;padding:10px 12px}.detail-actions .button svg{width:14px}.in-library{font-size:8px}.source-summary{font-size:8px;margin-top:10px}.source-summary .status-dot{width:4px;height:4px}.back{font-size:10px;margin:21px 0}.watch-section{gap:10px}.video-placeholder h3{font-size:12px}.video-placeholder p{font-size:9px;max-width:240px}.large-play{height:42px;width:42px;margin-bottom:10px}.large-play svg{width:16px}.player-caption{padding:11px 0;gap:10px}.player-caption p{font-size:9px}.player-caption>span{font-size:8px}.source-panel{padding:12px;flex-wrap:wrap}.source-panel p{font-size:9px}.source-panel .button{margin-left:30px}.episodes-head h3{font-size:14px}.page-intro{padding:30px 0 10px}.page-intro h1{font-size:36px}.page-intro p{font-size:11px}.stats-grid{grid-template-columns:1fr;gap:10px}.stats-grid>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:17px}.stats-grid strong{grid-row:1/3;grid-column:2;font-size:34px;margin:0}.stats-grid small{font-size:9px}.stats-grid span{font-size:11px}.history-list{padding:0 12px}.history-row{gap:10px}.history-row b{font-size:11px}.history-row time{font-size:8px}.history-row>svg{display:none}.history-row small{font-size:8px}.history-icon{width:30px;height:37px}.empty{padding:35px 16px}.empty h3{font-size:18px}.empty p{font-size:11px}footer{margin-top:30px;font-size:8px;padding-bottom:20px;align-items:center}footer>span:last-child{font-size:6px;letter-spacing:.8px}#toast{left:50%;bottom:calc(85px + env(safe-area-inset-bottom));font-size:11px;width:max-content;max-width:90vw}.modal-overlay{padding:16px}.modal{padding:30px 23px;max-height:85dvh}.modal h2{font-size:26px}.modal input{font-size:16px}.modal>p{font-size:11px}.modal-close{right:9px;top:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.remote-art{position:relative;background:#202327;overflow:hidden}
.catalog-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.poster-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;color:#e9eaeb;font-size:18px;line-height:1.4}
.poster-placeholder small{font-size:10px;color:#a9a7a4;margin-top:10px}.poster-loaded .poster-placeholder{visibility:hidden}
.stream-panel{margin:24px 0;border-top:1px solid #2e3133;padding-top:4px}.stream-panel h2{font-size:24px}
.stream-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11px}
.stream-toolbar label{display:flex;gap:6px;align-items:center}.stream-toolbar input{accent-color:#bdc0c3}
.provider-status{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#a9a7a4;margin:14px 0}
.service-error{color:#e6a692}.stream-row{padding:16px 0;border-bottom:1px solid #2e3133;display:flex;gap:16px;align-items:center;justify-content:space-between}
.stream-row>div{min-width:0}.stream-row b{font-size:13px;overflow-wrap:anywhere}.stream-row small{display:block;font-size:10px;color:#a9a7a4;margin-top:5px}.stream-row p{font-size:11px;color:#b5b9bc;white-space:pre-line;overflow-wrap:anywhere;margin:8px 0}
.stream-row .button{flex-shrink:0;text-decoration:none}.stream-empty{padding:20px 0;color:#b7babd;font-size:12px}.stream-empty p{font-size:11px;line-height:1.7}
.unsupported-label{font-size:10px;color:#8d8b88;flex-shrink:0}
.provider-list{margin:22px 0}.provider-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #323436}
.provider-row>div{flex:1;min-width:0}.provider-row b{font-size:13px;overflow-wrap:anywhere}.provider-row small{display:block;font-size:10px;color:#a9a7a4;margin-top:5px;overflow-wrap:anywhere}
select{background:#1f2021;color:#e4e6e7;border:1px solid #3e4144;padding:8px;border-radius:7px;font:inherit;max-width:100%}
.episode-scroll{max-height:640px;overflow:auto}
#source-form input,#provider-form input{min-width:0}#audio-tracks{margin:10px 0;font-size:12px}
@media(max-width:620px){.top-actions .preview-label{display:none}.top-actions>.text-button{font-size:10px}.stream-row{flex-wrap:wrap;gap:10px}.stream-row>div{width:100%}.provider-row{flex-wrap:wrap}.provider-row .text-button{font-size:11px}.stream-toolbar{gap:10px;font-size:10px}.episode-scroll{max-height:400px}.poster-placeholder{font-size:13px}.poster-placeholder small{font-size:8px}}

.availability-badge{font-size:10px;color:#a4a8ab;margin:8px 0;line-height:1.5}.availability-badge.available{color:#bdc0c3}.availability-badge.missing{color:#b4aaa1}

.video-frame{position:relative}.video-frame video{width:100%;height:100%;object-fit:contain}.player-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1px solid #ffffff70;background:#15151bd9;color:white;cursor:pointer;box-shadow:0 5px 35px #0008}.player-start svg{width:32px;height:32px}.player-start.hidden{display:none}.player-start:focus-visible{outline:3px solid #c1bfbc;outline-offset:5px}



/* /interface.css */
/* Watchroom interface. Kept separate from playback/provider styles. */
:root{--bg:#101214;--text:#eeeff0;--muted:#a4a29f;--line:#ffffff12;--accent:#bdc0c3;--surface:#191c1f}
body{font-size:15px;background:radial-gradient(ellipse at 95% 0,#9b999607,transparent 45%),var(--bg);-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}
input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
main{margin-left:216px;padding:0 40px 12px}#content,.topbar,footer{max-width:1280px}
.sidebar{width:216px;padding:30px 18px 22px;background:#131618;border-color:var(--line)}
.brand{font-size:22px}.side-label{margin:48px 14px 16px;color:#8d8b88;font-size:10px;letter-spacing:1.8px}
.nav-item{min-height:48px;font-size:14px;color:#a4a8ab;border-radius:10px;margin-bottom:6px}.nav-item.active{background:#bdc0c312;color:#bdc0c3}.nav-item:hover{background:#ffffff09}.nav-item.active:hover{background:#bdc0c31b}
.nav-item small{font-size:11px}.sync-note{font-size:12px;color:#b0b3b6;padding:18px 6px}.sync-note small{font-size:11px;color:#918f8c;line-height:1.5}.profile{padding:20px 3px}.profile>span:nth-child(2){font-size:12px}.profile small{font-size:10px;color:#9a9895}.version{color:#858380;font-size:9px}.avatar{width:38px;height:38px}
.topbar{height:72px;border-color:var(--line)}.breadcrumb{font-size:12px;color:#94928f}.breadcrumb b{color:#cfd1d3}.preview-label{font-size:10px;border-color:#ffffff19;color:#a6aaad;padding:5px 10px}
.hero{min-height:0;grid-template-columns:minmax(0,1fr) 235px;gap:24px;margin:26px 0 30px;padding:28px 32px;border:1px solid #bdc0c318;border-radius:20px;background:linear-gradient(115deg,#212325 0%,#1a1c1d 58%,#171b1d);overflow:hidden}
.hero-copy{padding:0}.hero .eyebrow{font-size:10px;letter-spacing:1.6px;color:#a8acaf}.tiny-star{font-size:18px}
.hero h1{font:400 clamp(30px,2.8vw,44px)/1.15 Georgia,serif;letter-spacing:-1.5px;margin:14px 0 10px}.hero h1 em{white-space:nowrap}.hero p{font-size:14px;color:#b0aeab;margin:0 0 21px;line-height:1.5}
.search-box{max-width:650px;min-height:52px;border:1px solid #ffffff24;border-radius:11px;padding:6px 6px 6px 15px;background:#111213a6;box-shadow:none;gap:11px}.search-box input{font-size:14px;height:36px}.search-box input::placeholder{color:#a3a19e}.search-box>button{width:40px;height:40px;border-radius:7px}.search-box:focus-within{box-shadow:0 0 0 3px #bdc0c315;border-color:#aaa8a5}.search-hints{font-size:11px;margin-top:10px;gap:8px;color:#a2a09d}.search-hints button{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:3px 9px;border:1px solid #ffffff12;border-radius:20px;font-size:11px;color:#bbbec1;background:#ffffff04}.search-hints button svg{width:12px;height:12px}.search-hints button:hover{border-color:#a3a19e66;background:#bdc0c310}
.hero-visual{height:220px;opacity:.8;position:relative;right:auto;top:auto;width:auto}.hero-planet{width:104px;height:104px;left:29%;top:25%;box-shadow:inset -16px -18px 26px #0009,0 0 60px #a7abae12}.hero-orbit{width:235px;height:90px;top:49%;border-color:#a09e9b44}.ho2{width:220px;height:104px}.ho3{width:218px;height:190px;border-color:#a09e9b22}.floating-star{font-size:25px;top:8%;left:80%}.visual-number{bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#a5a9ac}.visual-note{display:none}
.section-heading{margin:26px 0 17px;gap:18px;align-items:center}.section-heading h2{font-size:25px;font-weight:600;letter-spacing:-.7px}.section-heading .eyebrow{font-size:9px;color:#9d9b98;letter-spacing:1.8px;margin-bottom:6px}.section-count{display:inline-grid;place-items:center;vertical-align:middle;min-width:28px;height:28px;margin-left:6px;padding:0 7px;border:1px solid #ffffff15;border-radius:8px;font:12px 'Segoe UI',sans-serif;color:#b2b5b8}.text-button{font-size:12px;min-height:40px}.catalog-meta{font-size:12px;color:#9d9b98;line-height:1.55;margin:0 0 18px}.filters{background:#1c1d1e;border:1px solid #ffffff12;border-radius:10px;padding:4px;gap:3px}.filters button{min-height:35px;padding:7px 15px;font-size:12px;border-radius:7px;color:#b2b0ad}.filters button:not(.selected):hover{background:#ffffff09}.filters button.selected{background:#bdc0c3;color:#1f2122;font-weight:600}
.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.show-card{position:relative;min-width:0}.poster-button{border-radius:12px;border-color:#ffffff12;transition:transform .2s,border-color .2s,box-shadow .2s}.poster-button .art{aspect-ratio:2/3}.catalog-poster{object-position:center;transition:transform .3s}.poster-button:hover{transform:translateY(-4px);border-color:#bdc0c35c;box-shadow:0 14px 25px #0004}.poster-button:hover .catalog-poster{transform:scale(1.035)}.poster-hover{background:linear-gradient(transparent,#0008);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.poster-hover svg{width:48px;height:48px;padding:14px}.poster-hover>span{font-size:12px;color:#eeefef;font-weight:600}.poster-placeholder{background:radial-gradient(ellipse at 50% 15%,#323436,#211f1c 80%);font-size:16px;color:#cdcfd1;padding:16px}.poster-placeholder small{font-size:11px;color:#aaa8a5}.rating{top:10px;right:10px;font-size:11px;padding:4px 7px;backdrop-filter:blur(12px);background:#13110ecc;border:1px solid #ffffff20;border-radius:6px}.saved-badge{background:#bdc0c3;width:28px;height:28px}
.card-meta{font-size:11px;color:#a09e9b;margin:12px 0 7px;align-items:center;gap:6px}.card-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta>span:last-child{font-size:9px;letter-spacing:.7px;color:#a4a8ab;flex-shrink:0}.card-title{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}.card-bottom{font-size:11px;color:#969491;gap:8px;margin-top:4px;min-height:38px}.card-bottom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-add{width:38px;height:38px;flex-shrink:0;border-color:#ffffff20;background:#1e1f20}.card-add:hover{background:#bdc0c3;color:#262829;border-color:#bdc0c3}.card-add svg{width:16px;height:16px}.availability-badge{font-size:10px;line-height:1.5;margin:5px 0 0;color:#9b9996}.availability-badge.available{display:inline-flex;align-items:center;gap:6px;color:#b7bbbe}.availability-badge.available:before{content:'';width:5px;height:5px;border-radius:50%;background:#b1afac}.mini-progress{background:#ffffff12;height:3px;margin-top:10px}
.continue-section{margin-bottom:30px}.continue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.continue-card{padding:12px;border-radius:12px;background:linear-gradient(120deg,#202224,#1a1b1c);border-color:#bdc0c322;gap:12px;transition:border-color .2s,background .2s}.continue-card:hover{border-color:#bdc0c370;background:#252729}.continue-art{width:58px;border-radius:7px}.continue-art .art{aspect-ratio:2/3}.continue-card small{font-size:10px;letter-spacing:0;color:#afadaa}.continue-card h3{font-size:14px;font-weight:600;margin:5px 0 4px}.continue-card span{font-size:11px;color:#a6a4a1}.continue-card .round-play{width:32px;height:32px;flex-shrink:0;margin:0;border-color:#bdc0c340}.round-play svg{width:14px;height:14px}
.page-intro{padding:34px 0 12px}.page-intro h1{font:400 42px/1.15 Georgia,serif;margin:12px 0 13px}.page-intro p{font-size:14px;color:#a7a5a2}.empty{padding:46px 24px;border:1px dashed #bdc0c330;border-radius:16px;background:#ffffff02}.empty p{font-size:14px;color:#a7a5a2;line-height:1.7}.empty h3{font-size:22px}.button{border-radius:9px;min-height:44px;font-size:13px}.button.small{min-height:40px;font-size:12px}.button.secondary{background:#222425;border-color:#ffffff24;color:#c3c6c9}.button.secondary:hover{border-color:#bdc0c359;background:#2a2c2d}
.back{margin:18px 0;min-height:40px}.detail-head{grid-template-columns:120px minmax(0,1fr);gap:25px;align-items:start;margin-bottom:28px}.detail-poster .art{aspect-ratio:2/3;border-radius:10px}.art-disclaimer{font-size:9px;line-height:1.5;color:#909499}.detail-copy h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:10px 0 6px}.detail-copy .eyebrow{font-size:10px}.original-title{font-size:13px;color:#a19f9c}.detail-copy p{font-size:13px;line-height:1.75;max-width:800px;margin:12px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#acb0b3}.in-library{font-size:12px}.source-summary{font-size:11px;color:#a5a9ac;margin-top:10px}.watch-section{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.watch-main{min-width:0}.watch-main h2{font-size:22px}.video-frame{border-color:#ffffff1a;border-radius:13px;box-shadow:0 12px 30px #0003;background:#080a0c}.player-start{width:68px;height:68px;background:#c5c8caeb;color:#1f2122;border-color:#e5e6e7;box-shadow:0 4px 40px #0008}.player-start svg{width:28px;height:28px}.player-start:focus-visible{outline-color:var(--accent)}.player-caption{gap:12px}.caption-label{font-size:9px}.player-caption p,.player-caption>span{font-size:11px;line-height:1.5}.save-status{font-size:11px;color:#a7a5a2;line-height:1.6}
.episodes{background:#1a1c1d;border-color:#ffffff18;border-radius:13px;padding:18px 0}.episodes-head{border-color:#ffffff12;padding:0 16px 15px;gap:12px}.episodes-head h3{font-size:16px}.episodes-head select{font-size:12px;min-height:40px}.episode-row{border-color:#ffffff0a;min-height:70px;padding:4px 7px}.episode-row.current{background:#bdc0c313;border-left:2px solid #bdc0c3;padding-left:5px}.episode-choice{gap:10px;min-height:58px}.episode-choice b{font-size:12px;line-height:1.45}.episode-choice small{font-size:10px;color:#a09e9b}.episode-no{font-size:12px}.episode-check{width:36px;height:36px;margin:0 3px;border-color:#ffffff24}.episode-footnote{font-size:11px;line-height:1.65;color:#9e9c99;padding:14px 16px 0}.episode-scroll{max-height:540px;scrollbar-width:thin;scrollbar-color:#53514e transparent}
.stream-panel{border-color:#ffffff12}.stream-panel h2{font-size:22px}.stream-toolbar{font-size:12px;gap:18px}.stream-toolbar label{min-height:40px;cursor:pointer}.stream-toolbar input{width:16px;height:16px}.provider-status{font-size:11px}.stream-row{border-color:#ffffff12}.stream-row b{font-size:14px}.stream-row p,.stream-row small{font-size:12px}.stream-empty,.stream-empty p{font-size:13px}.stats-grid>div{background:#1d1e1f;border-color:#ffffff18;border-radius:13px}.stats-grid span{font-size:12px}.stats-grid small{font-size:11px}.stats-grid strong{font-size:40px}.history-list{border-color:#ffffff18;border-radius:13px}.history-row{border-color:#ffffff12;min-height:80px}.history-row b{font-size:14px}.history-row small,.history-row time{font-size:12px}.prototype-note{font-size:12px;line-height:1.6;background:#1d1e1f;border-color:#bdc0c322}.modal{background:#1f2021;border-color:#ffffff24;border-radius:18px}.modal label{font-size:13px}.modal>p{font-size:14px}.modal input{font-size:16px;min-height:46px}.modal-close,.icon-button{width:40px;height:40px}footer{font-size:11px;color:#999794;border-color:#ffffff12;margin-top:42px}footer>span:last-child{font-size:10px;letter-spacing:.5px}
@media(min-width:1600px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){main{padding:0 28px 12px}.hero{grid-template-columns:minmax(0,1fr) 165px;padding:25px}.hero-visual{height:195px}.hero-orbit{width:195px}.ho3{width:180px;height:170px}.hero-planet{width:85px;height:85px;left:25%;top:28%}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card:last-child:nth-child(3){grid-column:1/-1}.watch-section{grid-template-columns:minmax(0,1fr) 250px;gap:18px}}
@media(max-width:1000px){.sidebar{width:80px;padding:25px 12px}.brand{font-size:0;justify-content:center;gap:0}.brand-mark{font-size:36px;margin:0}.brand-dot,.side-label,.nav-item span,.nav-item small,.sync-note,.profile>span:nth-child(2),.profile>svg,.version{display:none}.sidebar nav{margin-top:45px}.nav-item{padding:13px;justify-content:center}.profile{justify-content:center}main{margin-left:80px}.watch-section{grid-template-columns:1fr}.episodes{margin-top:4px}.episode-scroll{max-height:360px}.detail-copy h1{font-size:30px}#toast{left:calc(50% + 40px)}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:25px}.hero-visual{display:none}.hero h1{font-size:36px}.card-grid{gap:24px 15px}.card-title{font-size:15px}.continue-grid{grid-template-columns:1fr}.continue-card:last-child:nth-child(3){grid-column:auto}.section-heading h2{font-size:23px}.card-meta>span:last-child{display:none}.search-hints button{min-height:36px}.detail-head{grid-template-columns:105px minmax(0,1fr);gap:20px}}
@media(max-width:620px){main{margin:0;padding:0 18px calc(90px + env(safe-area-inset-bottom))}.sidebar{inset:auto 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:4px 12px calc(4px + env(safe-area-inset-bottom));background:#151616f2;border-top:1px solid #ffffff1a;backdrop-filter:blur(20px)}.sidebar .brand,.side-bottom{display:none}.sidebar nav{margin:0;display:flex;gap:6px}.nav-item{min-height:54px;padding:7px 0;flex-direction:column;gap:3px;font-size:11px;margin:0}.nav-item span{display:block}.nav-item svg{width:20px;height:20px}.nav-item.active{background:#bdc0c312}.topbar{height:62px}.breadcrumb{font-size:11px;gap:8px}.breadcrumb b{max-width:150px}.mobile-profile{display:grid!important}.hero{margin:18px 0 25px;padding:23px 19px;border-radius:16px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;gap:7px}.hero h1{font-size:34px;letter-spacing:-1.1px;margin:14px 0 10px}.hero p{font-size:13px;max-width:none;margin-bottom:18px}.search-box{min-height:52px;gap:8px;padding-left:11px}.search-box input{font-size:16px;width:100%}.search-box>svg{width:17px}.search-box>button{width:38px}.search-hints{gap:6px;margin-top:10px}.search-hints>span{display:none}.search-hints button{font-size:10px;min-height:36px;padding:3px 9px}.search-hints button svg{width:10px}.section-heading{margin:23px 0 15px;gap:12px;align-items:center}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:5px}.text-button{font-size:12px;min-height:44px}.continue-section .section-heading{align-items:start}.continue-section .section-heading>.text-button{font-size:11px;min-height:30px}.filters{padding:3px}.filters button{font-size:12px;min-height:38px;padding:7px 13px}.catalog-meta{font-size:11px;line-height:1.6;margin-bottom:16px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.poster-button{border-radius:10px}.poster-hover{display:none}.poster-button:hover{transform:none}.card-meta{font-size:10px;line-height:1.5;margin-top:10px}.card-title{font-size:14px;line-height:1.45;min-height:0;letter-spacing:0}.card-bottom{font-size:10px;min-height:44px;gap:4px}.card-add{width:44px;height:44px}.card-add svg{width:17px;height:17px}.rating{font-size:10px;top:8px;right:8px;padding:3px 6px}.availability-badge{font-size:10px;margin-top:3px;overflow-wrap:anywhere}.poster-placeholder{font-size:14px;padding:12px}.poster-placeholder small{font-size:10px}.continue-card{padding:12px;gap:12px}.continue-art{width:56px}.continue-card h3{font-size:14px}.continue-card small{font-size:10px}.continue-card span{font-size:11px}.continue-card .round-play{width:36px;height:36px}.detail-head{grid-template-columns:85px minmax(0,1fr);gap:16px;margin-bottom:23px}.detail-copy h1{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:8px 0 6px}.detail-copy .eyebrow{font-size:9px;letter-spacing:.7px}.original-title{font-size:11px}.detail-copy p{font-size:12px;line-height:1.65;margin:10px 0;-webkit-line-clamp:3}.art-disclaimer{font-size:8px}.source-summary{font-size:10px;line-height:1.5}.in-library{font-size:11px}.detail-actions .button{font-size:12px;min-height:44px}.back{font-size:12px;margin:12px 0;min-height:44px}.watch-main h2{font-size:20px}.watch-section{gap:15px}.video-frame{border-radius:10px}.player-start{width:56px;height:56px}.player-start svg{width:24px;height:24px}.player-caption{flex-wrap:wrap;gap:6px}.player-caption p,.player-caption>span{font-size:11px}.save-status{font-size:11px}.stream-panel h2{font-size:21px}.stream-row .button{min-height:44px}.stream-toolbar{font-size:12px;gap:12px}.episodes-head h3{font-size:16px}.episode-choice b{font-size:13px}.episode-choice small{font-size:11px}.episode-check{width:44px;height:44px}.episode-scroll{max-height:350px}.episode-footnote{font-size:11px}.page-intro{padding:27px 0 8px}.page-intro h1{font-size:34px}.page-intro p{font-size:13px}.stats-grid span{font-size:12px}.stats-grid small{font-size:11px}.stats-grid strong{font-size:32px}.history-row b{font-size:13px}.history-row small,.history-row time{font-size:11px}.history-row>span:nth-child(2){min-width:0}.history-row time{flex-shrink:0}.empty{padding:34px 20px}.empty h3{font-size:21px}.empty p{font-size:13px}.modal{padding:30px 23px}.modal>p{font-size:13px}.modal-close{width:40px;height:40px}.prototype-note{font-size:11px}footer{align-items:flex-start;font-size:10px;gap:15px;line-height:1.6;margin-top:32px}footer>span:last-child{font-size:9px;letter-spacing:0;white-space:nowrap}#toast{left:50%;font-size:12px;bottom:calc(85px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.player-recovery{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;text-align:center;background:#100e0be8}.player-recovery p{margin:0;color:var(--text);font-size:clamp(16px,2.2vw,22px)}.player-recovery .button{min-height:46px}.recovery-spinner{width:25px;height:25px;border:2px solid #ffffff22;border-top-color:var(--accent);border-radius:50%;animation:recovery-spin .8s linear infinite}@keyframes recovery-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.recovery-spinner{animation:none}}


/* /account.css */
/* Account, preferences and statistics. */
:root{--accent-soft:#bdc0c315;--ring-secondary:#898784;--accent-ink:#1f2122}
:root[data-accent=lavender]{--accent:#c8b7f3;--accent-soft:#c8b7f315;--ring-secondary:#8e82ac;--accent-ink:#2d2340}
:root[data-accent=sky]{--accent:#a1d6ec;--accent-soft:#a1d6ec15;--ring-secondary:#658eaa;--accent-ink:#193440}
:root[data-accent] .nav-item.active,:root[data-accent] .episode-row.current{background:var(--accent-soft);color:var(--accent)}
:root[data-accent] .hero h1 em,:root[data-accent] .brand-mark,:root[data-accent] .availability-badge.available,:root[data-accent] .floating-star{color:var(--accent)}
:root[data-accent] .filters button.selected,:root[data-accent] .saved-badge,:root[data-accent] .player-start,:root[data-accent] .card-add:hover{background:var(--accent);color:var(--accent-ink)}
:root[data-accent] .button.primary{background:var(--accent);color:var(--accent-ink)}
:root[data-accent] .button.primary:hover{filter:brightness(1.07)}
:root[data-accent] input{accent-color:var(--accent)}
:root[data-motion=reduced] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-density=compact] .card-grid{gap:22px 14px}
:root[data-density=compact] .poster-button .art{aspect-ratio:3/4}
@media(min-width:1100px){:root[data-density=compact] .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1600px){:root[data-density=compact] .card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:621px) and (max-width:1099px){:root[data-density=compact] .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start;margin-top:22px}.account-main,.account-aside{display:grid;gap:22px;min-width:0}
.settings-card{padding:27px;border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(135deg,#1f2021,#191d1d);min-width:0}
.settings-heading{margin-bottom:23px}.settings-heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#a3a7aa;margin-bottom:10px}.settings-heading h2{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:0 0 9px}.settings-heading p{font-size:13px;color:#a5a9ac;line-height:1.7;margin:0}.settings-heading b{color:#ced0d2;font-weight:500}.settings-divider{padding-top:25px;margin-top:29px;border-top:1px solid #ffffff10}
.setting-field{display:flex;flex-direction:column;gap:10px;margin:0 0 22px;min-width:0}.setting-label{font-size:13px;color:#d4d6d8}.setting-field>small{font-size:11px;color:#a3a19e;line-height:1.6}.setting-field input,.setting-field select{border:1px solid #ffffff20;background:#141415;border-radius:9px;min-height:46px;padding:11px 13px;width:100%;font-size:14px;color:var(--text)}.setting-field input:focus{border-color:var(--accent)}.setting-field input::placeholder{color:#8d8b88}.settings-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.avatar-picker,.accent-picker{padding:0;border:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}.avatar-option,.accent-option{position:relative;cursor:pointer}.avatar-option input,.accent-option input{position:absolute;opacity:0;width:1px;height:1px}.avatar-option>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff19;background:#242627;border-radius:13px;font-size:25px;color:#b9bcbf}.avatar-option input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.avatar-option input:focus-visible+span,.accent-option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.accent-option>span{min-height:44px;padding:10px 13px;border:1px solid #ffffff19;border-radius:9px;display:flex;gap:8px;align-items:center;font-size:12px;color:#b4b7ba}.accent-option input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.accent-dot{width:14px;height:14px;border-radius:50%}.accent-dot.lime{background:#bdc0c3}.accent-dot.lavender{background:#c8b7f3}.accent-dot.sky{background:#a1d6ec}
.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0 23px}.setting-toggle b{display:block;font-size:13px;font-weight:500}.setting-toggle small{display:block;font-size:11px;color:#a8a6a3;line-height:1.6;margin-top:5px}.setting-toggle input{width:23px;height:23px;flex-shrink:0;cursor:pointer}.setting-checkbox{display:flex;gap:10px;align-items:center;font-size:12px;color:#b4b7ba;min-height:44px}.setting-checkbox input{width:18px;height:18px;flex-shrink:0;cursor:pointer}.settings-save{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #ffffff12}.settings-save p{font-size:12px;color:#a4a8ab;line-height:1.6;margin:0}.settings-save .button{flex-shrink:0}.settings-save .save-error{color:#f0b3a6}.account-notice{color:#efb8a0;background:#a3671610;padding:17px;border:1px solid #c59b6d40;border-radius:10px;font-size:13px}
.profile-summary{text-align:center;padding:30px 22px}.profile-portrait{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 19px;font-size:42px;border-radius:25px;background:var(--accent-soft);border:1px solid #ffffff19;color:var(--accent)}.account-badge{font-size:8px;letter-spacing:1.7px;color:#aba9a6}.profile-summary h2{font-size:24px;letter-spacing:-.4px;margin:10px 0 7px;overflow-wrap:anywhere}.profile-summary>p{font-size:12px;color:#a4a29f;line-height:1.7;margin-bottom:23px;overflow-wrap:anywhere}.profile-numbers{display:grid;grid-template-columns:1fr 1fr;margin:0 0 24px;padding:19px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;gap:8px}.profile-numbers>div+div{border-left:1px solid #ffffff12}.profile-numbers b{display:block;font-size:26px;color:var(--accent);font-weight:500}.profile-numbers small{font-size:10px;color:#a8a6a3}.account-data h2{font-size:19px;letter-spacing:-.3px}.account-data p{font-size:12px;line-height:1.8;color:#a4a8ab;margin:13px 0 20px}.account-data>small{display:block;font-size:10px;line-height:1.6;color:#999794;margin-top:13px}.account-logout{color:#e8bcb0;border:1px solid #d09c8825;background:#b9694310}.account-logout:hover{background:#b9694320}
.account-callout{display:flex;gap:16px;padding:24px;border:1px solid #bdc0c330;border-radius:16px;background:var(--accent-soft)}.account-callout h2{font-size:22px;margin-bottom:10px}.account-callout p{font-size:13px;line-height:1.7;color:#b8bbbe;margin-bottom:18px}.account-callout-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#ffffff08;border-radius:12px;color:var(--accent)}.account-actions{display:flex;gap:10px;flex-wrap:wrap}
.account-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 23px}.account-stats>div{padding:23px}.account-stats strong{color:var(--accent);font-size:42px}.account-stats small{display:block;line-height:1.5}.statistics-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:24px}.statistics-grid .settings-heading{margin-bottom:14px}.statistics-grid .settings-heading h2{font-size:22px}.activity-chart{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:7px;margin-top:22px}.activity-day{padding:0;min-width:0;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:9px}.activity-count{font-size:10px;color:#aeaca9;line-height:1.4}.activity-track{height:96px;width:100%;position:relative;background:#ffffff04;border-bottom:1px solid #ffffff1c;border-radius:5px 5px 0 0;overflow:hidden;display:flex;align-items:flex-end}.activity-track i{display:block;width:100%;background:var(--accent);opacity:.55;border-radius:4px 4px 0 0;min-height:2px}.activity-day:hover .activity-track i,.activity-day.selected .activity-track i{opacity:1}.activity-day.selected{background:var(--accent-soft);outline:1px solid var(--accent)}.activity-label{font-size:10px;color:#a6aaad;padding-bottom:4px}.statistics-note{font-size:11px;color:#9f9d9a;line-height:1.7;margin:18px 0 0}.distribution-body{display:flex;gap:23px;align-items:center;justify-content:center;padding:10px 0}.collection-ring{width:122px;height:122px;border-radius:50%;padding:10px;flex-shrink:0}.collection-ring>span{width:100%;height:100%;background:#1d1e1f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.collection-ring b{font-size:31px;font-weight:500}.collection-ring small{font-size:10px;color:#a4a8ab}.distribution-legend{display:flex;flex-direction:column;gap:15px;flex:1;min-width:0}.distribution-legend>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#b0b3b6;white-space:nowrap}.distribution-legend b{margin-left:auto;font-size:13px;font-weight:500;color:var(--text)}.distribution-legend i{width:7px;height:7px;border-radius:50%;background:#54585b;flex-shrink:0}.distribution-legend .legend-finished{background:var(--accent)}.distribution-legend .legend-watching{background:var(--ring-secondary)}
.title-progress{margin-bottom:27px}.title-progress-row{width:100%;display:flex;gap:20px;align-items:center;min-height:74px;border-top:1px solid #ffffff0e;text-align:left;padding:13px 0}.title-progress-name{font-size:13px;width:42%;overflow-wrap:anywhere}.title-progress-name small{display:block;font-size:11px;color:#a3a19e;margin-top:6px}.title-progress-track{height:5px;background:#ffffff10;border-radius:5px;flex:1;overflow:hidden}.title-progress-track i{display:block;background:var(--accent);height:100%}.title-progress-percent{font-size:12px;color:var(--accent);min-width:36px;text-align:right}.title-progress-row>svg{width:16px;color:#abafb2}.history-day-label{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--accent-soft);border-radius:10px;font-size:13px;color:#c3c5c8;margin-bottom:14px}.history-more{display:flex;margin:20px auto 0}.statistics-history .history-row time{white-space:nowrap}
@media(max-width:1200px){.account-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.settings-card{padding:23px}.settings-two{grid-template-columns:1fr;gap:0}.statistics-grid{grid-template-columns:1fr}.distribution-body{justify-content:flex-start;max-width:420px}.account-stats{gap:12px}.account-stats>div{padding:19px}.settings-save{align-items:flex-start;flex-direction:column}.settings-save .button{align-self:flex-end}.avatar-picker{gap:8px}.avatar-option>span{width:46px;height:46px}}
@media(max-width:760px){.account-layout{grid-template-columns:1fr}.account-aside{grid-template-columns:1fr 1fr;align-items:start}.account-logout{grid-column:1/-1}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stats>div{display:block}.account-stats strong{margin-top:12px}.settings-two{grid-template-columns:1fr 1fr;gap:18px}.statistics-history .section-heading{flex-wrap:wrap}}
@media(max-width:620px){.account-layout{margin-top:15px;gap:20px}.settings-card{padding:22px 18px;border-radius:14px}.settings-heading h2{font-size:22px}.settings-heading p{font-size:12px}.settings-heading .eyebrow{font-size:8px}.settings-two{grid-template-columns:1fr;gap:0}.setting-field{margin-bottom:21px}.setting-field input,.setting-field select{font-size:16px;min-height:48px}.avatar-picker{gap:7px}.avatar-option>span{width:42px;height:44px;border-radius:10px;font-size:23px}.accent-picker{gap:7px}.accent-option>span{padding:10px;font-size:11px;gap:6px}.settings-save{gap:14px}.settings-save .button{width:100%;min-height:46px}.setting-toggle small{font-size:11px}.setting-checkbox{font-size:12px;line-height:1.6}.account-aside{grid-template-columns:1fr}.profile-summary{padding:27px 22px}.account-callout{padding:21px 17px;gap:12px}.account-callout-icon{display:none}.account-callout h2{font-size:22px}.account-callout p{font-size:12px}.account-actions .button{font-size:12px;padding:12px 15px}.account-stats{gap:11px;margin:17px 0 19px}.account-stats>div{padding:17px 15px}.account-stats span{font-size:11px}.account-stats strong{font-size:35px;margin-top:10px}.account-stats small{font-size:10px}.statistics-grid{gap:18px;margin-bottom:20px}.statistics-grid .settings-heading h2{font-size:22px}.activity-chart{gap:5px;margin-top:20px}.activity-track{height:86px}.activity-count,.activity-label{font-size:9px}.statistics-note{font-size:10px}.distribution-body{gap:25px;padding:6px 0}.collection-ring{width:116px;height:116px}.distribution-legend>span{font-size:11px;gap:6px}.title-progress-row{flex-wrap:wrap;gap:10px;padding:15px 0}.title-progress-name{width:100%;font-size:13px}.title-progress-track{flex:1}.title-progress-percent{font-size:11px}.title-progress-name small{font-size:10px}.history-day-label{flex-direction:column;align-items:flex-start;gap:4px;font-size:12px}.statistics-history .filters{max-width:100%}.statistics-history .filters button{font-size:11px;padding:7px 11px}.statistics-history .history-row{gap:9px}.statistics-history .history-row small{font-size:10px}.statistics-history .history-row b{font-size:12px}.statistics-history .history-row time{font-size:10px}}
@media(max-width:360px){.avatar-picker{gap:6px}.avatar-option>span{width:36px;height:44px}.accent-option>span{padding:9px 7px;font-size:10px}.accent-dot{width:11px;height:11px}.distribution-body{gap:14px}.collection-ring{width:96px;height:96px}.distribution-legend>span{font-size:10px}.activity-chart{gap:3px}}


/* /library.css */
/* Graphite palette and the personal library. */
:root,:root[data-accent=sky],:root[data-accent=lime]{--bg:#111318;--surface:#1a1e25;--text:#ecedf1;--muted:#9ba3b2;--line:#ffffff12;--accent:#adc2e7;--accent-soft:#adc2e714;--accent-ink:#1a263b;--ring-secondary:#6c83a5;--ring-paused:#9c8dad;--ring-empty:#343b47}
:root[data-accent=lavender]{--bg:#111318;--surface:#1a1e25;--text:#ecedf1;--muted:#9ba3b2;--line:#ffffff12;--accent:#c6b7e8;--accent-soft:#c6b7e814;--accent-ink:#2b233d;--ring-secondary:#8e80aa;--ring-paused:#8394b3;--ring-empty:#343b47}
:root[data-accent=neutral]{--bg:#111318;--surface:#1a1e25;--text:#ecedf1;--muted:#9ba3b2;--line:#ffffff12;--accent:#c4c9d3;--accent-soft:#c4c9d312;--accent-ink:#232730;--ring-secondary:#858d9c;--ring-paused:#656f80;--ring-empty:#343b47}
body{background:radial-gradient(ellipse at 90% 0,#9c9a9706,transparent 45%),var(--bg);color:var(--text)}.sidebar{background:#191714;border-color:var(--line)}
.hero{background:linear-gradient(110deg,#2a2825,#201e1b 65%,#1e1c19);border-color:#ffffff0d}.hero p,.hero .eyebrow,.search-hints,.search-hints button{color:#b5b3b0}.hero-orbit{border-color:#c6c4c130}.ho3{border-color:#c6c4c119}.hero-planet{background:radial-gradient(circle at 30% 25%,#dfddda,#9c9a97 35%,#504e4b 65%,#282623 88%);box-shadow:inset -16px -18px 26px #0009,0 0 60px #c6c4c112}.hero-planet:after{background:repeating-linear-gradient(25deg,transparent 0 3px,#1d1b180c 4px 5px)}.visual-number{color:#9b9996}.hero-visual:before{background:radial-gradient(ellipse,#c6c4c10b,transparent 65%)}
.search-box{background:#171512c9;border-color:#ffffff20}.search-box input::placeholder{color:#999794}.search-box>svg{color:#b4b2af}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-hints button:hover{border-color:var(--accent);background:var(--accent-soft)}
.nav-item,.profile small,.breadcrumb,.catalog-meta,.page-intro p,.original-title,.detail-copy p,.episode-footnote,.episode-choice small,.source-summary,.card-meta,.card-bottom,.availability-badge,.settings-heading p,.setting-field>small,.setting-toggle small,.profile-summary>p,.account-data p,.statistics-note,.account-stats small,.history-row small,.history-row time,footer,.library-help{color:var(--muted)}
:root[data-accent] .nav-item.active{background:var(--accent-soft);color:var(--accent)}.avatar{background:var(--accent-soft);color:var(--accent)}.nav-item small{background:#ffffff10;color:#c8c6c3}.status-dot,.preview-label i,.availability-badge.available:before{background:var(--accent)}.status-dot.offline{background:#d4a48c}.sync-note{color:#bbb9b6}.sync-note small{color:#9e9c99}.version,.side-label{color:#959390}.breadcrumb b{color:#d9d7d4}.preview-label{color:#bcbab7;border-color:#ffffff1b}
:root[data-accent] .hero h1 em,:root[data-accent] .brand-mark,:root[data-accent] .floating-star,:root[data-accent] .availability-badge.available,.tiny-star,.round-play svg{color:var(--accent)}.filters,.episodes,.stats-grid>div,.settings-card{background:#22201d;border-color:#ffffff12}.settings-card{background:linear-gradient(130deg,#24221f,#201e1b)}.filters button{color:#b4b2af}.filters button:not(.selected):hover{background:#ffffff08}.button.secondary,.card-add,.icon-button{background:#2b2926;color:#d9d7d4;border-color:#ffffff1c}.button.secondary:hover{border-color:var(--accent);background:#34322f}.text-button,.in-library,.save-status{color:#c2c0bd}.continue-card{background:linear-gradient(120deg,#292724,#22201d);border-color:#ffffff14}.continue-card:hover{background:#2f2d2a;border-color:#b4b2af60}.continue-card small,.continue-card span{color:#b2b0ad}.continue-card .round-play{border-color:#ffffff25}.poster-placeholder{background:radial-gradient(ellipse at 50% 15%,#3c3a37,#24221f 80%);color:#dbd9d6}.poster-placeholder small{color:#aaa8a5}.rating{background:#191714cc}.poster-button:hover{border-color:#bdbbb85c}.mini-progress{background:#ffffff10}.prototype-note,.account-callout{background:var(--accent-soft);border-color:#ffffff19}.prototype-note b,.account-callout p{color:#cac8c5}.episode-row.current{border-left-color:var(--accent)}
:root[data-accent] .player-start{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.episode-check{border-color:#ffffff25;color:#aba9a6}.episode-check.done{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}select{background:#201e1b;color:#e1dfdc;border-color:#ffffff20}.setting-field input,.setting-field select{background:#1a1815;border-color:#ffffff20}.setting-field input::placeholder{color:#9d9b98}.setting-label,.setting-toggle b{color:#dddbd8}.settings-save p,.profile-numbers small,.account-data>small,.account-badge{color:#afadaa}.avatar-option>span{background:#242c38;color:#bac5d7}.accent-option>span{color:#c2cbdc}.accent-dot.sky{background:#adc2e7}.accent-dot.neutral{background:#c4c9d3}.accent-dot.lavender{background:#c6b7e8}.collection-ring>span{background:#22201d}.distribution-legend>span,.activity-label,.activity-count{color:#b8b6b3}.distribution-legend i{background:var(--ring-empty)}.distribution-legend .legend-finished{background:var(--accent)}.distribution-legend .legend-watching{background:var(--ring-secondary)}.distribution-legend .legend-paused{background:var(--ring-paused)}.modal{background:#24221f;border-color:#ffffff24}.modal>p,.modal label{color:#c5c3c0}.modal input{background:#1b1916;color:var(--text);border-color:#ffffff25}
.library-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-bottom:23px}.library-intro p{margin-bottom:0}.library-intro .button{flex-shrink:0}.library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto 245px;gap:12px;margin:5px 0 23px}.library-search{display:flex;gap:12px;align-items:center;min-height:48px;background:#211f1c;border:1px solid #ffffff16;border-radius:10px;padding:0 15px;min-width:0}.library-search>svg{width:18px;color:#adaba8}.library-search input{width:100%;height:46px;font-size:14px}.library-search input::placeholder{color:#9d9b98}.library-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.library-sort{min-width:0}.library-sort select{width:100%;height:48px;font-size:12px;padding:10px;border-radius:10px;background:#211f1c;border-color:#ffffff16}
.favorite-filter{display:flex;gap:9px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #ffffff16;border-radius:10px;background:#211f1c;color:#b9b7b4;min-height:48px;font-size:12px}.favorite-filter>svg{width:17px;height:17px}.favorite-filter b{font-size:11px;font-weight:500;padding:0 5px;color:#93918e}.favorite-filter.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.favorite-filter.selected>svg{fill:var(--accent);stroke:var(--accent)}.favorite-filter.selected b{color:var(--accent)}
.library-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:21px;border-bottom:1px solid #ffffff12}.library-tabs button{font-size:12px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 15px;border:1px solid transparent;border-radius:9px;color:#b4b2af;white-space:nowrap}.library-tabs button:hover{background:#ffffff05}.library-tabs button.selected{background:var(--accent-soft);color:var(--accent);border-color:#ffffff10}.library-tabs button span{font-size:10px;color:#9c9a97;min-width:19px;background:#ffffff06;border-radius:5px;padding:2px 5px}.library-tabs button.selected span{color:var(--accent);background:#ffffff08}.library-results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:65px}.library-results-heading p{font-size:12px;color:#9e9c99;margin:0}.library-results-heading .text-button{font-size:11px}.library-results-heading [hidden]{display:none}
.library-grid{align-items:start}.library-card{padding:12px;border-radius:15px;background:#211f1c;border:1px solid #ffffff0e;transition:border-color .18s}.library-card:hover{border-color:#ffffff28}.library-poster{position:relative}.library-poster .poster-button{border-radius:9px;border-color:#ffffff0b}.library-poster .poster-button:hover{transform:none;box-shadow:none}.library-poster .poster-button .art{aspect-ratio:2/3}.favorite-button{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff25;background:#1a1815dc;color:#e7e5e2;backdrop-filter:blur(10px);z-index:12}.favorite-button svg{width:17px;height:17px}.favorite-button.is-favorite{color:var(--accent);background:#22201dee;border-color:#cdcbc860}.favorite-button.is-favorite svg{fill:currentColor}.favorite-button:hover{border-color:var(--accent)}.library-status-badge{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:5px 9px;font-size:10px;line-height:1.3;border:1px solid #ffffff20;background:#1c1a17e8;color:#d4d2cf;backdrop-filter:blur(8px);border-radius:6px;pointer-events:none;z-index:11}.library-status-badge.status-paused{color:#c5c3c0}.library-status-badge.status-completed{color:#d3d1ce}
.library-card .card-meta{margin:12px 0 8px;font-size:10px;gap:5px}.library-card .card-meta>span:last-child{display:inline-flex;align-items:center;gap:3px;font-size:10px;letter-spacing:0}.personal-rating{color:var(--accent)!important}.personal-rating svg{width:12px;height:12px;fill:var(--accent)}.library-card .card-title{font-size:15px;line-height:1.4}.library-original{font-size:10px;color:#979592;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 13px}.library-progress>span{font-size:10px;color:#aaa8a5}.library-progress .mini-progress{margin-top:7px;height:3px}.library-controls{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:7px;margin-top:16px}.library-controls select{width:100%;min-width:0;min-height:40px;font-size:11px;padding:8px 5px;background:#1c1a17;border-color:#ffffff12;border-radius:7px}.library-remove{display:flex;gap:7px;align-items:center;justify-content:center;width:100%;min-height:38px;font-size:10px;color:#93918e;margin:7px 0 -4px;border-radius:7px}.library-remove svg{width:13px;height:13px}.library-remove:hover{background:#ad697011;color:#d6a6ad}.library-help{font-size:11px;line-height:1.8;margin:26px 0 0;max-width:740px}
.library-undo{position:fixed;bottom:24px;left:calc(50% + 108px);transform:translateX(-50%);display:flex;align-items:center;gap:17px;max-width:calc(100vw - 270px);padding:15px 17px;background:#2f2d2a;border:1px solid #acaaa755;box-shadow:0 12px 50px #0008;border-radius:13px;z-index:70;color:#e9e7e4}.library-undo>span{min-width:0;flex:1}.library-undo b{display:block;font-size:12px;font-weight:500;white-space:nowrap}.library-undo small{display:block;font-size:11px;color:#b8b6b3;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.library-undo .button{min-height:40px}.library-undo .icon-button{border:0;background:transparent;width:30px;flex-shrink:0}.library-undo .icon-button svg{width:16px}
@media(max-width:1200px){.library-toolbar{grid-template-columns:minmax(0,1fr) auto}.library-sort{grid-column:1/-1}.library-sort select{max-width:290px}.library-controls{grid-template-columns:1fr}.library-tabs{gap:4px}.library-tabs button{padding:8px 11px}}
@media(max-width:1000px){.library-undo{left:calc(50% + 40px);max-width:calc(100vw - 140px)}}
@media(max-width:760px){.library-intro{align-items:flex-start;gap:16px}.library-intro .button{font-size:12px;padding:10px 12px}.library-intro h1{font-size:35px}.library-card{padding:10px}.library-card .card-title{font-size:14px}.library-tabs{gap:3px}.library-tabs button{font-size:11px;padding:8px 9px;gap:6px}}
@media(max-width:620px){.sidebar{background:#1c1a17f5}.library-intro{display:block;padding-bottom:20px}.library-intro h1{font-size:34px}.library-intro .button{margin-top:17px;min-height:44px}.library-toolbar{gap:10px;margin-bottom:18px;grid-template-columns:1fr auto}.library-search{grid-column:1/-1;padding:0 13px}.library-search input{font-size:16px;height:48px}.favorite-filter{grid-column:2;grid-row:2;padding:10px;gap:6px;font-size:11px}.favorite-filter b{display:none}.library-sort{grid-column:1;grid-row:2}.library-sort select{max-width:none;font-size:11px;height:48px}.library-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#64625f transparent;gap:5px;padding:0 0 14px}.library-tabs button{min-height:44px;flex-shrink:0;font-size:12px;padding:9px 12px}.library-tabs button span{font-size:10px}.library-results-heading{min-height:59px}.library-results-heading p{font-size:11px}.library-grid{gap:14px 10px}.library-card{padding:8px;border-radius:12px}.library-poster .poster-button{border-radius:7px}.favorite-button{width:36px;height:36px;right:6px;top:6px}.favorite-button:after{content:'';position:absolute;inset:-4px}.library-status-badge{font-size:9px;left:5px;bottom:5px;padding:5px 6px;max-width:calc(100% - 10px)}.library-card .card-meta{font-size:9px;margin:10px 0 7px}.library-card .card-meta>span:last-child{font-size:9px;gap:2px}.personal-rating svg{width:10px;height:10px}.library-card .card-title{font-size:13px;line-height:1.45}.library-original{font-size:9px;margin:5px 0 10px}.library-progress>span{font-size:9px}.library-controls{margin-top:12px;gap:6px;grid-template-columns:1fr}.library-controls select{font-size:12px;min-height:44px;padding:8px 5px}.library-remove{min-height:44px;font-size:11px;margin-top:4px}.library-remove svg{width:14px;height:14px}.library-help{font-size:10px;line-height:1.7;margin-top:20px}.library-undo{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);width:calc(100vw - 24px);padding:12px;gap:8px}.library-undo b{font-size:11px;white-space:normal}.library-undo small{font-size:10px;max-width:160px}.library-undo .button{min-height:44px;padding:8px 10px;font-size:11px}.library-undo .icon-button{width:30px;height:44px}.hero{background:linear-gradient(120deg,#2b2926,#211f1c)}}
@media(prefers-reduced-motion:reduce){.library-card{transition:none}}

/* Larger controls and progressive disclosure: primary tasks first. */
body{font-size:16px}.eyebrow,.side-label,.version,.preview-label,.caption-label,.art-disclaimer,.card-meta,.card-bottom>span,.hero p,.hero-visual,.search-hints>span,.episode-choice small,.episode-footnote{display:none!important}
h2,.section-heading h2{font-size:28px;line-height:1.25;letter-spacing:-.6px}.sidebar nav{margin-top:48px}.nav-item{font-size:16px;min-height:54px;gap:13px}.nav-item small{font-size:12px}.profile>span:nth-child(2){font-size:14px}.profile small{font-size:12px}.sync-note{display:none}.topbar{height:72px}.breadcrumb{font-size:14px}.breadcrumb span,.breadcrumb>b{color:#c7c5c2}.section-heading{margin:30px 0 20px}
.hero{display:block;padding:26px 30px;margin:24px 0 30px;min-height:0}.hero h1{font:500 38px/1.2 'Segoe UI',sans-serif;letter-spacing:-1.3px;margin:0 0 21px}.hero h1 em{font-style:normal}.hero-copy{padding:0}.search-box{max-width:850px;min-height:58px;padding:6px 7px 6px 17px}.search-box input{font-size:17px;height:42px}.search-box>button{width:44px;height:44px}.search-hints{margin-top:13px;gap:9px}.search-hints button{font-size:13px;min-height:38px;padding:5px 12px}.search-hints button svg{width:13px;height:13px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card-title{font-size:19px!important;line-height:1.4;letter-spacing:-.2px;margin-top:15px;min-height:0}.card-meta{display:none}.card-add{width:44px;height:44px}.card-bottom{margin-top:6px;justify-content:flex-end}.rating{font-size:13px;padding:5px 9px}.availability-badge{font-size:13px}.show-card:not([data-availability=available]) .availability-badge{display:none}.catalog-meta{font-size:14px}.poster-placeholder{font-size:19px}.poster-placeholder small{font-size:13px}.filters button{font-size:14px;min-height:44px;padding:10px 17px}.button,.button.small{font-size:14px;min-height:46px;padding:12px 17px}.text-button{font-size:14px;min-height:44px}.continue-card{padding:16px;gap:15px}.continue-card h3{font-size:17px}.continue-card small,.continue-card span{font-size:13px}.continue-art{width:66px}.continue-card .round-play{width:40px;height:40px}.page-intro{padding:30px 0 10px}.page-intro h1{font:500 40px/1.2 'Segoe UI',sans-serif;letter-spacing:-1.2px;margin:0 0 12px}.page-intro p{font-size:15px}.library-intro h1{margin:0}.library-intro{padding:34px 0 25px;margin:0}.library-toolbar{grid-template-columns:minmax(0,1fr) auto 270px;gap:14px;margin-bottom:24px}.library-search{min-height:54px}.library-search input{font-size:17px;height:52px}.library-sort select{height:54px;font-size:14px;padding:12px}.favorite-filter{font-size:14px;min-height:54px;padding:12px 16px}.favorite-filter>svg{width:19px;height:19px}.favorite-filter b{font-size:13px}.library-tabs{gap:7px}.library-tabs button{font-size:14px;min-height:46px;padding:10px 14px;gap:9px}.library-tabs button span{font-size:12px}.library-results-heading p,.library-results-heading .text-button{font-size:14px}.library-results-heading{min-height:70px}.library-card{padding:13px;border-radius:16px}.library-card .card-title{font-size:19px!important;margin:16px 3px 3px}.library-status-badge{font-size:12px;padding:7px 11px;left:10px;bottom:10px;border-radius:7px}.favorite-button{width:44px;height:44px;right:10px;top:10px}.favorite-button svg{width:20px;height:20px}.library-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:5px 0 0;min-height:48px}.library-card-footer .personal-rating{display:inline-flex;align-items:center;gap:5px;font-size:14px;padding-left:3px;white-space:nowrap}.library-card-footer .personal-rating svg{width:16px;height:16px}.library-manage-button{display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px;min-height:46px;padding:8px 12px;color:#c8c6c3;border-radius:8px}.library-manage-button:hover{background:#ffffff08}.library-manage-button svg{width:16px;height:16px}.collection-settings{margin-top:20px}.collection-settings>label{display:flex;flex-direction:column;gap:10px;margin:19px 0;font-size:16px;color:#dfddda}.collection-settings select{font-size:16px;min-height:50px;padding:12px;width:100%}.collection-feedback{font-size:14px;min-height:22px;color:var(--accent);margin:20px 0 12px}.collection-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:12px 0 18px}.collection-delete{color:#d4abb4;border:1px solid #d899aa25;background:#8d465015}.collection-delete svg{width:17px;height:17px}.collection-dialog-actions .button{font-size:14px}.modal{width:520px;padding:32px}.modal h2{font-size:28px;line-height:1.3;padding-right:24px}.modal>p{font-size:15px}.modal label{font-size:15px}.modal-close{width:44px;height:44px}.modal input{font-size:16px}.quiet-details{border-top:1px solid #ffffff12;padding:14px 0;margin-top:12px;font-size:14px;color:#b6b4b1}.quiet-details summary{cursor:pointer;line-height:1.5;min-height:26px;color:#c9c7c4}.quiet-details summary:hover{color:var(--accent)}.quiet-details p{font-size:14px;line-height:1.75;color:#b8b6b3;margin:13px 0 0}.quiet-details[open] summary{color:var(--accent)}.quiet-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}.player-options{margin:10px 0 20px}.player-options>summary{font-size:16px;padding:8px 0}.player-options .stream-panel{border-top:0;margin:16px 0}.detail-head{grid-template-columns:110px minmax(0,1fr);gap:25px}.detail-copy h1{font-size:34px;margin:0 0 10px}.detail-copy .original-title{font-size:14px}.show-description{margin-top:10px;max-width:800px;padding:10px 0;border-top:0}.show-description p{display:block;-webkit-line-clamp:unset;font-size:15px;line-height:1.7}.in-library,.source-summary{font-size:13px}.watch-main h2{font-size:24px}.episodes-head h3{font-size:19px}.episodes-head select{font-size:14px;min-height:44px}.episode-choice b{font-size:15px}.episode-no{font-size:14px}.episode-check{width:40px;height:40px}.player-caption p,.player-caption>span,.save-status{font-size:14px}.stream-toolbar{font-size:14px}.stream-row b{font-size:16px}.stream-row p,.stream-row small{font-size:14px}.stream-empty,.stream-empty p{font-size:15px}.settings-heading h2{font-size:26px}.setting-label,.setting-toggle b,.setting-checkbox{font-size:15px}.setting-field input,.setting-field select{font-size:16px;min-height:50px}.setting-toggle small,.settings-save p,.settings-heading p{font-size:14px}.accent-option>span{font-size:14px;min-height:46px}.account-stats span{font-size:15px}.account-stats strong{font-size:46px}.account-stats small{font-size:12px}.statistics-grid .settings-heading h2{font-size:25px}.activity-count,.activity-label{font-size:12px}.collection-ring small{font-size:13px}.distribution-legend>span{font-size:14px}.distribution-legend b{font-size:15px}.title-progress-name{font-size:16px}.title-progress-name small,.title-progress-percent{font-size:13px}.history-row b{font-size:16px}.history-row small,.history-row time{font-size:13px}.profile-summary>p,.account-data p{font-size:14px}.profile-numbers small{font-size:13px}.account-badge{display:none}.profile-summary h2{font-size:26px}.profile-numbers b{font-size:30px}.account-data h2{font-size:23px}.account-data>small{font-size:12px}.library-undo b{font-size:14px}.library-undo small{font-size:13px}.library-undo .button{font-size:14px;min-height:44px}footer{font-size:12px}footer>span:last-child{font-size:12px}
@media(min-width:1600px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.library-toolbar{grid-template-columns:minmax(0,1fr) auto}.library-sort{grid-column:1/-1}.library-sort select{max-width:310px}.library-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.library-tabs button{flex-shrink:0}.library-card .card-title{font-size:17px!important}.library-card-footer{gap:4px}.library-manage-button{font-size:13px;padding:8px}.statistics-grid{grid-template-columns:1fr}.library-intro .button{font-size:14px}}
@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hero h1{font-size:33px}.page-intro h1{font-size:36px}.library-intro h1{font-size:36px}.library-card .card-title{font-size:18px!important}.settings-heading h2{font-size:25px}}
@media(max-width:620px){.sidebar nav{margin-top:0}.nav-item{font-size:12px;min-height:54px;padding:7px 0;gap:3px}.breadcrumb{font-size:13px}.hero{padding:23px 18px;margin:18px 0 24px}.hero h1{font-size:30px;letter-spacing:-.8px;margin-bottom:18px}.search-box{min-height:54px;padding-left:12px}.search-box input{font-size:16px;height:40px}.search-hints button{font-size:12px;min-height:38px;padding:6px 9px}.section-heading h2{font-size:26px}.section-heading{gap:14px;margin:24px 0 18px}.card-grid{gap:19px 12px}.card-title{font-size:17px!important;line-height:1.4;margin-top:12px}.poster-placeholder{font-size:16px}.poster-placeholder small{font-size:12px}.catalog-meta{font-size:13px}.filters button{font-size:13px;min-height:44px;padding:10px 13px}.button,.button.small{font-size:14px;min-height:46px;padding:11px 15px}.text-button{font-size:14px}.continue-card h3{font-size:16px}.continue-card small,.continue-card span{font-size:12px}.page-intro h1,.library-intro h1{font-size:33px}.page-intro p{font-size:14px}.library-intro{padding:27px 0 21px}.library-toolbar{grid-template-columns:1fr auto;gap:10px}.library-search input{font-size:16px;height:50px}.library-sort{grid-column:1;grid-row:2}.library-sort select{font-size:13px;max-width:none}.favorite-filter{font-size:13px;padding:10px;gap:7px}.library-tabs button{font-size:13px;gap:7px;padding:10px 12px}.library-results-heading p,.library-results-heading .text-button{font-size:13px}.library-results-heading{min-height:64px}.library-grid{gap:15px 11px}.library-card{padding:8px}.library-card .card-title{font-size:16px!important;line-height:1.45;margin:12px 2px 3px}.library-status-badge{font-size:10px;left:6px;bottom:6px;padding:6px 7px;max-width:calc(100% - 12px)}.favorite-button{width:40px;height:40px;right:6px;top:6px}.favorite-button svg{width:18px;height:18px}.library-card-footer{flex-wrap:wrap;gap:2px;justify-content:flex-end;margin-top:5px;min-height:44px}.library-card-footer .personal-rating{font-size:12px;margin-right:auto;gap:3px;padding-left:2px}.library-card-footer .personal-rating svg{width:13px;height:13px}.library-manage-button{font-size:12px;min-height:44px;padding:7px 4px;gap:3px}.library-manage-button svg{width:13px}.modal{padding:29px 21px}.modal h2{font-size:25px}.collection-settings>label{font-size:16px}.collection-dialog-actions{flex-direction:column}.collection-dialog-actions .button{width:100%;min-height:48px;font-size:14px}.quiet-details,.quiet-details p{font-size:14px}.detail-copy h1{font-size:26px}.detail-head{grid-template-columns:85px minmax(0,1fr);gap:16px}.detail-copy .original-title{font-size:13px}.detail-copy p,.show-description p{font-size:14px}.source-summary{font-size:12px}.in-library{font-size:13px}.player-options>summary{font-size:15px}.watch-main h2{font-size:23px}.player-caption p,.player-caption>span,.save-status{font-size:13px}.episode-choice b{font-size:15px}.episode-check{width:44px;height:44px}.episode-no{font-size:14px}.episodes-head h3{font-size:18px}.stream-row b{font-size:16px}.stream-toolbar{font-size:14px}.stream-row p,.stream-row small{font-size:13px}.setting-label,.setting-toggle b,.setting-checkbox{font-size:15px}.setting-toggle small,.settings-save p,.settings-heading p{font-size:13px}.settings-heading h2{font-size:25px}.accent-option>span{font-size:12px;min-height:46px}.account-stats span{font-size:14px}.account-stats small{font-size:12px}.account-stats strong{font-size:40px}.statistics-grid .settings-heading h2{font-size:24px}.distribution-legend>span{font-size:13px}.distribution-legend b{font-size:14px}.activity-count,.activity-label{font-size:11px}.history-row b{font-size:14px}.history-row small,.history-row time{font-size:12px}.title-progress-name{font-size:15px}.title-progress-name small{font-size:13px}.library-undo b{font-size:12px}.library-undo small{font-size:12px}.library-undo .button{font-size:13px}footer{font-size:11px}footer>span:last-child{font-size:11px}}
@media(max-width:360px){.library-grid{grid-template-columns:1fr}.library-card{padding:12px}.library-card .card-title{font-size:19px!important}.library-status-badge{font-size:12px}.library-manage-button{font-size:14px;padding:8px 12px}.library-card-footer .personal-rating{font-size:14px}.library-manage-button svg{width:16px}.library-card-footer{flex-wrap:nowrap}.library-card .poster-button .art{aspect-ratio:3/4}}

/* Catalogue formats share the same simple viewing flow. */
#catalog-section>.section-heading{flex-wrap:wrap}#catalog-section .filters{max-width:100%;overflow-x:auto;flex-wrap:nowrap}#catalog-section .filters button{white-space:nowrap;flex-shrink:0}.watch-section.watch-movie{grid-template-columns:minmax(0,1fr)}.watch-movie .episodes{display:none}

/* Status belongs to the card text, below the poster. */
.library-card .library-card-status{display:flex;align-items:center;min-height:30px;margin:3px 0 4px;min-width:0}
.library-card .library-card-status .library-status-badge{position:static;inset:auto;max-width:100%;display:inline-flex;align-items:center;gap:5px;white-space:normal;text-align:left;line-height:1.35;padding:4px 8px;backdrop-filter:none}
.library-card .card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;min-height:2.8em;margin-top:11px;margin-bottom:0;text-align:left;align-content:start}
.library-card .library-card-footer{margin-top:auto}
.library-card .library-poster{flex-shrink:0}
@media(max-width:420px){.library-card .library-card-status .library-status-badge{font-size:10px;padding:4px 6px}.library-card .card-title{font-size:13px}}


/* /player-ui.css */
.custom-player{position:relative;isolation:isolate;color:#f4f6fb}.custom-player>video#video{display:block}.watch-controls{position:absolute;z-index:4;inset:auto 0 0;padding:30px 16px 8px;background:linear-gradient(transparent,#05070bcf 40%,#05070bea);transition:opacity .18s}.custom-player.controls-idle:not(.is-paused) .watch-controls{opacity:0;pointer-events:none}.custom-player.controls-idle:not(.is-paused):not(.settings-open):not(.episodes-open),.custom-player.controls-idle:not(.is-paused):not(.settings-open):not(.episodes-open)>.watch-interaction-surface{cursor:none}.watch-timeline{position:relative;height:28px;display:flex;align-items:center}.watch-seek{--played:0%;width:100%;height:24px;padding:0;margin:0;cursor:pointer;appearance:none;background:transparent;touch-action:none}.watch-seek::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,var(--accent) var(--played),#ffffff50 var(--played))}.watch-seek::-moz-range-track{height:5px;border-radius:5px;background:#ffffff50}.watch-seek::-moz-range-progress{height:5px;background:var(--accent)}.watch-seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:0;border-radius:50%;background:var(--accent);margin-top:-4.5px}.watch-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent)}.watch-seek:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}.watch-buttons{display:flex;align-items:center;gap:6px;min-height:42px}.watch-buttons>button{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:7px;color:#f4f6fb}.watch-buttons>button:hover{background:#ffffff1f}.watch-buttons svg{width:22px;height:22px}.watch-buttons [hidden],.watch-preview[hidden]{display:none!important}.watch-time{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0 5px}.watch-volume{--volume:100%;width:65px;flex:0 0 65px;height:24px;padding:0;margin:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:999px;cursor:pointer;touch-action:none}
.watch-volume::-webkit-slider-runnable-track{height:4px;border:0;border-radius:999px;background:linear-gradient(to right,#e5e0d5 var(--volume),#ffffff40 var(--volume))}
.watch-volume::-moz-range-track{height:4px;border:0;border-radius:999px;background:#ffffff40}
.watch-volume::-moz-range-progress{height:4px;border-radius:999px;background:#e5e0d5}
.watch-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#e5e0d5;box-shadow:0 1px 3px #0004}
.watch-volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#e5e0d5;box-shadow:0 1px 3px #0004}
.watch-volume:focus-visible{outline:2px solid #e5e0d5;outline-offset:3px}
.watch-speed{margin-left:auto}.watch-speed select{width:65px;min-height:38px;background:#22201d;color:#f4f6fb;border:1px solid #ffffff24;border-radius:7px;font-size:14px;padding:4px;cursor:pointer}.watch-preview{position:absolute;bottom:34px;width:200px;max-width:100%;transform:translateX(-50%);padding:4px;border:1px solid #ffffff40;background:#151310;border-radius:9px;box-shadow:0 4px 18px #0008;pointer-events:none;text-align:center}.watch-preview-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#080a0c}.watch-preview canvas{display:block;width:100%;height:100%;opacity:0}.watch-preview.has-frame canvas{opacity:1}.watch-preview-state{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#c6c4c1}.watch-preview-time{display:block;font-size:15px;line-height:26px;font-variant-numeric:tabular-nums}.custom-player video.watch-preview-decoder{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;inset:0;z-index:-1}.custom-player:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:#000}.custom-player:fullscreen .watch-controls{padding:45px 30px 16px}.custom-player:fullscreen .watch-preview{width:240px}.custom-player .player-start{z-index:3}.custom-player.is-paused .watch-controls{opacity:1}@media(max-width:620px){.watch-controls{padding:25px 9px 4px}.watch-buttons{gap:2px;min-height:36px}.watch-buttons>button{width:34px;height:36px;flex-basis:34px}.watch-volume,.watch-pip{display:none!important}.watch-time{font-size:12px;margin:0 3px}.watch-speed select{width:56px;font-size:13px;min-height:34px}.watch-preview{width:112px;bottom:24px}.watch-preview-time{font-size:13px;line-height:22px}.watch-preview-state{font-size:11px}.custom-player:fullscreen .watch-preview{width:180px}}@media(prefers-reduced-motion:reduce){.watch-controls{transition:none}}

.watch-feedback{position:absolute;z-index:5;left:50%;top:40%;transform:translate(-50%,-50%);padding:12px 20px;border-radius:12px;background:#0d0b08db;color:#fff;font-size:18px;font-weight:600;pointer-events:none;white-space:nowrap}.watch-feedback[hidden]{display:none}
.watch-buttons .watch-help{font-size:21px;font-weight:600}.watch-help-dialog{box-sizing:border-box;width:min(460px,calc(100% - 24px));max-height:calc(100% - 24px);margin:auto;padding:28px 24px;border:1px solid #494744;border-radius:18px;background:#1d1b18;color:#f4f6fb;box-shadow:0 20px 70px #0008;overflow:auto}.watch-help-dialog::backdrop{background:#0009}.watch-help-dialog h2{margin:0 34px 24px 0;font-size:23px}.watch-help-dialog dl{margin:0;display:grid;gap:16px}.watch-help-dialog dl>div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px}.watch-help-dialog dt,.watch-help-dialog dd{margin:0;font-size:15px;line-height:1.45}.watch-help-dialog kbd{font:inherit;font-weight:600;color:#d8d6d3}.watch-help-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:8px;color:inherit;font-size:28px}.watch-help-close:hover{background:#ffffff15}.watch-help-close:focus-visible,.watch-buttons>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:620px){.watch-buttons .watch-help{display:none}.watch-help-dialog{padding:24px 16px}.watch-help-dialog dl>div{grid-template-columns:94px 1fr}.watch-help-dialog dd{font-size:14px}}

.watch-preview.has-frame .watch-preview-state:not(:empty){inset:auto 3px 3px auto;padding:2px 5px;border-radius:4px;background:#080a0cbb;font-size:10px}

/* One settings menu; the surface owns pointer gestures instead of browser hover tools. */
.custom-player>video#video{pointer-events:none}.watch-interaction-surface{position:absolute;inset:0;z-index:1;cursor:default}.watch-settings-toggle{margin-left:auto}.watch-settings-panel{position:absolute;z-index:9;right:12px;bottom:58px;width:min(320px,calc(100% - 24px));max-height:min(380px,calc(100vh - 180px));overflow:auto;box-sizing:border-box;padding:14px;border:1px solid #494744;border-radius:12px;background:#1d1b18fa;color:#f4f6fb;box-shadow:0 8px 30px #0009}.watch-settings-panel[hidden]{display:none}.watch-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:16px}.watch-settings-heading button{width:36px;height:36px;color:inherit;font-size:26px;border-radius:7px}.watch-settings-panel .watch-speed,.watch-subtitles-settings label{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px;font-size:14px}.watch-settings-panel select{width:100%;min-width:0;min-height:42px;padding:8px;border:1px solid #ffffff30;border-radius:7px;background:#2d2b28;color:#f4f6fb;font-size:14px}.watch-settings-panel .watch-help{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:8px 0;border-top:1px solid #ffffff18;color:#f4f6fb;font-size:14px;font-weight:400}.watch-settings-panel .watch-help span{color:#c8c6c3}.watch-settings-panel button:focus-visible,.watch-settings-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.watch-settings-panel button:hover{background:#ffffff12}.custom-player.settings-open{overflow:visible}.watch-settings-panel .watch-subtitles-status{font-size:13px;line-height:1.4;margin:0 0 12px}.watch-settings-panel .watch-subtitles-status:empty{display:none}
@media(max-width:620px){.watch-settings-panel{bottom:44px;right:6px;padding:10px;max-height:calc(100vh - 160px)}.watch-buttons>.watch-pip:not([hidden]){display:grid!important}.watch-buttons>.watch-settings-toggle{margin-left:auto}.watch-buttons .watch-time{font-size:11px}.watch-settings-panel .watch-help{display:flex}.watch-buttons{gap:1px}}

/* Constrain the video to its frame: intrinsic 4:3 height must not crop subtitles. */
.video-frame>video#video{position:absolute;inset:0;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain}

.custom-player.settings-open .watch-controls{opacity:1;pointer-events:auto}
.custom-player.settings-open{cursor:auto}

/* Timeline preview: edge-to-edge image, overlaid time and player spinner. */
:root body .video-frame .watch-preview{width:240px;padding:0;border:0;background:#080a0c;border-radius:9px;overflow:hidden;box-shadow:0 4px 18px #0008}
.video-frame .watch-preview-image{border-radius:0}
.video-frame .watch-preview-time{position:absolute;bottom:7px;left:0;right:0;font-size:15px;line-height:20px;color:#fff;text-shadow:0 1px 2px #000,0 0 5px #000c}
:root body .video-frame .watch-preview-state,:root body .video-frame .watch-preview.has-frame .watch-preview-state:not(:empty){inset:0;padding:0;background:none;display:grid;place-items:center;color:#fff}
.video-frame .watch-preview-state[hidden]{display:none!important}
.watch-preview-state svg{width:30px;height:30px;filter:drop-shadow(0 1px 2px #000)}
.watch-preview-spinner{animation:watch-preview-spin .85s linear infinite}
.watch-preview-unavailable{display:none}
[data-preview-state="unavailable"] .watch-preview-spinner{display:none}
[data-preview-state="unavailable"] .watch-preview-unavailable{display:block;opacity:.7}
@keyframes watch-preview-spin{to{transform:rotate(360deg)}}
:root body #content:fullscreen .video-frame .watch-preview,:root body .custom-player:fullscreen .watch-preview{width:280px}
@media(max-width:620px){:root body .video-frame .watch-preview{width:140px}:root body #content:fullscreen .video-frame .watch-preview,:root body .custom-player:fullscreen .watch-preview{width:190px}.video-frame .watch-preview-time{font-size:13px;bottom:4px}.watch-preview-state svg{width:26px;height:26px}}


/* /playback-feedback.css */
/* Playback explanation stays visible when controls hide, without covering settings. */
.video-frame>.playback-feedback{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:20px 18px 78px;pointer-events:none;color:#f1eee7;background:#09090866}
.video-frame>.playback-feedback[hidden]{display:none!important}
.playback-feedback-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);text-align:center}
.playback-feedback-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:2px solid #ffffff30;border-radius:50%;color:#e9e3d7;font-size:22px;font-weight:500}
.playback-feedback-icon.is-spinning{border-top-color:#e9e3d7;animation:playback-feedback-spin .85s linear infinite}
.playback-feedback-copy b{display:block;font-size:18px;font-weight:600;line-height:1.4}
.playback-feedback-copy p{margin:8px 0 0;color:#d1cec8;font-size:14px;line-height:1.5;text-wrap:balance}
.playback-feedback-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto}
.playback-feedback-actions:empty{display:none}
.playback-feedback-actions button{min-height:40px;font-size:13px;padding:8px 13px;cursor:pointer}
.playback-feedback-actions button:focus-visible{outline:2px solid #e9e3d7;outline-offset:3px}
.video-frame>.playback-feedback[data-mode="corner"]{inset:16px auto auto 16px;display:block;width:auto;max-width:calc(100% - 32px);padding:9px 12px;border:1px solid #ffffff20;border-radius:10px;background:#181713de}
.playback-feedback[data-mode="corner"] .playback-feedback-card{flex-direction:row;gap:8px;width:auto;text-align:left}
.playback-feedback[data-mode="corner"] .playback-feedback-icon{display:none}
.playback-feedback[data-mode="corner"] .playback-feedback-copy b{font-size:12px;font-weight:500}
.playback-feedback-blocking .player-start.feedback-covered{visibility:hidden}
.playback-feedback-blocking~.player-caption #playback-status{visibility:hidden}
@keyframes playback-feedback-spin{to{transform:rotate(360deg)}}
@media(max-width:620px){.video-frame>.playback-feedback{padding:12px 12px 55px}.playback-feedback-card{gap:10px}.playback-feedback-copy b{font-size:15px}.playback-feedback-copy p{font-size:12px;margin-top:5px}.playback-feedback-icon{width:28px;height:28px;flex-basis:28px}.playback-feedback-actions button{min-height:34px;padding:6px 9px;font-size:12px}.video-frame>.playback-feedback[data-mode="corner"]{inset:10px auto auto 10px;max-width:calc(100% - 20px);padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.playback-feedback-icon.is-spinning{animation:none;border-style:dashed}}

/* Larger, reachable menus; scoped so the rest of the site keeps its scale. */
.video-frame .watch-settings-panel,.video-frame .watch-episodes-panel{width:min(360px,calc(100% - 24px));padding:16px 18px}
.video-frame .watch-settings-panel{max-height:calc(var(--player-height,500px) - 84px)}
.video-frame .watch-episodes-panel{height:470px;max-height:calc(var(--player-height,500px) - 100px)}
.video-frame .watch-settings-heading{font-size:16px;margin-bottom:14px}
.video-frame .watch-settings-heading>.watch-settings-close,.video-frame .watch-settings-heading>.watch-episodes-close{width:36px;height:36px}
.video-frame .watch-settings-panel .watch-quality,.video-frame .watch-settings-panel #audio-tracks label,.video-frame .watch-settings-panel .watch-subtitles-settings label{grid-template-columns:86px minmax(0,1fr);font-size:14px;gap:12px;margin-bottom:12px}
.video-frame .watch-settings-panel select,.video-frame .watch-season-label select{min-height:42px;font-size:14px;padding:8px 10px}
.video-frame .watch-episode-pick{min-height:56px;padding:10px 12px}
.video-frame .watch-episode-pick b{font-size:14px}
.video-frame .watch-episode-pick small{font-size:12px}
.video-frame .watch-speed-heading{font-size:14px}
.video-frame .watch-rate{height:36px}
.video-frame .watch-source-options label{font-size:13px}
@media(max-width:620px){.video-frame .watch-settings-panel,.video-frame .watch-episodes-panel{width:min(360px,calc(100% - 16px));right:8px;padding:12px 14px}.video-frame .watch-settings-panel select,.video-frame .watch-season-label select{min-height:40px;font-size:13px}.video-frame .watch-settings-panel .watch-quality,.video-frame .watch-settings-panel #audio-tracks label,.video-frame .watch-settings-panel .watch-subtitles-settings label{grid-template-columns:74px minmax(0,1fr);gap:8px}}

.video-frame>.playback-feedback-backdrop{position:absolute;inset:0;z-index:1;overflow:hidden;background:#151411;pointer-events:none}
.video-frame>.playback-feedback-backdrop[hidden]{display:none!important}
.playback-feedback-backdrop>img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(16px) brightness(.45);transform:scale(1.12)}
.video-frame>video#video{background:#000}
.video-frame>.playback-feedback-backdrop:not([hidden])~video#video{background:transparent}

.playback-stage-toggle{position:absolute;z-index:5;left:18px;bottom:18px;min-height:42px;padding:8px 14px;background:#211f1bd9;color:#f1eee7;border:1px solid #ffffff26;cursor:pointer}

/* One visual center: filled play, pause bars and a matching white loading ring. */
.video-frame>.player-start{width:60px;height:60px;border:0;background:transparent;box-shadow:none;color:#fff;padding:0}
.video-frame>.player-start>svg{position:relative;width:38px;height:38px;filter:drop-shadow(0 2px 6px #0006)}
.video-frame>.player-start>svg path{fill:currentColor;stroke:none}
.video-frame>.player-start::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(ellipse,#0004,transparent 72%);pointer-events:none}
.video-frame.playback-state-ready>.player-start{visibility:hidden!important;pointer-events:none!important}
.video-frame>.playback-feedback[data-mode="center"]{padding:0;background:transparent}
.playback-feedback[data-mode="center"] .playback-feedback-card{display:contents}
.playback-feedback[data-mode="center"] .playback-feedback-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#fff;opacity:1;pointer-events:auto;cursor:pointer}
.playback-feedback-icon>svg{position:relative;width:38px;height:38px;z-index:1;filter:drop-shadow(0 2px 6px #0006)}
.playback-feedback-icon[data-state="loading"]>svg{animation:playback-feedback-spin .85s linear infinite}
.playback-feedback-icon[data-state="loading"]{pointer-events:none!important;cursor:default}
.playback-feedback-icon[data-state="loading"]>svg{filter:none}
.playback-feedback-icon[data-state="play"]::before,.playback-feedback-icon[data-state="pause"]::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(ellipse,#0004,transparent 72%);pointer-events:none}
.playback-feedback-icon:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:10px}
.playback-feedback[data-mode="center"] .playback-feedback-copy{position:absolute;left:50%;top:calc(50% + 42px);transform:translateX(-50%);width:min(420px,calc(100% - 32px));text-align:center;text-shadow:0 2px 7px #000d;animation:playback-copy-enter .18s ease-out}
.playback-feedback-copy[hidden]{display:none!important}
.playback-feedback[data-mode="center"] .playback-feedback-copy b{font-size:17px}
.playback-feedback[data-mode="center"] .playback-feedback-copy p{margin-top:6px}
.playback-feedback[data-mode="center"] .playback-feedback-actions{margin-top:14px}
.playback-feedback[data-mode="corner"] .playback-feedback-icon{display:none!important}
.playback-feedback[data-mode="corner"] .playback-feedback-actions{margin:0}
.subtitle-editing>.playback-feedback[data-kind="pause"],.subtitle-editing>.playback-feedback[data-kind="play"]{display:none!important}
@keyframes playback-copy-enter{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:620px){.playback-feedback-icon>svg{width:34px;height:34px}.playback-feedback[data-mode="center"] .playback-feedback-copy{top:calc(50% + 35px)}.playback-feedback[data-mode="center"] .playback-feedback-copy b{font-size:14px}.playback-feedback[data-mode="center"] .playback-feedback-copy p{font-size:12px;line-height:1.4}.playback-feedback[data-mode="center"] .playback-feedback-actions{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.playback-feedback-icon[data-state="loading"]>svg,.playback-feedback-copy{animation:none!important}}

.video-frame>.playback-feedback{background:transparent!important}
.video-frame>.playback-feedback[data-mode=corner]{display:none!important}
.video-frame>.player-start::before,.playback-feedback-icon::before{content:none!important}
.playback-feedback-backdrop>img{filter:blur(16px)}
.video-frame>.player-start{width:96px;height:96px}
.video-frame>.player-start>svg{width:72px;height:72px}
.playback-feedback[data-mode=center] .playback-feedback-icon{width:96px;height:96px}
.playback-feedback-icon>svg{width:72px;height:72px;filter:drop-shadow(0 1px 3px #0004)}
.playback-feedback[data-mode=center] .playback-feedback-copy{top:calc(50% + 58px)}
#content:fullscreen .playback-feedback-icon>svg,#content:fullscreen .video-frame>.player-start>svg{width:84px;height:84px}
#content:fullscreen .playback-feedback[data-mode=center] .playback-feedback-icon{width:112px;height:112px}
@media(max-width:620px){.playback-feedback-icon>svg,.video-frame>.player-start>svg{width:62px;height:62px}.playback-feedback[data-mode=center] .playback-feedback-copy{top:calc(50% + 48px)}}

/* Keep white progress legible over a bright held frame without dimming the video. */
.video-frame .playback-feedback-icon[data-state="loading"]>svg{filter:drop-shadow(0 1px 1px #000f) drop-shadow(0 0 1px #000c)}
.video-frame .playback-feedback-copy{color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000,0 0 6px #000b}
.video-frame .playback-feedback-copy p{color:#fff}

/* Center the complete message above the loading ring. */
.video-frame .playback-feedback[data-mode=center]{--feedback-icon-half:48px;--feedback-copy-shift:0px}
.video-frame .playback-feedback[data-mode=center] .playback-feedback-icon{top:calc(50% + var(--feedback-copy-shift));transition:top .24s ease-out}
.video-frame .playback-feedback[data-mode=center] .playback-feedback-copy{top:auto;bottom:calc(50% - var(--feedback-copy-shift) + var(--feedback-icon-half) + 14px);animation:playback-copy-above .24s ease-out}
#content:fullscreen .video-frame .playback-feedback[data-mode=center]{--feedback-icon-half:56px}
@keyframes playback-copy-above{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.video-frame .playback-feedback[data-mode=center] .playback-feedback-icon{transition:none}.video-frame .playback-feedback[data-mode=center] .playback-feedback-copy{animation:none}}


/* /player-subtitles.css */
.custom-player>video::cue{color:#fff;background:#000b;text-shadow:0 1px 2px #000}
.watch-subtitles-status{font-size:13px;line-height:1.4;color:#c8c6c3}.watch-subtitles-status:empty{display:none}


/* /player-settings.css */
.watch-settings-panel .watch-quality{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px;font-size:14px}.custom-player.settings-open{overflow:visible;z-index:12}.watch-settings-panel select:disabled{opacity:.65}.stream-provider{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid #ffffff14}.stream-provider>details{flex:1;min-width:0}.stream-provider summary{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;cursor:pointer;min-height:44px;list-style:none}.stream-provider summary:after{content:'⌄';margin-left:auto;color:var(--muted)}.stream-provider details[open] summary:after{transform:rotate(180deg)}.stream-provider summary b{font-size:16px}.stream-provider summary span,.stream-provider summary small{font-size:13px;color:var(--muted)}.stream-provider summary small{color:var(--accent)}.stream-provider dl{display:grid;gap:9px;margin:10px 0 15px}.stream-provider dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.45}.stream-provider dt{color:var(--muted)}.stream-provider dd{margin:0;overflow-wrap:anywhere}.stream-provider p{font-size:13px;color:var(--muted)}.provider-voice{display:grid;gap:8px;font-size:14px;max-width:360px}.provider-voice select{max-width:100%;min-width:0;min-height:44px;padding:8px;font-size:14px}.provider-loading{color:var(--muted);font-size:14px}.stream-provider>button{flex-shrink:0}.stream-provider summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:620px){.stream-provider{gap:8px}.stream-provider summary{gap:6px}.stream-provider summary b{font-size:14px;width:100%}.stream-provider dl>div{grid-template-columns:1fr;gap:3px}.stream-provider>button{padding:9px;font-size:13px}.watch-settings-panel{max-height:calc(100vh - 180px)}}

.stream-refresh{display:flex;justify-content:flex-end;margin:0 0 10px}.sources-without-video{margin-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.sources-without-video>summary{cursor:pointer;min-height:48px;padding:14px 0}.sources-without-video>summary span{margin-left:8px;opacity:.7}.sources-without-video ul{list-style:none;padding:0;margin:0}.sources-without-video li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;padding:12px 0;border-top:1px solid var(--line)}.sources-without-video li b{font-weight:500;color:var(--text)}.sources-without-video li small{flex-basis:100%;font-size:13px}


/* /watch-flow.css */
/* Clear primary actions; viewing details remain available on hover. */
.library-watch{width:100%;margin-top:12px;min-height:46px;justify-content:center;font-size:15px}
.continue-card h3{font-size:17px;line-height:1.35}.continue-card small,.continue-card span{font-size:13px}.continue-card>div:nth-child(2){min-width:0}.continue-card .round-play{width:38px;height:38px}
.watch-main>.section-heading{flex-wrap:wrap}.next-episode{flex-shrink:0;gap:8px;font-size:14px;min-height:44px}
.episode-finish{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:20px 16px 86px;background:#13110eed;color:#f4f2ef;text-align:center}
.episode-finish[hidden]{display:none}.episode-finish>b{font-size:clamp(17px,2.2vw,26px);line-height:1.3}.episode-finish>span{color:#c2c0bd;font-size:15px}.episode-finish>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.episode-finish .button{min-height:44px;font-size:14px}
@media(max-width:600px){.continue-grid{grid-template-columns:1fr}.continue-card{padding:16px;gap:14px}.watch-main>.section-heading{gap:10px}.next-episode{font-size:14px}.episode-finish{padding:8px 8px 68px;gap:7px}.episode-finish>span{display:none}.episode-finish>div{gap:7px}.episode-finish .button{padding:8px 10px;font-size:13px}.library-watch{font-size:14px}}
@media(prefers-reduced-motion:reduce){.continue-card{transition:none}}



/* /viewer-profile.css */
.viewer-page{padding:24px 0 40px}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.viewer-top>span{font-size:12px;letter-spacing:2px;color:var(--muted)}.viewer-hero{position:relative;isolation:isolate;border:1px solid #ffffff1b;border-radius:22px;min-height:285px;padding:38px;display:grid;grid-template-columns:minmax(0,1fr) 265px;align-items:end;gap:30px;overflow:hidden}
.cover-midnight{background:radial-gradient(ellipse at 80% 0,#36598588,transparent 65%),linear-gradient(115deg,#202b40,#111b2a)}.cover-nebula{background:radial-gradient(ellipse at 85% 0,#79519388,transparent 65%),linear-gradient(115deg,#29243d,#181927)}.cover-ember{background:radial-gradient(ellipse at 85% 0,#9e613e88,transparent 65%),linear-gradient(115deg,#342725,#1e1b23)}
.viewer-cover-art{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;opacity:.5}.viewer-cover-art i{position:absolute;top:-140px;right:10%;width:400px;height:400px;border:1px solid #dfddda1c;border-radius:50%;transform:rotate(-30deg)}.viewer-cover-art i:nth-child(2){width:600px;height:600px;right:-5%;top:-240px}.viewer-cover-art i:nth-child(3){width:800px;height:800px;right:-20%;top:-340px}
.viewer-identity{display:flex;align-items:center;gap:24px;min-width:0}.viewer-avatar{width:100px;height:100px;flex-shrink:0;display:grid;place-items:center;border:1px solid #dfddda5c;border-radius:23px;background:#19171499;color:#e6e4e1;font-size:50px;box-shadow:0 0 0 7px #dfddda08}.viewer-identity>div{min-width:0}.viewer-kicker{font-size:11px;letter-spacing:2px;color:#c9c7c4}.viewer-identity h1{font-size:clamp(26px,3vw,40px);line-height:1.12;letter-spacing:-1px;margin:12px 0;overflow-wrap:anywhere}.viewer-identity p{color:#cbc9c6;font-size:15px;line-height:1.6;margin:0 0 20px;overflow-wrap:anywhere;max-width:480px}.viewer-identity .button{background:#ffffff0d;border-color:#ffffff26;color:#eceae7}
.viewer-level{padding:23px;border:1px solid #ffffff24;border-radius:17px;background:#19171477;backdrop-filter:blur(10px)}.viewer-level-heading{display:flex;align-items:center;gap:16px}.viewer-level-number{font-size:48px;font-weight:600;line-height:1;color:#e6e4e1}.viewer-level-heading b{display:block;font-size:15px}.viewer-level-heading div>span{display:block;color:#bcbab7;font-size:13px;margin-top:7px}.viewer-level progress{margin-top:23px;height:7px;width:100%;display:block}.viewer-page progress{appearance:none;border:0;background:#ffffff10;border-radius:8px;overflow:hidden}.viewer-page progress::-webkit-progress-bar{background:#ffffff10;border-radius:8px}.viewer-page progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.viewer-page progress::-moz-progress-bar{background:var(--accent)}.viewer-xp-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c4c2bf;margin-top:10px}.viewer-summary{display:flex;gap:32px;padding:24px 4px;color:var(--muted);font-size:14px}.viewer-summary b{color:var(--text);font-size:19px;margin-right:5px}
.viewer-pins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 38px}.viewer-pins>button{display:flex;align-items:center;gap:14px;padding:14px;text-align:left;border:1px solid #ffffff14;border-radius:13px;background:#24221f}.viewer-pins>button>span:nth-child(2){font-size:14px;line-height:1.4;flex:1}.viewer-pins>button>svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.viewer-badge{display:grid;place-items:center;width:60px;height:66px;flex-shrink:0;clip-path:polygon(50% 0,94% 23%,94% 75%,50% 100%,6% 75%,6% 23%);background:#3c3a37;color:#b2b0ad;position:relative}.viewer-badge:before{content:'';position:absolute;inset:3px;clip-path:inherit;background:#1f1d1ae0;z-index:-1}.viewer-badge svg{width:30px;height:30px}.viewer-badge.unlocked{background:linear-gradient(150deg,#e8e6e3,#767471);color:#f1efec;filter:drop-shadow(0 0 8px #9cb9f533)}.badge-crown.unlocked{background:linear-gradient(150deg,#f2d49b,#8d6240);color:#fff0c6}.badge-compass.unlocked,.badge-planet.unlocked{background:linear-gradient(150deg,#d5d3d0,#716f6c);color:#e5e3e0}
.viewer-showcase{margin-bottom:38px}.viewer-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.viewer-title{text-align:left;min-width:0;border-radius:12px}.viewer-title .art{aspect-ratio:2/3;border:1px solid #ffffff16;border-radius:12px;overflow:hidden}.viewer-title b{display:block;font-size:17px;line-height:1.4;margin:12px 0 5px}.viewer-title>span{font-size:13px;color:var(--muted)}.viewer-title:hover .art{border-color:var(--accent)}.viewer-empty{display:flex;align-items:center;gap:20px;padding:28px;background:#ffffff02;border:1px dashed #ffffff24;border-radius:15px}.viewer-empty>span>svg{width:32px;height:32px;color:var(--accent)}.viewer-empty>div{flex:1}.viewer-empty h3{font-size:18px;margin:0 0 8px}.viewer-empty p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.viewer-empty .button{flex-shrink:0}
.viewer-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.viewer-achievement{display:flex;gap:16px;align-items:center;min-width:0;padding:21px 17px;text-align:left;border:1px solid #ffffff12;background:#1f1d1a;border-radius:14px}.viewer-achievement:hover,.viewer-pins>button:hover{border-color:#c3c1be6b;background:#2c2a27}.viewer-achievement.earned{background:linear-gradient(115deg,#2d2b28,#24221f);border-color:#c5c3c02b}.viewer-achievement-info{flex:1;min-width:0}.viewer-achievement-info b{display:block;font-size:16px;line-height:1.45}.viewer-achievement-info>span{display:block;margin:8px 0;font-size:13px;color:var(--muted)}.viewer-achievement-info progress{display:block;width:100%;height:4px}.viewer-badge-grid>.viewer-empty{grid-column:1/-1}.viewer-rules{margin-top:30px}.viewer-rules p{max-width:850px;line-height:1.8;color:var(--muted);font-size:14px}.viewer-loading{padding:80px 20px;text-align:center;color:var(--muted)}
.viewer-achievement-detail{text-align:center;padding:16px 8px}.viewer-achievement-detail>.viewer-badge{width:90px;height:100px;margin:0 auto 24px}.viewer-achievement-detail>.viewer-badge svg{width:42px;height:42px}.viewer-achievement-detail p{font-size:16px;line-height:1.7;color:var(--muted)}.viewer-achievement-detail .viewer-detail-note{font-size:13px;margin-top:25px}
#viewer-form fieldset{border:0;padding:0;margin:24px 0}#viewer-form legend{font-size:15px;font-weight:600;margin-bottom:14px}.viewer-cover-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.viewer-cover-picker label{position:relative}.viewer-cover-picker input{position:absolute;opacity:0;width:1px;height:1px}.viewer-cover-picker span{display:grid;place-items:center;height:70px;border:2px solid transparent;border-radius:10px;color:#e6e4e1;font-size:13px}.viewer-cover-picker input:checked+span{border-color:var(--accent)}.viewer-cover-picker input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.viewer-choice-list{max-height:210px;overflow:auto;scrollbar-width:thin}.viewer-choice-list label{display:flex;gap:12px;align-items:center;padding:10px 4px;font-size:14px;line-height:1.5}.viewer-choice-list label[hidden]{display:none}.viewer-choice-list input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.viewer-choice-list p{font-size:14px;color:var(--muted)}.viewer-picker-search{margin-bottom:10px}#viewer-save-status{font-size:14px;color:var(--muted);line-height:1.5}
@media(max-width:1150px){.viewer-hero{grid-template-columns:1fr;padding:28px;gap:24px}.viewer-level{max-width:400px;width:100%}.viewer-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-pins{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.viewer-page{padding-top:12px}.viewer-top>span{display:none}.viewer-top{justify-content:flex-end}.viewer-hero{padding:24px 20px;border-radius:17px}.viewer-identity{display:block}.viewer-avatar{width:76px;height:76px;font-size:38px;margin-bottom:24px}.viewer-identity h1{font-size:30px}.viewer-level{padding:20px}.viewer-summary{gap:12px;justify-content:space-between;font-size:12px;flex-wrap:wrap}.viewer-summary b{font-size:17px}.viewer-pins,.viewer-badge-grid{grid-template-columns:1fr}.viewer-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.viewer-title b{font-size:15px}.viewer-empty{flex-wrap:wrap;padding:22px}.viewer-empty>span{display:none}.viewer-empty>div{flex-basis:100%}.viewer-achievements>.section-heading{flex-wrap:wrap}.viewer-achievement{padding:18px}.viewer-cover-picker{gap:6px}.viewer-cover-picker span{font-size:11px}.viewer-choice-list{max-height:180px}}

.watch-credit-info{margin:12px 0 24px}.watch-credit-info p{color:var(--muted);font-size:14px;line-height:1.7;max-width:800px}.viewer-summary{flex-wrap:wrap}


/* /catalog-browse.css */
.catalog-kind{display:flex;align-items:center;gap:14px;max-width:100%;font-size:15px;color:var(--muted)}.catalog-kind select{width:240px;max-width:100%;min-height:48px;padding:10px 14px;font-size:16px;border-radius:9px;border:1px solid #ffffff24;background:#292724;color:var(--text)}.catalog-kind select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.catalog-retry{margin-left:10px;text-decoration:underline;color:var(--accent);min-height:44px}.catalog-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}@media(max-width:620px){#catalog-section>.section-heading{align-items:stretch}.catalog-kind{width:100%;justify-content:space-between;gap:8px}.catalog-kind select{width:190px;min-width:0;font-size:15px}.catalog-kind>span{font-size:14px;flex-shrink:0}}

/* Catalogue continuation stays quieter than the results and primary actions. */
#home-more .catalog-page-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;max-width:100%;padding:8px 0;color:var(--muted,#a0a0a0);font-size:13px;line-height:1.5;text-align:center}
#home-more .catalog-page-notice>span{margin:0}
#home-more .catalog-page-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:40px;padding:8px 12px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff04;color:var(--text,#e6e6e6);font:inherit;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
#home-more .catalog-page-action svg{width:16px;height:16px;flex:none;color:var(--muted,#a0a0a0)}
#home-more .catalog-page-action:hover{background:#ffffff0a;border-color:#ffffff26}
#home-more .catalog-page-action:focus-visible{outline:2px solid var(--accent,#aaa);outline-offset:3px}
#home-more .catalog-page-end{color:var(--muted,#a0a0a0);font-size:12px;line-height:1.5}
@media(max-width:620px){#home-more .catalog-page-notice{column-gap:10px;row-gap:4px;padding:6px 0}#home-more .catalog-page-action{min-height:44px}}
@media(prefers-reduced-motion:reduce){#home-more .catalog-page-action{transition:none}}


/* /title-community.css */

.detail-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-bottom:8px;min-width:0}
.detail-copy .detail-title-line h1{flex:1 1 260px;min-width:0;margin:0;overflow-wrap:anywhere}
.room-rating{flex:0 0 auto;margin-left:auto}
.room-stars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:240px}
.room-stars button{height:36px;min-width:0;padding:3px 1px;display:grid;place-items:center;color:#797774;transition:color .12s}
.room-stars svg{display:block;width:21px;height:21px;fill:#1d1b18;stroke:currentColor;stroke-width:1.35}
.room-stars button.is-filled{color:#f0f0f0}.room-stars button.is-filled svg{fill:currentColor}
.room-stars button:disabled{opacity:.65}
@media(max-width:620px){.detail-copy>.detail-title-line{grid-column:2}.detail-copy .detail-title-line h1{flex-basis:100%;font-size:23px}.room-stars{width:160px}.room-stars button{height:32px;padding:0}.room-stars svg{width:15px;height:15px}.room-rating{margin-left:0}}
@media(prefers-reduced-motion:reduce){.room-stars button{transition:none}}
html[data-motion=reduced] .room-stars button{transition:none}
.room-community{padding:24px;margin-top:28px;border:1px solid #ffffff12;border-radius:16px;background:#1e1c19}
.room-community-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.room-community h2{font-size:25px}.room-community h2 span{font-size:17px;color:#acaaa7;margin-left:8px}
.community-scope{font-size:13px;color:#a7a5a2;margin:10px 0 18px}
#room-comment-form textarea{display:block;width:100%;resize:vertical;min-height:110px;max-height:420px;padding:14px 16px;border:1px solid #4c4a47;border-radius:12px;background:#1a1815;color:#e9e7e4;font-size:15px;line-height:1.6;font-family:inherit;outline:none}
#room-comment-form textarea:focus{border-color:#8f8d8a}
.room-comment-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}.room-comment-controls label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.room-comment-controls input{width:18px;height:18px}.room-comment-controls>span{font-size:12px;color:#a09e9b;margin-right:auto}.room-comment-controls button{min-height:44px}.room-comment-controls [hidden]{display:none}
.room-comment-error{min-height:22px;margin:10px 0;color:#e1b1ba;font-size:13px}
.room-comment{padding:20px 0;border-top:1px solid #ffffff12}.room-comment header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.room-comment header b{font-size:15px;overflow-wrap:anywhere}.room-comment time,.room-comment header small{font-size:12px;color:#9d9b98}
.comment-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#3c3a37;color:#dbd9d6}
.room-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;font-size:15px;line-height:1.7;color:#d6d4d1}
.room-comment footer{display:flex;justify-content:flex-start;padding:0;border:0;margin:8px 0 0;gap:16px}.room-comment footer button{font-size:13px;min-height:40px}
.comment-spoiler{width:100%;text-align:center;padding:20px;background:repeating-linear-gradient(135deg,#33312e,#33312e 8px,#2e2c29 8px,#2e2c29 16px);color:#d0cecb;border:1px solid #4e4c49;border-radius:10px;margin-top:12px;min-height:56px}
.community-empty{padding:20px 0;color:#a5a3a0}.room-community>[hidden]{display:none}
@media(max-width:620px){.room-community{padding:16px 12px}.room-community h2{font-size:22px}.room-rating{gap:12px}.room-rating-result{min-width:140px}.room-comment-controls{gap:10px}.room-comment-controls [type=submit]{flex:1}.room-comment header{gap:8px}}



.room-community #room-comment-form[hidden]{display:none}
.community-scope[hidden]{display:none}.community-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.community-scope button{min-height:40px}.community-connect-actions{display:flex;gap:12px;flex-wrap:wrap}.community-connect-actions button{flex:1;min-height:44px}.community-server-settings{margin:12px 0 20px}.community-server-settings summary{cursor:pointer;padding:10px 0;color:#b9b7b4}

/* Discussion threads: one visual level, public avatars, quiet controls. */
.room-comment header{flex-wrap:wrap;gap:8px 10px}
.room-comment header>b{overflow-wrap:anywhere;min-width:0}
.room-comment header time{font-variant-numeric:tabular-nums}
.room-comment .comment-avatar{padding:0;flex:0 0 36px;width:36px;height:36px;border:1px solid #ffffff18;border-radius:50%;background:#292723;overflow:hidden;cursor:pointer;color:inherit}
.room-comment .comment-avatar:disabled{cursor:default;opacity:1}
.comment-avatar img,.comment-avatar svg{display:block;width:100%;height:100%;object-fit:cover}
.comment-avatar:focus-visible,.comment-thread-toggle:focus-visible{outline:2px solid #ded7c9;outline-offset:3px}
.room-comment footer{flex-wrap:wrap;gap:8px 16px}
.comment-thread-toggle{margin-top:12px;color:#ded7c9}
.comment-thread{margin:14px 0 0 18px;padding-left:18px;border-left:1px solid #d9cfbb35}
.room-comment-reply{padding:16px 0}
.comment-reply-to{display:block;margin-top:8px;color:#aaa59b;font-size:12px}
.room-comment .comment-deleted,.comment-thread-status{font-size:13px;color:#96938c}
.comment-reply-form{padding:14px;margin-top:14px;border:1px solid #ffffff16;border-radius:16px;background:#ffffff04}
.comment-reply-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;color:#c8c2b7;overflow-wrap:anywhere}
.comment-reply-form textarea{width:100%;resize:vertical;min-height:76px;border:1px solid #ffffff20;border-radius:12px;padding:12px;background:#171717;color:#eeeae2;font:inherit;box-sizing:border-box}
.comment-reply-form textarea:focus{outline:1px solid #bcb3a1}
.comment-reply-form .room-comment-controls{flex-wrap:wrap;gap:10px;margin-top:10px}
.comment-reply-form .room-comment-error:empty{display:none}
.comment-moderate{margin-left:auto}
@media(max-width:600px){.comment-thread{margin-left:6px;padding-left:12px}.comment-reply-form{padding:10px}.room-comment header time{margin-left:auto;font-size:11px}.room-comment header>b{max-width:calc(100% - 50px)}.comment-reply-form .room-comment-controls>span{display:none}.comment-reply-form .button{padding:9px 12px}.room-comment footer{gap:8px 12px}}

.room-comment-controls input,[name="showProfanity"]{accent-color:#cbc4b7}

/* One vote per account; compact controls shared by comments and replies. */
.room-comment .comment-votes{display:inline-flex;align-items:center;gap:1px;flex:0 0 auto;min-height:36px;padding:2px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff04}
.room-comment .comment-votes button{display:grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:7px;margin:0;border:0;border-radius:50%;background:transparent;color:#aaa59c;cursor:pointer;transition:color .15s,background .15s}
.room-comment .comment-votes svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.comment-votes [data-comment-vote="-1"] svg{transform:rotate(180deg)}
.room-comment .comment-votes button[aria-pressed=true]{color:#eee4d2;background:#cfc2a826}
.room-comment .comment-votes button[aria-pressed=true] svg{fill:currentColor;stroke-width:1}
.comment-vote-score{min-width:24px;padding:0 3px;text-align:center;font-size:12px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;color:#d2cdc4}
.room-comment .comment-votes button:focus-visible{outline:2px solid #cfc2a8;outline-offset:2px}
.room-comment .comment-votes button:disabled{opacity:.5;cursor:wait}
@media(hover:hover){.room-comment .comment-votes button:hover:not(:disabled){color:#f0e9dc;background:#ffffff0c}}
@media(max-width:620px){.room-comment .comment-votes button{width:36px;min-width:36px;height:36px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.room-comment .comment-votes button{transition:none}}

/* Comfortable composer spacing and a counter beside its content flags. */
:root body .room-community-heading{margin-bottom:22px;align-items:center}:root body .room-community-heading h2{margin:0;line-height:1.3}
:root body .room-community-heading [data-community-refresh]{min-height:44px;font-size:14px;padding:8px 10px}
:root body #room-comment-form .room-comment-controls{gap:8px 18px;margin-top:12px}
:root body #room-comment-form [data-comment-length]{display:flex;align-items:center;min-height:44px;margin:0;font-size:14px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}
:root body #room-comment-form .room-comment-controls label{font-size:14px;line-height:1.4}
:root body #room-comment-form .room-comment-controls [type=submit]{margin-left:auto}
:root body #room-comment-form .room-comment-error:empty{display:none}:root body .room-comment-list{margin-top:24px}
:root body .community-empty{padding:22px 0 8px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}



/* /title-music.css */
.detail-music-body{padding:4px 16px 18px}.detail-music-count{margin-left:auto;color:var(--muted);font-size:11px}.music-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.music-actions .button{min-height:38px;font-size:12px}.music-actions label{display:flex;align-items:center;gap:7px;font-size:12px;color:#c7c7c4;cursor:pointer}.music-actions input{accent-color:#dedbd1}.music-privacy,.music-attribution{font-size:11px;color:#92938f;line-height:1.6}.music-status{font-size:13px;line-height:1.5;color:#e0dfda;min-height:0}.music-status:empty{display:none}.music-results h3{font-size:12px;color:#b7b8b2;margin:18px 0 6px}.music-list{padding:0;margin:0;list-style:none;max-height:340px;overflow:auto;overscroll-behavior:contain}.music-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff09}.music-list li>div{min-width:0}.music-list b,.music-list a{font-size:13px;font-weight:550;color:#eee;overflow-wrap:anywhere}.music-list span:not(.music-time){display:block;color:#aaa;font-size:12px;margin-top:3px}.music-list small{display:block;font-size:10px;color:#8f9990;margin-top:4px}.music-time{color:#92958c;font-size:11px;white-space:nowrap}.music-season{font-size:12px;color:#aaa;margin-top:14px}.music-season summary{cursor:pointer;padding:6px 0}.music-attribution a{color:inherit;text-decoration:underline}.music-now{position:absolute;top:18px;left:18px;right:18px;z-index:14;max-width:450px;width:fit-content;padding:10px 14px;border:1px solid #ffffff24;border-radius:10px;background:#181a18eb;color:#eee;font-size:13px;line-height:1.5;pointer-events:none}.watch-buttons .watch-music{flex-shrink:0}.watch-music svg{width:19px;height:19px}@media(max-width:600px){.detail-music-count{font-size:10px}.music-actions{align-items:flex-start;flex-direction:column;gap:10px}.music-now{top:10px;left:10px;right:10px;font-size:11px}.watch-buttons .watch-music{width:28px;min-width:28px;padding:4px}.music-list{max-height:300px}}



/* /boot-posters.css */
/* Reserve the classic scrollbar before, during and after the reveal. */
html{scrollbar-gutter:stable}
html.watchroom-boot-pending #app{opacity:0;pointer-events:none}
html.watchroom-boot-revealing #app{pointer-events:none}
html.watchroom-boot-pending,html.watchroom-boot-revealing{overflow:hidden}
#watchroom-boot-cover{--boot-feather:clamp(48px,10vw,160px);position:fixed;inset:0;z-index:10000;overflow:hidden;isolation:isolate}
#watchroom-boot-cover::before,#watchroom-boot-cover::after{content:"";position:absolute;top:0;bottom:0;width:calc(50% + var(--boot-feather));z-index:-1;pointer-events:none}
#watchroom-boot-cover::before{left:0;background:linear-gradient(to right,#101111 0%,#101111 calc(100% - var(--boot-feather)),transparent 100%)}
#watchroom-boot-cover::after{right:0;background:linear-gradient(to left,#101111 0%,#101111 calc(100% - var(--boot-feather)),transparent 100%)}
#watchroom-boot-cover>.boot{min-height:100dvh;transition:opacity .1s ease}
#watchroom-boot-cover.is-revealing>.boot{opacity:0}
#watchroom-boot-cover.is-revealing::before{animation:unskip-open-left .3s cubic-bezier(.2,.6,.3,1) both}
#watchroom-boot-cover.is-revealing::after{animation:unskip-open-right .3s cubic-bezier(.2,.6,.3,1) both}
@keyframes unskip-open-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes unskip-open-right{from{transform:translateX(0)}to{transform:translateX(100%)}}
:root body #watchroom-boot-cover>.boot,:root body #app>.boot{gap:20px;min-height:100dvh}
:root body #watchroom-boot-cover .boot>.unskip-lockup,:root body #app>.boot>.unskip-lockup{font-size:68px;letter-spacing:-3.6px;gap:5px;margin:0}
:root body #watchroom-boot-cover .boot>.unskip-lockup>.unskip-mark,:root body #app>.boot>.unskip-lockup>.unskip-mark{width:74px;height:auto;transform:translateY(3px)}
:root body #watchroom-boot-cover .boot>span:not(.unskip-lockup),:root body #app>.boot>span:not(.unskip-lockup){font-size:17px;line-height:1.5;letter-spacing:0;color:#aaa79f;margin:0}
#watchroom-boot-cover .boot>.boot-skip{margin-top:0}
@media(max-width:620px){
 :root body #watchroom-boot-cover .boot>.unskip-lockup,:root body #app>.boot>.unskip-lockup{font-size:60px;letter-spacing:-3.2px;gap:4px}
 :root body #watchroom-boot-cover .boot>.unskip-lockup>.unskip-mark,:root body #app>.boot>.unskip-lockup>.unskip-mark{width:66px}
 :root body #watchroom-boot-cover .boot>span:not(.unskip-lockup),:root body #app>.boot>span:not(.unskip-lockup){font-size:16px}
}
@media(prefers-reduced-motion:reduce){#watchroom-boot-cover>.boot{transition:none}#watchroom-boot-cover.is-revealing::before,#watchroom-boot-cover.is-revealing::after{animation:none}}
:root[data-motion=reduced] #watchroom-boot-cover>.boot{transition:none}
[data-boot-poster-fallback]:not(.poster-loaded){background:linear-gradient(145deg,#292b2c,#171819)}
[data-boot-poster-fallback]:not(.poster-loaded) .poster-placeholder small{display:none}

/* Fixed-width dots keep the caption still throughout the half-second cycle. */
.boot-message>.boot-dots{display:inline-block;clip-path:inset(0 66.6667% 0 0);animation:unskip-boot-dots .5s steps(1,end) infinite}
@keyframes unskip-boot-dots{0%{clip-path:inset(0 66.6667% 0 0)}33.3333%{clip-path:inset(0 33.3333% 0 0)}66.6667%,100%{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.boot-message>.boot-dots{animation:none;clip-path:none}}
:root[data-motion=reduced] .boot-message>.boot-dots{animation:none;clip-path:none}
@supports not (scrollbar-gutter:stable){html,html.watchroom-boot-pending,html.watchroom-boot-revealing{overflow-y:scroll}}

.boot-message>span{font:inherit;color:inherit;letter-spacing:inherit;margin:0}


/* /navigation.css */
/* Horizontal application shell. Loaded last to replace the former sidebar at every width. */
:root{--app-header-height:88px;scroll-padding-top:calc(var(--app-header-height) + 18px)}
.app-header.sidebar{position:sticky;inset:0 auto auto 0;z-index:30;display:block;flex-direction:initial;width:100%;height:auto;padding:0;border:0;border-bottom:1px solid #ffffff12;background:#1b1916f5;backdrop-filter:blur(20px)}
.app-header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:36px;min-height:var(--app-header-height);max-width:1440px;margin:0 auto;padding:0 40px}
.app-header .brand{display:flex;align-items:center;justify-content:flex-start;gap:9px;font-size:23px;line-height:1;letter-spacing:-.8px;white-space:nowrap}.app-header .brand-mark{display:inline-block;margin:0;font-size:34px;width:auto;height:auto;line-height:1}.app-header .brand-dot{display:inline;margin-left:-8px}.app-header .brand-mark>span{font-size:17px}
.app-header nav{display:flex;align-items:stretch;justify-content:center;gap:24px;margin:0;height:var(--app-header-height);min-width:0}
.app-header .nav-item{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row;flex:none;width:auto;min-width:0;min-height:48px;margin:0;padding:0 2px;border:0;border-radius:0;background:transparent;color:#bab8b5;font-size:16px;font-weight:600;white-space:nowrap;transition:color .15s}
.app-header .nav-item>svg{display:none}.app-header .nav-item>span{display:block}.app-header .nav-item.active,.app-header .nav-item.active:hover{background:transparent;color:var(--accent)}.app-header .nav-item:after{content:'';position:absolute;bottom:18px;left:2px;right:2px;height:3px;border-radius:3px;background:transparent}.app-header .nav-item.active:after{background:var(--accent)}.app-header .nav-item:hover{background:transparent;color:#f6f4f1}.app-header .nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-5px;border-radius:6px}
.app-header .header-account{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:46px;max-width:205px;width:auto;margin:0;padding:5px 10px 5px 5px;border:1px solid #ffffff12;border-radius:9px;background:#292724;color:#e6e4e1}.app-header .header-account:hover{background:#363431;border-color:#ffffff26}.app-header .header-account>span:nth-child(2){display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.app-header .header-account>svg{display:block;width:16px;height:16px;flex-shrink:0;color:#a3a19e}.app-header .avatar{width:34px;height:34px;font-size:18px;border-radius:7px;flex-shrink:0}
main{margin:0 auto;padding:0 40px 30px;max-width:1440px;min-width:0}#content,.topbar,footer{max-width:none}.topbar{height:52px;border-bottom:0;justify-content:flex-start}.breadcrumb{font-size:13px}.breadcrumb b{max-width:min(70vw,680px)}
#toast{left:50%;bottom:24px}.library-undo{left:50%;bottom:24px}.watch-section,#catalog-section{scroll-margin-top:calc(var(--app-header-height) + 18px)}
@media(max-width:1100px){:root{--app-header-height:120px}.app-header-inner{grid-template-columns:1fr auto;gap:0 20px;padding:0 28px;min-height:120px}.app-header .brand{grid-column:1;grid-row:1;min-height:64px}.app-header .header-account{grid-column:2;grid-row:1}.app-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:30px;height:56px}.app-header .nav-item:after{bottom:6px}.app-header .nav-item{font-size:16px}main{padding:0 28px 28px}}
@media(max-width:620px){:root{--app-header-height:112px}.app-header-inner{min-height:112px;padding:0 16px;gap:0 12px}.app-header .brand{font-size:21px;min-height:60px}.app-header .brand-mark{font-size:30px}.app-header .header-account{min-height:40px;max-width:110px;padding:3px 6px 3px 3px;gap:6px}.app-header .header-account>span:nth-child(2){max-width:56px;font-size:12px}.app-header .header-account>svg{display:none}.app-header .avatar{width:30px;height:30px;font-size:16px}.app-header nav{height:52px;gap:8px;justify-content:space-between}.app-header .nav-item{font-size:13px;min-height:48px;padding:0;letter-spacing:0}.app-header .nav-item:after{left:0;right:0;bottom:5px;height:2px}main{margin:0 auto;padding:0 18px calc(28px + env(safe-area-inset-bottom))}.topbar{height:42px}.breadcrumb{font-size:12px}.breadcrumb b{max-width:65vw}#toast,.library-undo{bottom:calc(16px + env(safe-area-inset-bottom))}.viewer-page{padding-top:0}}
@media(max-width:360px){.app-header .header-account>span:nth-child(2){display:none}.app-header .header-account{padding:3px}.app-header .brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){.app-header .nav-item{transition:none}}

.profile-tabs{display:flex;align-items:center;gap:26px;border-bottom:1px solid #ffffff14;margin:6px 0 24px}.profile-tabs button{position:relative;padding:14px 2px;min-height:48px;font-size:15px;color:var(--muted)}.profile-tabs button[aria-current=page]{color:var(--accent)}.profile-tabs button[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.profile-tabs button:hover{color:var(--text)}.profile-signin{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 22px}.profile-signin>span{margin-right:auto;color:var(--muted);font-size:15px}.profile-tabs+.viewer-page{padding-top:0}@media(max-width:620px){.profile-tabs{gap:20px;margin-top:0;margin-bottom:20px;justify-content:space-between}.profile-tabs button{font-size:14px}.profile-signin{flex-wrap:wrap;justify-content:flex-start;gap:10px}.profile-signin>span{flex-basis:100%;font-size:14px}.profile-signin .button{min-height:44px;font-size:13px}.app-header nav{justify-content:flex-start;gap:26px}.app-header .nav-item{font-size:15px}}

.app-header .header-account[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}


/* /catalog-search.css */
.search-placeholder{grid-column:1/-1;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted,#999);padding:28px}.search-placeholder h3{color:var(--text,#eee);margin:18px 0 0}.search-spinner,.search-in-progress:before{display:inline-block;border:2px solid #ffffff20;border-top-color:#b0aeab;border-radius:50%;animation:catalog-spin .8s linear infinite}.search-spinner{width:30px;height:30px}.search-in-progress:before{content:'';width:12px;height:12px;margin-right:9px;vertical-align:-2px}@keyframes catalog-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.search-spinner,.search-in-progress:before{animation:none}}


/* /design.css */
/* Shared visual system. Loaded last; functional layouts remain in their modules. */
:root,:root[data-accent=sky],:root[data-accent=lime]{
 --accent:#9bbbff;--accent-soft:#9bbbff17;--accent-ink:#101c33;
 --bg:#0e1117;--surface:#171d27;--text:#edf2fa;--muted:#a0aec3;--line:#ffffff12;
 --panel:#171d27;--panel-raised:#1d2634;--field:#101620;
 --radius:14px;--radius-small:9px;--app-header-height:80px;
}
:root[data-accent=lavender]{--accent:#c7b5f4;--accent-soft:#c7b5f417;--accent-ink:#261d3a;--bg:#0e1117;--surface:#171d27;--text:#edf2fa;--muted:#a0aec3;--line:#ffffff12}
:root[data-accent=neutral]{--accent:#c7d0df;--accent-soft:#c7d0df17;--accent-ink:#1c2430;--bg:#0e1117;--surface:#171d27;--text:#edf2fa;--muted:#a0aec3;--line:#ffffff12}
body{background:radial-gradient(ellipse 900px 600px at 85% 0,#3f3d3a22,transparent),var(--bg);font-family:"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.5}
button,input,select,textarea{font-family:inherit}
button,a{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
h1,h2,h3{font-family:inherit;font-weight:650;letter-spacing:-.7px}
main{max-width:1440px;padding:0 40px 32px;min-height:calc(100vh - var(--app-header-height))}
.app-header.sidebar{background:#171512ee;border-bottom:1px solid var(--line);box-shadow:0 6px 25px #00000016}
.app-header-inner{min-height:80px;gap:50px}
.app-header nav{height:80px;justify-content:flex-start;gap:30px}
.app-header .brand{font-size:23px;letter-spacing:-.8px;gap:11px}
.app-header .brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff24;border-radius:10px;font-size:26px;line-height:1;background:var(--accent-soft);color:var(--accent);margin:0}
.app-header .brand-mark>span,.app-header .brand-dot{display:none}
.app-header .nav-item{font-size:16px;color:var(--muted)}
.app-header .nav-item:after{bottom:0;height:2px;left:0;right:0}
.app-header .nav-item.active{color:var(--text)}
.app-header .header-account{border-radius:24px;padding:5px 12px 5px 5px;background:var(--panel);border-color:var(--line);min-height:44px}
.app-header .avatar{border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.app-header .header-account>span:nth-child(2){font-size:14px}
.button{border-radius:var(--radius-small);font-weight:600;min-height:46px;gap:9px}
.button.primary{background:var(--accent);color:var(--accent-ink);border:1px solid transparent;box-shadow:0 3px 15px #0002}
.button.primary:hover{background:color-mix(in srgb,var(--accent),white 12%);box-shadow:0 4px 20px #0004}
.button.secondary,.icon-button,.favorite-filter{background:var(--panel-raised);border:1px solid var(--line);color:var(--text)}
.button.secondary:hover,.favorite-filter:hover{background:#363431;border-color:#ffffff30}
.text-button{color:var(--muted)}.text-button:hover{color:var(--text)}
.section-heading{margin:34px 0 20px;align-items:center;gap:20px}
.section-heading h2{font-size:27px;font-weight:650;letter-spacing:-.7px}
.section-heading .eyebrow{display:none}
.hero.cinema-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:40px;align-items:center;position:relative;isolation:isolate;min-height:338px;margin:30px 0 36px;padding:40px 42px;overflow:hidden;border:1px solid #c8c6c320;border-radius:22px;background:linear-gradient(110deg,#2a2825,#211f1c 55%,#181613);box-shadow:inset 0 1px #ffffff06,0 15px 40px #0002}
.cinema-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 64% 0,#79777422,transparent 60%);pointer-events:none}
.cinema-hero .hero-copy{padding:0;min-width:0}
.hero.cinema-hero h1{font:650 clamp(34px,3.5vw,50px)/1.12 "Segoe UI",system-ui,sans-serif;letter-spacing:-1.8px;margin:0 0 28px}
.hero.cinema-hero h1 em{font-style:normal;color:var(--accent);display:block}
.cinema-hero .search-box{max-width:620px;min-height:60px;border-radius:12px;border:1px solid #d0cecb35;background:#14120fcc;box-shadow:0 8px 24px #0002;padding:6px 7px 6px 17px}
.cinema-hero .search-box input{height:44px;font-size:16px}
.cinema-hero .search-box>button{height:44px;width:44px;border-radius:8px;color:var(--accent-ink);background:var(--accent)}
.cinema-hero .search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.cinema-hero .search-hints{gap:8px;margin-top:15px}
.cinema-hero .search-hints>span{display:none}
.cinema-hero .search-hints button{font-size:13px;color:#c7c5c2;background:#ffffff06;border:1px solid #ffffff10;border-radius:7px;min-height:36px;padding:6px 10px}
.cinema-hero .search-hints button:hover{color:var(--text);border-color:var(--accent)}
.cinema-art{position:relative;height:278px;min-width:0;pointer-events:none;isolation:isolate}
.cinema-art:after{content:'';position:absolute;inset:-20px -50px -45px;background:linear-gradient(0deg,#1c1a17,transparent 35%);pointer-events:none;z-index:3}
.cinema-poster{position:absolute;width:45%;max-width:182px;top:20px;left:0;transform:rotate(-9deg);border:1px solid #ffffff25;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px #0007}
.cinema-poster:nth-child(2){left:28%;top:0;z-index:2;transform:rotate(0)}
.cinema-poster:nth-child(3){left:56%;top:20px;transform:rotate(9deg)}
.cinema-poster .art{aspect-ratio:2/3}
.cinema-poster .poster-placeholder{font-size:16px;padding:16px;text-align:center;background:linear-gradient(145deg,#4b4946,#23211e)}
.cinema-poster .poster-placeholder small{display:none}
.catalog-kind{gap:12px;font-size:14px}.catalog-kind select{min-height:46px;background:var(--panel);border-color:var(--line);border-radius:var(--radius-small);font-size:15px}
.catalog-meta{margin:0 0 20px;font-size:14px;color:var(--muted);min-height:21px}
.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
#results>.show-card{position:relative;padding:10px 10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .18s,background-color .18s,transform .18s}
#results>.show-card:hover,#results>.show-card:focus-within{border-color:#bbb9b655;background:var(--panel-raised);transform:translateY(-3px)}
.poster-button{border-radius:9px;border:0;box-shadow:0 5px 14px #0003}
.poster-button .art{aspect-ratio:2/3}
.card-title{font-size:17px!important;font-weight:600;letter-spacing:-.2px;line-height:1.4}
#results .card-title{margin:14px 4px 4px;min-height:48px;padding:0 44px 0 0;width:calc(100% - 8px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}
#results .card-bottom{position:absolute;bottom:12px;right:10px;margin:0;min-height:0}
#results .card-bottom>span{display:none}
.card-add{height:40px;width:40px;border-radius:9px;background:#ffffff06;border:1px solid #ffffff12}
.card-add:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.card-meta{display:none}
.rating{top:10px;left:10px;border-radius:6px;background:#12100dcc;border:1px solid #ffffff20;padding:4px 8px;font-size:12px;font-weight:650;backdrop-filter:blur(8px)}
.saved-badge{border-radius:6px;background:#12100dd9;color:var(--accent)}
#results .availability-badge{display:none}
#results .mini-progress{position:absolute;bottom:0;left:12px;right:12px;width:auto;height:2px;border-radius:0}
.poster-placeholder{color:#dedcd9;background:linear-gradient(140deg,#3b3936,#23211e);font-size:18px}
.poster-placeholder small{font-size:13px;color:var(--muted)}
.continue-grid{gap:16px}
.continue-card{border-radius:var(--radius);padding:16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 4px 16px #0001}
.continue-card:hover{background:var(--panel-raised);border-color:#bbb9b655}
.continue-art{width:70px;border-radius:7px;overflow:hidden}
.continue-card h3{font-size:17px;font-weight:600}
.continue-card .round-play{background:var(--accent-soft);color:var(--accent);border:1px solid #ffffff12}
.page-intro,.library-intro{padding-top:35px;margin-bottom:24px}
.page-intro h1,.library-intro h1{font-size:38px;font-weight:650;letter-spacing:-1.1px;margin:0}
.page-intro h1>span{color:var(--accent)}
.library-toolbar{background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:var(--radius);gap:12px;margin-bottom:22px}
.library-search,.library-sort select{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-small);min-height:48px}
.library-search input{font-size:16px;height:46px}
.library-sort select{height:48px;font-size:14px}
.favorite-filter{min-height:48px;font-size:14px;border-radius:var(--radius-small)}
.library-tabs{gap:6px;padding:0 0 16px;border-color:var(--line)}
.library-tabs button{border-radius:var(--radius-small);font-size:14px;min-height:44px;padding:9px 13px}
.library-tabs button.selected{background:var(--accent-soft);color:var(--accent);border-color:#ffffff18}
.library-results-heading{min-height:55px}.library-results-heading p{font-size:14px}
.library-card{padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.library-card .card-title{font-size:17px!important}
.library-status-badge{font-size:11px;border-radius:6px;padding:6px 9px;backdrop-filter:blur(8px)}
.library-watch{min-height:44px;font-size:14px}
.profile-tabs{margin:22px 0 24px;gap:28px}
.profile-tabs button{font-size:15px;min-height:48px;font-weight:600}
.viewer-hero{border-radius:18px;border-color:#c8c6c325;padding:36px;box-shadow:0 10px 32px #0002}
.cover-midnight{background:linear-gradient(120deg,#223754,#16243a 60%,#142236)}
.viewer-cover-art{opacity:.65}
.viewer-avatar{border-radius:20px;background:#1d1b18;box-shadow:0 0 0 6px #e7e5e208}
.viewer-level{border-radius:var(--radius);background:#1a1815b0;border-color:#ffffff1c}
.viewer-level-number{color:var(--accent);font-weight:700}
.viewer-summary{gap:30px;padding:26px 0}
.viewer-pins>button,.viewer-achievement{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.viewer-achievement.earned{background:linear-gradient(120deg,#32302d,var(--panel));border-color:#bbb9b633}
.viewer-achievement:hover,.viewer-pins>button:hover{background:var(--panel-raised);border-color:#bbb9b655}
.viewer-title .art{border-radius:10px}
.viewer-empty,.empty{border:1px dashed #ffffff22;border-radius:var(--radius);background:#1e1c1966}
.empty{grid-column:1/-1;padding:48px 24px}
.viewer-badge-grid{gap:16px}
.settings-card,.profile-summary,.account-data,.account-callout,.account-stats>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
.settings-heading{border-color:var(--line)}
.settings-heading h2{font-size:24px;font-weight:650}
.setting-field input,.setting-field select,.setting-field textarea,.modal input{background:var(--field);border:1px solid #ffffff1a;border-radius:var(--radius-small);font-size:16px;min-height:48px}
.account-stats strong{font-size:42px;font-weight:650;color:var(--text)}
.account-stats span{color:var(--muted);font-size:14px}
.profile-summary h2{font-size:25px}
.back{margin:24px 0 16px;min-height:40px}
.detail-head{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:24px;grid-template-columns:105px minmax(0,1fr);gap:24px;margin:0 0 28px}
.detail-poster{border-radius:9px;overflow:hidden}
.detail-copy h1{font-size:34px;font-weight:650;letter-spacing:-1px}
.detail-copy>.eyebrow{display:none}
.detail-copy .original-title{font-size:14px;color:var(--muted)}
.show-description{margin:8px 0;padding:5px 0}
.show-description summary{font-size:14px}
.detail-actions{margin-top:12px}
.watch-main>.section-heading{margin:0 0 16px}
.watch-main h2{font-size:24px}
.video-frame{border:1px solid #ffffff16;border-radius:var(--radius);box-shadow:0 10px 35px #0004;background:#05070b}
.video-frame:fullscreen{border:0;border-radius:0}
.episodes{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.episodes-head{padding:18px;border-bottom:1px solid var(--line)}
.episodes-head h3{font-size:18px;font-weight:650}
.episodes-head select{background:var(--field);border-color:var(--line);border-radius:8px}
.episode-row{border-bottom:1px solid #ffffff08}
.episode-row.current{background:var(--accent-soft);border-left-color:var(--accent)}
.episode-choice b{font-size:14px;font-weight:550}
.episode-no{color:var(--muted)}
.episode-row.current .episode-no,.episode-row.current b{color:var(--accent)}
.player-caption{padding:14px 0 10px;color:var(--muted)}
.player-caption p,.player-caption>span{font-size:13px}
.player-options,.watch-credit-info,.viewer-rules{border:1px solid var(--line);border-radius:var(--radius);padding:0;background:var(--panel);margin-top:18px}
.player-options>summary,.watch-credit-info>summary,.viewer-rules>summary{padding:17px 20px;font-size:15px;min-height:54px}
.player-options .stream-panel{padding:0 20px 10px;margin:0}
.player-options .section-heading{margin:0 0 12px}
.player-options .section-heading h2{font-size:19px}
.watch-credit-info>p,.viewer-rules>p{padding:0 20px 14px;margin:0;font-size:14px}
.stream-provider{padding:13px 0}.stream-provider:last-child{border-bottom:0}
.watch-settings-panel,.watch-help-dialog,.modal{background:#22201d;border:1px solid #ffffff26;box-shadow:0 15px 60px #0008;border-radius:var(--radius)}
.watch-settings-panel select{background:var(--field);border-color:#ffffff20}
.watch-settings-toggle[aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}
.watch-controls{border-radius:0 0 12px 12px}
.save-status{font-size:13px;color:var(--muted);padding:10px 2px}
footer{padding:28px 0 0;margin-top:42px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
footer>span:first-child{font-size:0}footer>span:first-child:after{content:'unskip';font-size:15px;font-weight:650;letter-spacing:-.4px}
#toast{background:#34322f;color:var(--text);border:1px solid #bbb9b640;border-radius:12px;box-shadow:0 8px 28px #0005}
@media(min-width:1600px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){
 :root{--app-header-height:112px}.app-header-inner{min-height:112px;gap:0 20px}.app-header nav{height:48px}.app-header .brand{min-height:64px}
 .hero.cinema-hero{gap:26px;padding:30px;grid-template-columns:minmax(0,1fr) 290px;min-height:310px}.cinema-art{height:240px}
 .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}
 .app-header .nav-item:after{bottom:0}
}
@media(max-width:800px){
 .hero.cinema-hero{grid-template-columns:1fr;min-height:0;padding:30px}.cinema-art{display:none}
 .hero.cinema-hero h1{font-size:38px}.hero.cinema-hero h1 em{display:inline}
 .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .library-toolbar{grid-template-columns:minmax(0,1fr) auto}.library-sort{grid-column:1/-1}
 .catalog-kind>span{display:none}
}
@media(max-width:620px){
 :root{--app-header-height:108px}.app-header-inner{min-height:108px;padding:0 18px}.app-header .brand{min-height:60px;font-size:21px}.app-header .brand-mark{width:29px;height:29px;font-size:23px;border-radius:8px}.app-header nav{height:48px;gap:26px}.app-header .nav-item{font-size:15px}
 .app-header .header-account{max-width:114px;min-height:40px;padding:3px 8px 3px 3px}.app-header .header-account>span:nth-child(2){font-size:12px}
 main{padding:0 16px 24px}
 .hero.cinema-hero{padding:24px 20px;margin:20px 0 28px;border-radius:16px}
 .hero.cinema-hero h1{font-size:34px;letter-spacing:-1.1px;margin-bottom:24px}.hero.cinema-hero h1 em{display:block}
 .cinema-hero .search-box{min-height:54px;padding-left:12px}.cinema-hero .search-box input{font-size:16px;height:40px}.cinema-hero .search-box>button{height:40px;width:40px}
 .cinema-hero .search-hints{gap:7px}.cinema-hero .search-hints button{font-size:12px;padding:5px 8px}.cinema-hero .search-hints button svg{display:none}
 .section-heading{margin:28px 0 16px;gap:14px}.section-heading h2{font-size:25px}
 #catalog-section>.section-heading{flex-direction:row;align-items:center;flex-wrap:wrap}
 .catalog-kind{width:auto;max-width:100%;margin-left:auto}.catalog-kind select{width:180px;font-size:14px}
 .catalog-meta{font-size:13px;margin-bottom:16px}
 .card-grid{gap:16px 10px}
 #results>.show-card,.library-card{padding:7px;border-radius:11px}
 #results .card-title{font-size:15px!important;margin:11px 1px 3px;min-height:43px;padding-right:0;width:calc(100% - 2px)}
 #results .card-bottom{position:static;margin-top:7px;justify-content:flex-end}
 #results .card-add{width:36px;height:36px;min-height:36px}
 .rating{left:6px;top:6px;font-size:11px;padding:3px 6px}
 .poster-placeholder{font-size:15px}
 .library-intro,.page-intro{padding-top:27px;margin-bottom:20px}
 .page-intro h1,.library-intro h1{font-size:31px}
 .library-toolbar{padding:9px;gap:9px}.library-search{padding:0 10px}.library-search input{font-size:15px}
 .library-sort select,.favorite-filter{font-size:13px}
 .library-tabs{gap:3px}.library-tabs button{font-size:13px;padding:9px 10px}
 .library-card .card-title{font-size:15px!important}.library-watch{font-size:13px}
 .profile-tabs{margin-top:18px;gap:18px}.profile-tabs button{font-size:14px}
 .viewer-hero{padding:24px 20px;border-radius:16px}.viewer-summary{gap:16px;flex-wrap:wrap}
 .viewer-achievement{padding:17px 13px}.settings-heading h2{font-size:22px}
 .detail-head{padding:18px;grid-template-columns:68px minmax(0,1fr);gap:16px;margin-bottom:24px}
 .detail-copy h1{font-size:25px;letter-spacing:-.6px}.detail-copy .original-title{font-size:13px}
 .watch-main h2{font-size:22px}.episodes-head{padding:16px}
 .player-options>summary,.watch-credit-info>summary,.viewer-rules>summary{padding:15px 16px;font-size:14px}
 .player-options .stream-panel{padding:0 16px 8px}
 .player-caption{gap:8px;flex-wrap:wrap}.player-caption p,.player-caption>span{font-size:12px}
 footer{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){button,a,#results>.show-card{transition:none}#results>.show-card:hover,#results>.show-card:focus-within{transform:none}}

/* Keep badges compact and touch actions comfortable. */
.rating{right:auto;width:auto;display:inline-flex;align-items:center}.cinema-art .catalog-poster{object-fit:cover}
@media(max-width:620px){#results .card-add{width:44px;height:44px;min-height:44px}}


/* /home.css */
/* Discovery storefront, sharing the platform palette. */
.home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0}
.home-toolbar nav{display:flex;gap:6px;flex-shrink:0}
.home-section-link{padding:12px 16px;min-height:46px;font-size:15px;color:var(--muted);border-radius:8px}
.home-section-link:hover,.home-section-link:focus-visible{background:var(--panel);color:var(--text)}
.home-toolbar #search-form{width:460px;max-width:100%}
.home-toolbar .search-box{min-height:50px;border-radius:10px;padding:4px 5px 4px 15px;background:var(--panel);border:1px solid #ffffff20}
.home-toolbar .search-box input{min-width:0;font-size:15px;height:44px}
.home-toolbar .search-box button{width:44px;height:44px;border-radius:7px;flex-shrink:0;background:var(--accent-soft);color:var(--accent)}
#home-discover[hidden]{display:none}
.home-spotlight{display:grid;grid-template-columns:36% minmax(0,1fr);min-height:420px;overflow:hidden;border:1px solid #cfcdca24;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#57555244,transparent 70%),linear-gradient(130deg,#33312e,#22201d);box-shadow:0 16px 50px #0003}
.spotlight-poster{position:relative;min-height:420px;overflow:hidden;background:#1c1a17}
.spotlight-poster:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,#312f2c)}
.spotlight-poster .art{height:100%;aspect-ratio:auto;position:absolute;inset:0}
.spotlight-poster .catalog-poster{object-fit:cover;object-position:50% 30%}
.spotlight-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:36px 40px 20px;min-width:0}
.spotlight-label{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:14px}
.spotlight-copy h1{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-1.4px;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.spotlight-facts{display:flex;flex-wrap:wrap;gap:8px 18px;color:#d3d1ce;font-size:14px}
.spotlight-facts>span:last-child{color:var(--accent)}
.spotlight-copy>p{font-size:16px;line-height:1.6;color:#d0cecb;margin:18px 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:630px}
.spotlight-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px}
.spotlight-pager{display:flex;gap:5px;margin-top:16px}
.spotlight-pager button{display:grid;place-items:center;width:34px;height:44px;padding:0}
.spotlight-pager span{height:4px;width:22px;border-radius:4px;background:#ffffff35;transition:background .15s}
.spotlight-pager button[aria-pressed=true] span{background:var(--accent);width:32px}
.home-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0 38px}
.home-category{position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:left;justify-content:center;min-height:104px;padding:20px 16px;border:1px solid #ffffff14;border-radius:10px;background:linear-gradient(120deg,#32302d,#24221f);transition:border-color .15s,background .15s}
.home-category:hover{border-color:var(--accent);background:var(--panel-raised)}
.home-category>span{font-size:17px;font-weight:600;letter-spacing:-.3px;z-index:1}
.home-category small{font-size:12px;color:var(--muted);margin-top:5px}
.home-category>svg{position:absolute;right:10px;bottom:11px;width:17px;color:#c8c6c350}
.category-1{background:linear-gradient(130deg,#32302d,#24221f)}.category-2{background:linear-gradient(130deg,#33312e,#23211e)}.category-3{background:linear-gradient(130deg,#3b3936,#282623)}.category-4{background:linear-gradient(130deg,#3b3936,#282623)}.category-5{background:linear-gradient(130deg,#413737,#29232a)}
.home-popular-title{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}
.home-popular-title h2{font-size:29px;margin:0}
.home-source{position:relative;color:var(--muted);font-size:13px;max-width:260px}
.home-source summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:flex-end}
.home-source summary:after{content:'ⓘ';margin-left:8px}
.home-source>p{position:absolute;right:0;top:34px;z-index:5;width:300px;max-width:calc(100vw - 40px);padding:18px;background:var(--panel-raised);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #0008;line-height:1.6}
.home-source a{color:var(--accent)}
.home-shelf{margin:0 0 30px}
.home-shelf>.section-heading{margin:22px 0 16px}
.home-shelf h2{font-size:22px}
.shelf-controls{display:flex;gap:8px;align-items:center}
.shelf-controls .text-button{margin-right:8px;font-size:14px}
.shelf-controls .icon-button{width:44px;height:44px;border-radius:8px}
.home-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/6);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#494744 transparent;padding:0 0 14px}
.home-tile{min-width:0;scroll-snap-align:start}
.home-tile>button{width:100%;text-align:left;display:block}
.home-tile-poster{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:var(--panel)}
.home-tile .art{aspect-ratio:2/3}
.home-tile-poster:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0f0d0abd);pointer-events:none}
.home-tile:hover .home-tile-poster,.home-tile:focus-within .home-tile-poster{border-color:var(--accent)}
.home-rank{position:absolute;bottom:8px;left:13px;z-index:1;color:white;font-size:32px;font-weight:750;line-height:1;text-shadow:0 2px 12px #0008;letter-spacing:-1px}
.home-tile h3{font-size:16px;line-height:1.4;letter-spacing:0;font-weight:600;margin:12px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}
.home-tile-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.home-tile-meta b{font-weight:500;color:var(--accent)}
.home-shelf-loading,.home-shelf-empty{padding:30px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--panel)}.home-feed-error{font-size:14px;color:var(--muted)}
.home-catalog{border-top:1px solid var(--line);padding-top:6px;margin-top:26px}
.home-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr 1.2fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:18px}
.home-filters label,.home-filters .catalog-kind{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:auto;max-width:100%;min-width:0;margin:0}
.home-filters label>span{display:block;font-size:13px;color:var(--muted)}
.home-filters select,.home-filters .catalog-kind select{width:100%;min-width:0;min-height:46px;font-size:14px;background:var(--field);border:1px solid #ffffff1a;border-radius:8px;padding:8px 10px}
.home-result-summary{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.home-result-summary .text-button{min-height:44px;font-size:14px;flex-shrink:0}
#home-more{display:flex;justify-content:center;margin:28px 0 0}
#home-more span{color:var(--muted);margin-left:10px}
.library-continue{margin:0 0 32px}.library-continue>.section-heading{margin-top:0}
@media(min-width:1200px){.home-catalog .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.home-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.home-rail{grid-auto-columns:calc((100% - 48px)/4)}.spotlight-copy{padding:28px 28px 14px}.spotlight-copy h1{font-size:36px}.home-toolbar{gap:12px}.home-section-link{padding:12px 10px}.home-filters{gap:10px}}
@media(max-width:800px){.home-toolbar{flex-direction:column-reverse;align-items:stretch;margin:20px 0}.home-toolbar #search-form{width:100%}.home-toolbar nav{justify-content:space-between}.home-spotlight{grid-template-columns:34% minmax(0,1fr);min-height:360px}.spotlight-poster{min-height:360px}.spotlight-copy{padding:26px 22px 10px}.spotlight-copy h1{font-size:30px}.spotlight-copy>p{font-size:14px;-webkit-line-clamp:2}.spotlight-actions .button{font-size:13px;padding:10px 12px}.home-rail{grid-auto-columns:calc((100% - 32px)/3)}.home-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.home-categories{gap:10px}.home-category>span{font-size:16px}}
@media(max-width:520px){.home-spotlight{display:flex;flex-direction:column;min-height:0;position:relative}.spotlight-poster{position:absolute;inset:0;min-height:0;opacity:.38}.spotlight-poster:after{background:linear-gradient(0deg,#22201d 8%,#22201d99 75%,#22201d33)}.spotlight-poster .catalog-poster{object-position:50% 25%}.spotlight-copy{padding:26px 22px 10px;min-height:340px;z-index:1}.spotlight-copy h1{font-size:32px}.spotlight-label{font-size:12px;margin-bottom:20px}.spotlight-copy>p{font-size:15px;color:#dedcd9}.spotlight-facts{font-size:13px}.spotlight-actions{gap:8px}.spotlight-actions .button{font-size:13px}.home-categories{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}.home-category{min-height:85px;padding:14px}.home-category small{display:none}.home-category>span{font-size:16px}.home-popular-title{align-items:flex-start;gap:10px}.home-popular-title h2{font-size:24px;line-height:1.25}.home-source{font-size:12px;max-width:106px;flex-shrink:0}.home-source summary{min-height:32px;line-height:1.4;text-align:right}.home-rail{grid-auto-columns:44%;gap:12px}.home-shelf h2{font-size:22px}.shelf-controls .icon-button{display:none}.home-tile h3{font-size:15px}.home-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}.home-filters>label:last-child{grid-column:1/-1}.home-result-summary{flex-wrap:wrap;gap:0}.home-result-summary .catalog-meta{margin-bottom:10px}.home-filters select{font-size:14px}.home-catalog>.section-heading{align-items:flex-start}.home-catalog>.section-heading h2{font-size:25px}.home-catalog>.section-heading .text-button{font-size:13px}.home-toolbar .search-box input{font-size:16px}.home-section-link{font-size:14px}.home-rail .poster-placeholder{font-size:14px}.home-rank{font-size:28px}}

.library-manage-button{width:44px;height:44px;min-height:44px;padding:10px;flex-shrink:0}.library-manage-button svg{width:21px;height:21px}.library-manage-button:hover{color:var(--accent);background:var(--accent-soft)}

@media(max-width:620px){.app-header nav{gap:22px}.app-header .nav-item{font-size:14px}}@media(max-width:360px){.app-header nav{gap:17px}}

.room-mini{position:fixed;right:20px;bottom:20px;z-index:45;width:min(400px,calc(100vw - 32px));background:#1e1c19;border:1px solid #bbb9b645;border-radius:14px;box-shadow:0 14px 60px #0009;overflow:hidden}.room-mini-head{display:flex;align-items:center;gap:8px;padding:6px 7px 6px 14px}.room-mini-head>button:first-child{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;font-size:14px;font-weight:600;min-height:44px}.room-mini .icon-button{width:44px;height:44px;min-height:44px;flex-shrink:0;border:0;background:transparent;border-radius:8px}.room-mini .icon-button:hover{background:var(--accent-soft);color:var(--accent)}.room-mini .video-frame{border-radius:0;border:0;box-shadow:none;width:100%;margin:0;aspect-ratio:16/9;min-height:0;max-height:none;overflow:hidden}.room-mini .watch-controls,.room-mini .watch-help-dialog,.room-mini .watch-next-panel{display:none!important}.room-mini .video-frame video{width:100%;height:100%;max-height:none;object-fit:contain}.room-mini-progress{padding:0 12px;height:28px;display:flex;align-items:center}.room-mini-progress input{width:100%;accent-color:var(--accent);height:24px;cursor:pointer}.room-mini-controls{display:flex;align-items:center;gap:3px;padding:0 7px 7px}.room-mini-time{font-size:12px;color:var(--muted);margin-left:5px;font-variant-numeric:tabular-nums}.room-mini-return{margin-left:auto}@media(max-width:620px){.room-mini{right:12px;bottom:12px;width:min(320px,calc(100vw - 24px))}.room-mini-head>button:first-child{font-size:13px}}

/* Search and catalogue filters share the library toolbar rhythm. */
:root body .home-toolbar{display:block;margin:22px 0 14px}:root body .home-toolbar #search-form{width:100%;max-width:none;margin:0}:root body .home-toolbar .search-box{width:100%;max-width:none;min-height:54px;padding:0 16px;border-radius:10px;background:var(--field);border:1px solid #ffffff1a}:root body .home-toolbar .search-box input{height:52px;font-size:17px}:root body .home-toolbar+.home-filters{margin:0 0 28px;padding:0;background:none;border:0;grid-template-columns:repeat(6,minmax(0,1fr))}:root body .library-continue{padding-top:22px}
@media(max-width:800px){:root body .home-toolbar+.home-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){:root body .home-toolbar+.home-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:root body .home-toolbar+.home-filters>label:last-child{grid-column:auto}:root body .home-toolbar .search-box input{font-size:16px}:root body .library-continue{padding-top:16px}}

/* Compact editorial feature above the home search. */
:root body #home-feature{margin:22px 0 0}
:root body #home-feature:empty,:root body #home-feature[hidden]{display:none}
:root body #home-feature .home-spotlight{grid-template-columns:210px minmax(0,1fr);min-height:300px;border-radius:18px;background:linear-gradient(110deg,#232525,#171919);box-shadow:none}
:root body #home-feature .spotlight-poster{min-height:300px;background:#191b1b}
:root body #home-feature .spotlight-poster:after{background:linear-gradient(90deg,transparent 85%,#232525)}
:root body #home-feature .spotlight-poster .catalog-poster{object-position:center}
:root body #home-feature .spotlight-copy{padding:24px 28px;min-height:0}
:root body #home-feature .spotlight-label{font-size:11px;letter-spacing:1.2px;margin-bottom:10px;color:#aaa}
:root body #home-feature .spotlight-copy h1{font-size:clamp(26px,2.5vw,36px);line-height:1.15;letter-spacing:-.7px;margin-bottom:12px;-webkit-line-clamp:2}
:root body #home-feature .spotlight-facts{font-size:14px;gap:8px 14px}
:root body #home-feature .spotlight-copy>p{font-size:15px;line-height:1.55;-webkit-line-clamp:2;max-width:760px;margin:14px 0 18px}
:root body #home-feature .spotlight-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:auto;width:100%}
:root body #home-feature .spotlight-actions{padding:0;margin:0;gap:10px}
:root body #home-feature .spotlight-actions .button{min-height:44px;font-size:14px;padding:10px 15px}
:root body #home-feature .spotlight-pager{margin:0 0 0 auto;gap:3px}
:root body #home-feature .spotlight-pager button{width:28px;height:44px}
:root body #home-feature .spotlight-pager span{width:16px;height:3px}
:root body #home-feature .spotlight-pager button[aria-pressed=true] span{width:24px}
@media(max-width:800px){:root body #home-feature .home-spotlight{grid-template-columns:180px minmax(0,1fr)}:root body #home-feature .spotlight-copy{padding:20px}:root body #home-feature .spotlight-copy h1{font-size:28px}}
@media(max-width:520px){:root body #home-feature{margin-top:16px}:root body #home-feature .home-spotlight{display:block;min-height:0}:root body #home-feature .spotlight-poster{position:absolute;inset:0;min-height:0;opacity:.22}:root body #home-feature .spotlight-poster:after{background:linear-gradient(0deg,#171919 5%,#17191980 100%)}:root body #home-feature .spotlight-copy{padding:20px;min-height:0}:root body #home-feature .spotlight-copy h1{font-size:27px}:root body #home-feature .spotlight-label{margin-bottom:10px}:root body #home-feature .spotlight-copy>p{font-size:14px;margin:12px 0 16px}:root body #home-feature .spotlight-actions{width:100%}:root body #home-feature .spotlight-actions .button{font-size:13px;padding:10px 12px}:root body #home-feature .spotlight-footer{gap:4px}:root body #home-feature .spotlight-pager button{height:36px}}

/* A little more breathing room in Continue watching cards. */
:root body .library-continue .continue-card{padding-top:24px;padding-bottom:24px}
@media(max-width:520px){:root body .library-continue .continue-card{padding-top:20px;padding-bottom:20px}}

/* Match the home shelf-to-search gap, including its collapsed state. */
:root body .library-continue{margin-bottom:0}
:root body #content>.library-toolbar{margin-top:22px}


/* /header.css */
/* Main navigation: one consistent, compact control group. */
:root,:root[data-accent]{--app-header-height:85px}
.app-header.sidebar{background:#161411ec;border-bottom:1px solid #c3c1be17;box-shadow:0 5px 24px #00000024;backdrop-filter:blur(22px)}
.app-header-inner{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);grid-template-areas:"brand nav profile";min-height:84px;height:84px;gap:24px;padding:0 32px;max-width:1510px}
.app-header .brand{grid-area:brand;justify-self:start;min-height:0;font-size:23px;letter-spacing:-.9px;gap:11px;line-height:1}
.app-header .brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:var(--accent);font-size:29px;font-weight:700;background:linear-gradient(145deg,#c7c5c224,#c7c5c208);border:1px solid #cbc9c635;box-shadow:inset 0 1px #ffffff12}
.app-header nav{grid-area:nav;display:flex;justify-content:center;align-items:center;gap:5px;height:54px;padding:5px;background:#2624218c;border:1px solid #cbc9c615;border-radius:14px;margin:0;min-width:0}
.app-header .nav-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;min-height:44px;height:44px;min-width:112px;padding:0 17px;border:1px solid transparent;border-radius:9px;font-size:15px;font-weight:550;color:#b5b3b0;white-space:nowrap;background:transparent}
.app-header .nav-item>svg{display:block;width:18px;height:18px;opacity:.85;flex-shrink:0}
.app-header .nav-item>span{display:block}
.app-header .nav-item:after{display:none}
.app-header .nav-item:hover{background:#ffffff08;color:var(--text)}
:root[data-accent] .app-header .nav-item.active,.app-header .nav-item.active{color:#ecf3ff;background:linear-gradient(120deg,#364c70,#2a3a54);border-color:#a5c3ff36;box-shadow:0 2px 7px #0002,inset 0 1px #ffffff09}
.app-header .nav-item.active>svg{color:var(--accent);opacity:1}
.app-header .header-account{grid-area:profile;justify-self:end;display:flex;align-items:center;gap:10px;width:auto;max-width:220px;min-height:46px;height:46px;margin:0;padding:5px 11px 5px 5px;border-radius:13px;background:#26242166;border:1px solid #c3c1be1a}
.app-header .header-account:hover{border-color:#c3c1be55;background:#33312e}
.app-header .header-account[aria-current=page]{background:var(--accent-soft);border-color:#c3c1be55}
.app-header .header-account .avatar{height:34px;width:34px;min-width:34px;border-radius:9px;color:var(--accent);background:#9bbbff14;border:1px solid #aecbff20;display:grid;place-items:center;font-size:18px}
.app-header .header-account>span:nth-child(2){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;color:var(--text)}
.app-header .header-account>svg{display:block;width:15px;height:15px;opacity:.55;flex-shrink:0}
@media(max-width:1100px) and (min-width:861px){.app-header-inner{grid-template-columns:minmax(160px,1fr) auto minmax(120px,1fr);gap:18px;padding:0 24px}.app-header .brand{font-size:21px}.app-header .nav-item{min-width:100px;padding:0 13px}.app-header .header-account{max-width:175px}}
@media(max-width:860px){
 :root,:root[data-accent]{--app-header-height:127px}
 .app-header-inner{height:126px;min-height:126px;padding:0 20px 12px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:62px 52px;grid-template-areas:"brand profile" "nav nav";gap:0 18px}
 .app-header .brand{font-size:22px;min-height:0}
 .app-header nav{height:52px;width:100%;padding:4px;gap:4px;justify-content:stretch;border-radius:12px}
 .app-header .nav-item{flex:1;min-width:0;height:42px;min-height:44px;padding:0 14px;font-size:15px;border-radius:8px}
 .app-header .header-account{max-width:200px;min-height:42px;height:42px;border-radius:11px}
 .app-header .header-account .avatar{height:30px;width:30px;min-width:30px;font-size:16px;border-radius:8px}
}
@media(max-width:440px){
 .app-header-inner{padding:0 16px 12px;gap:0 12px}
 .app-header .brand{font-size:21px;gap:9px}
 .app-header .brand-mark{width:30px;height:30px;font-size:25px;border-radius:9px}
 .app-header .header-account{max-width:137px;gap:7px;padding-right:8px}
 .app-header .header-account>span:nth-child(2){font-size:13px}
 .app-header .header-account>svg{display:none}
 .app-header .nav-item{font-size:13px;gap:7px;padding:0 8px}
 .app-header .nav-item>svg{width:16px;height:16px}
}

/* Personal room card in the header. */
.app-header .header-account{
 position:relative;isolation:isolate;overflow:hidden;width:246px;max-width:100%;height:64px;min-height:64px;
 gap:12px;padding:7px 11px 7px 8px;border-radius:18px;text-align:left;
 background:radial-gradient(ellipse at 0 0,var(--accent-soft),transparent 75%),linear-gradient(120deg,#272522,#1d1b18);
 border:1px solid #c7c5c229;box-shadow:inset 0 1px 0 #ffffff0b,0 3px 12px #0002;
 transition:border-color .18s,box-shadow .18s,background .18s;
}
.app-header .header-account:hover,.app-header .header-account[aria-current=page]{
 background:radial-gradient(ellipse at 0 0,var(--accent-soft),transparent 90%),linear-gradient(120deg,#353330,#23211e);
 border-color:var(--accent);box-shadow:inset 0 1px 0 #ffffff12,0 4px 20px #0003;
}
.app-header .header-account:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.app-header .header-profile-orbit{
 position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:3px;border-radius:50%;
 background:conic-gradient(from -90deg,var(--accent) var(--profile-progress),#ffffff13 0);
 box-shadow:0 0 16px #bab8b50b;
}
.app-header .header-account .avatar{width:40px;height:40px;min-width:40px;border:3px solid #192334;border-radius:50%;background:#2b3c56;color:var(--accent);font-size:23px}
.app-header .header-account>.header-profile-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;max-width:none;overflow:hidden;white-space:normal;line-height:1.1}
.header-profile-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;color:#f5f3f0}
.header-profile-detail{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;color:#bbb9b6;font-variant-numeric:tabular-nums}
.header-profile-arrow{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid #d1cfcc1a;border-radius:8px;color:var(--accent);background:#c6c4c108;transition:transform .18s}
.header-profile-arrow svg{width:13px;height:13px}
.header-account:hover .header-profile-arrow{transform:translateX(2px)}
@media(min-width:861px) and (max-width:1100px){
 .app-header .header-account{width:200px;gap:9px}
 .header-profile-arrow{display:none}
}
@media(max-width:860px){
 .app-header .header-account{width:214px;height:52px;min-height:48px;padding:4px 8px;gap:9px;border-radius:14px}
 .app-header .header-profile-orbit{flex-basis:40px;width:40px;height:40px}
 .app-header .header-account .avatar{width:34px;height:34px;min-width:34px;font-size:20px}
 .app-header .header-account>.header-profile-copy{gap:5px}
}
@media(max-width:440px){
 .app-header .header-account{width:154px;max-width:154px;gap:8px;padding:4px 7px}
 .header-profile-name{font-size:12px}
 .header-profile-detail{font-size:9px}
 .header-profile-arrow{display:none}
}
@media(max-width:360px){
 .app-header .header-account{width:112px;max-width:112px;gap:6px;padding:4px 5px}
 .app-header .header-profile-orbit{flex-basis:34px;width:34px;height:34px}
 .app-header .header-account .avatar{width:28px;height:28px;min-width:28px;font-size:17px;border-width:2px}
 .header-profile-detail{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.app-header .header-account,.header-profile-arrow{transition:none}}
:root[data-motion=reduced] .header-account,:root[data-motion=reduced] .header-profile-arrow{transition:none}
.header-profile-level{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #23211e;border-radius:50%;background:var(--accent);color:#1b1916;box-shadow:0 2px 6px #0005;font-size:10px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums}
@media(max-width:860px){.header-profile-level{width:20px;height:20px;font-size:9px;right:-2px;bottom:-1px}}
@media(max-width:360px){.header-profile-level{width:18px;height:18px;font-size:8px}}
/* A larger wordmark and easier navigation targets. */
:root body .app-header.sidebar .brand.unskip-lockup{font-size:41px;letter-spacing:-2px;min-height:48px}:root body .app-header.sidebar .brand.unskip-lockup>.unskip-mark{width:41px}
@media(min-width:901px){:root body .app-header-inner{height:88px;min-height:88px;gap:20px;grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr)}:root,:root[data-accent]{--app-header-height:89px}:root body .app-header nav{height:56px;gap:6px}:root body .app-header .nav-item{height:50px;min-height:50px;min-width:116px;padding:0 18px;gap:10px;font-size:16px}:root body .app-header .nav-item>svg{width:20px;height:20px}}
@media(min-width:901px) and (max-width:1150px){:root body .app-header-inner{grid-template-columns:160px minmax(0,1fr) 210px;gap:12px}:root body .app-header .nav-item{min-width:0;padding:0 12px;gap:8px;font-size:15px}}
@media(max-width:900px){:root body .app-header.sidebar .brand.unskip-lockup{font-size:38px}:root body .app-header.sidebar .brand.unskip-lockup>.unskip-mark{width:38px}}
@media(max-width:620px){:root body .app-header .nav-item{font-size:12px;min-height:53px}:root body .app-header .nav-item>svg{width:23px;height:23px}}
@media(max-width:350px){:root body .app-header.sidebar .brand.unskip-lockup{font-size:34px}:root body .app-header.sidebar .brand.unskip-lockup>.unskip-mark{width:34px}}


/* Slightly larger wordmark, balanced with the navigation. */
@media(min-width:901px){:root body .app-header.sidebar .brand.unskip-lockup{font-size:44px;margin-left:5px}:root body .app-header.sidebar .brand.unskip-lockup .unskip-mark{width:44px}}

/* The XP ring meets the avatar directly, without an extra inner border. */
:root body .app-header.sidebar .header-account .header-profile-orbit>.avatar{border:0;box-shadow:none}


/* /recommendations.css */

/* Personal discovery stays visually quiet; reasoning opens on demand. */
#home-recommendations{margin:36px 0 44px;scroll-margin-top:150px}
#home-recommendations .section-heading{margin-bottom:10px}
.recommendation-note{color:var(--muted,#a9a7a4);font-size:15px;margin:0 0 20px;line-height:1.6}
.recommendation-tile{background:#1d1b18;border:1px solid #34322f;border-radius:14px;padding:10px;min-width:0}
.recommendation-tile>button{width:100%;padding:0;text-align:left}
.recommendation-tile .home-tile-poster{border-radius:9px}
.recommendation-why{margin-top:8px;font-size:14px}
.recommendation-why summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#c6c4c1;list-style:none}
.recommendation-why p{line-height:1.6;color:#cccac7;padding:0 0 8px;margin:0}
.recommendation-actions{display:flex;gap:4px;border-top:1px solid #353330;padding-top:5px}
.recommendation-actions button{flex:1;min-width:0;height:44px;border:0;border-radius:8px;background:transparent;color:#b6b4b1;display:grid;place-items:center}
.recommendation-actions svg{width:20px;height:20px}
.recommendation-actions button:hover{background:#383633;color:#eceae7}
.recommendation-actions button:focus-visible,.recommendation-why summary:focus-visible{outline:2px solid #c4c2bf;outline-offset:2px}
#recommendation-settings{display:grid;gap:18px}
#recommendation-settings>label:not(.recommendation-reset){display:grid;gap:9px}
#recommendation-settings select{max-width:100%;min-height:46px}
#recommendation-settings p{line-height:1.65}
.recommendation-reset{display:flex;align-items:center;gap:10px;min-height:44px}
.recommendation-reset input{width:20px;height:20px}
.recommendation-empty{padding:24px;background:#1e1c19;border-radius:12px}
@media(max-width:600px){#home-recommendations .recommendation-rail{grid-auto-columns:minmax(170px,72%)}#home-recommendations{margin-top:26px}.recommendation-note{font-size:14px}}
/* Shared status treatment: restrained perimeter + readable label, never color alone. */
[data-card-status="planned"]{--status-edge:#868481;--status-fill:#8684811c}
[data-card-status="watching"]{--status-edge:#a19f9c;--status-fill:#a19f9c20}
[data-card-status="completed"]{--status-edge:#959390;--status-fill:#95939020}
[data-card-status="actual"]{--status-edge:#62a99b;--status-fill:#62a99b20}
[data-card-status="paused"]{--status-edge:#bd9a62;--status-fill:#bd9a6220}
.library-card .library-status-badge{border:1px solid var(--status-edge,#6a6865);background:#181613ed;color:#e9e7e4;box-shadow:inset 3px 0 0 var(--status-edge,#6a6865);padding-left:11px}
.card-status-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#d2d0cd;margin:6px 0 0}
.card-status-label::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--status-edge,#868481)}

.card-status-label{border:1px solid var(--status-edge,#868481);border-radius:6px;padding:4px 7px;line-height:1.35}
.library-status-badge{white-space:normal;line-height:1.4}
.library-tabs [data-library-filter=actual]{color:#9dcfc4}

.remote-art .poster-outgoing{pointer-events:none;z-index:1}
.home-tile h3{min-height:2.8em}

/* Earned viewing: ornament belongs only to the status badge. */
.library-card .library-status-badge.status-actual,[data-card-status="actual"] .card-status-label{border:2px solid transparent;background:linear-gradient(120deg,#262421,#24221f) padding-box,linear-gradient(110deg,#72b8b1,#cac8c5 45%,#a19f9c 66%,#91c4b8) border-box;color:#f0eeeb;box-shadow:0 0 10px #78bfb322,inset 0 0 8px #bab8b50c;display:inline-flex;align-items:center;gap:6px;padding:6px 9px}
.status-confirmed{font-size:13px;color:#b6e0d7;line-height:1}
[data-card-status="actual"] .card-status-label::before{display:none}

html[data-pointer-navigation="true"] :focus-visible{outline:none!important}

/* A quiet personal shelf: larger artwork and a single, consistent action bar. */
#home-recommendations{padding:24px;border:1px solid #353330;border-radius:22px;background:linear-gradient(135deg,#24221faa,#191714 65%);box-shadow:0 14px 42px #00000012}
#home-recommendations>.section-heading{gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 16px}
#home-recommendations h2{font-size:28px;letter-spacing:-.6px}
#home-recommendations .shelf-controls{gap:8px;flex-wrap:wrap}
#home-recommendations .shelf-controls .text-button{min-height:44px;padding:8px 10px}
.recommendation-tabs{display:flex;align-items:center;gap:8px;margin:0 0 16px;border-bottom:1px solid #353330;padding-bottom:12px}
.recommendation-tabs button{min-height:44px;padding:10px 16px;background:transparent;border:1px solid transparent;border-radius:10px;color:#b7b5b2;font-size:15px}
.recommendation-tabs button.selected{background:#3b3936;border-color:#5c5a57;color:#edebe8}
.recommendation-tabs span{display:inline-block;margin-left:7px;color:#b3b1ae;font-variant-numeric:tabular-nums}
#home-recommendations .recommendation-rail{grid-auto-columns:minmax(210px,calc((100vw - 196px)/5));gap:16px;align-items:start;padding:2px 0 12px}
.recommendation-tile{padding:10px;border-radius:16px;background:#22201d;border-color:#393734;box-shadow:0 6px 20px #00000018;transition:border-color .18s,background .18s}
.recommendation-tile:hover{background:#272522;border-color:#5b5956}
.recommendation-tile>button{border:0;background:transparent;color:inherit}
.recommendation-tile .home-tile-poster{border-radius:10px;overflow:hidden}
.recommendation-tile h3{font-size:17px;line-height:1.4;height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:13px 2px 8px}
.recommendation-tile .home-tile-meta{margin:0 2px;color:#b5b3b0;font-size:13px}
.recommendation-why{margin:8px 2px 2px}
.recommendation-why summary{color:#c8c6c3;font-size:14px}
.recommendation-actions{padding:8px 0 0;gap:4px}
.recommendation-actions button{height:44px;min-width:44px;border:1px solid #43413e;background:#2e2c29;border-radius:9px;transition:background .15s}
.recommendation-actions [data-recommend-feedback=like]{color:#d9d7d4;background:#413f3c;border-color:#5e5c59}
.recommendation-actions [data-recommend-feedback=snooze]:hover{background:#413f3c;color:#e6d4ad}
.recommendation-actions [data-recommend-feedback=dismiss]{background:transparent;border-color:transparent;color:#9e9c99}
.recommendation-actions [data-recommend-feedback=dismiss]:hover{background:#463039;color:#e6b7c2}
.recommendation-snoozed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.recommendation-snoozed-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:14px;background:#22201d;border:1px solid #3a3835;border-radius:14px;align-items:center}
.recommendation-snoozed-poster{width:90px;padding:0;border:0;background:transparent;border-radius:9px;overflow:hidden}
.recommendation-snoozed-poster .art{aspect-ratio:2/3;height:auto}
.recommendation-snoozed-card .card-title{padding:0;margin:0;min-height:0;font-size:16px;line-height:1.4;text-align:left}
.recommendation-snoozed-card p{color:#aeaca9;font-size:13px;margin:8px 0 12px}
.recommendation-snoozed-card .button{min-height:44px;padding:8px 12px}
@media(max-width:1100px){#home-recommendations .recommendation-rail{grid-auto-columns:minmax(210px,calc((100vw - 164px)/3))}.recommendation-snoozed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#home-recommendations{padding:16px 12px;border-radius:16px;margin-left:-4px;margin-right:-4px}#home-recommendations h2{font-size:24px}#home-recommendations .section-heading{gap:6px}#home-recommendations .recommendation-rail{grid-auto-columns:minmax(210px,calc(82vw - 44px));gap:12px}.recommendation-snoozed-grid{grid-template-columns:1fr}.recommendation-snoozed-card{grid-template-columns:74px minmax(0,1fr);gap:12px;padding:12px}.recommendation-snoozed-poster{width:74px}}
@media(prefers-reduced-motion:reduce){.recommendation-tile,.recommendation-actions button{transition:none}}
html[data-motion=reduced] .recommendation-tile,html[data-motion=reduced] .recommendation-actions button{transition:none}

#home-recommendations[data-view="snoozed"] [data-recommend-scroll]{display:none}

#home-recommendations .recommendation-rail{overflow-anchor:none}

.taste-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:16px;background:#32302d;border:1px solid #4d4b48;border-radius:12px;min-height:64px}
.taste-entry b{font-size:17px;color:#ebe9e6}.taste-entry span{font-size:13px;color:#b8b6b3}
.taste-intro{font-size:15px;line-height:1.6;color:#bebcb9}
.taste-genres{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.taste-genres span{padding:7px 11px;background:#373532;border:1px solid #504e4b;border-radius:8px;color:#d9d7d4;font-size:14px}
.taste-excluded{font-size:13px;color:#acaaa7;line-height:1.5}
.taste-list{max-height:50dvh;overflow:auto;overscroll-behavior:contain}
.taste-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #ffffff12}
.taste-row>div{min-width:0;flex:1}.taste-row b{display:block;font-size:16px;color:#ebe9e6;line-height:1.4;overflow-wrap:anywhere}
.taste-direction{display:block;font-size:12px;color:#c3c1be;margin-top:5px}
.taste-row p{font-size:13px;line-height:1.5;color:#aba9a6;margin:5px 0 0}
.taste-row .button{flex-shrink:0;min-height:44px;font-size:13px;padding:9px 12px}
.taste-row.is-muted .taste-direction{color:#9f9d9a}
.taste-muted>summary{min-height:48px;display:flex;align-items:center;font-size:14px;color:#bdbbb8;cursor:pointer}
.taste-error{color:#e5afba;font-size:14px}
@media(max-width:600px){.taste-row{flex-wrap:wrap;gap:10px}.taste-row>div{flex-basis:100%}.taste-entry{align-items:flex-start;flex-direction:column;gap:4px}.taste-list{max-height:48dvh}}

.recommendation-moods{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.recommendation-moods button{min-height:44px;padding:9px 13px;border:1px solid #44423f;border-radius:999px;background:#24221f;color:#bebcb9;font-size:14px;transition:background .15s,border-color .15s}
.recommendation-moods button:hover{background:#383633;color:#edebe8}
.recommendation-moods button.selected{background:#454340;border-color:#868481;color:#f5f3f0}
@media(max-width:600px){.recommendation-moods{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.recommendation-moods button{flex-shrink:0;font-size:13px}}
@media(prefers-reduced-motion:reduce){.recommendation-moods button{transition:none}}
html[data-motion=reduced] .recommendation-moods button{transition:none}

/* Favorite selection: the entire row is a touch target; checkbox stays compact. */
#recommendation-favorites .taste-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:14px;min-height:56px;margin:0;padding:12px 2px;cursor:pointer}
#recommendation-favorites .taste-row input{appearance:auto;flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:#deddd4}
#recommendation-favorites .taste-row span{flex:1;min-width:0;overflow-wrap:anywhere}
#recommendation-favorites .taste-row:has(input:focus-visible){outline:2px solid #deddd4;outline-offset:-2px;border-radius:6px}
#recommendation-favorites .taste-row:has(input:checked){color:#fff;background:#ffffff08}


/* /player-room.css */
/* A stable fullscreen host survives replacement of the media element. */
#content:fullscreen{display:block;width:100vw;height:100dvh;max-width:none;margin:0;padding:0;overflow:hidden;background:#000;color:#f4f6fb}
#content:fullscreen>:not(.watch-section){display:none!important}
#content:fullscreen .watch-section,#content:fullscreen .watch-main{display:block;width:100%;height:100%;margin:0;padding:0;max-width:none}
#content:fullscreen .watch-section>.episodes,#content:fullscreen .watch-main>:not(.video-frame){display:none!important}
#content:fullscreen .video-frame{width:100%;height:100%;max-height:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;overflow:hidden}
#content:fullscreen .video-frame>video#video{width:100%;height:100%;max-height:none;object-fit:contain}
#content:fullscreen .watch-controls{padding:35px max(24px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
#content:fullscreen .watch-preview{width:240px}
/* The title and episode list already exist on the page; only repeat them in fullscreen. */
.watch-topbar,.watch-buttons>.watch-episodes-toggle{display:none}
#content:fullscreen .watch-topbar{position:absolute;inset:0 0 auto;z-index:2;display:block;padding:20px 24px 32px;background:linear-gradient(#0008,transparent);transition:opacity .18s;pointer-events:none}
.watch-now{display:grid;gap:4px;text-shadow:0 1px 6px #000}.watch-now>span{font-size:12px;color:#c3c1be}.watch-now>b{font-size:16px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content:fullscreen .watch-buttons>.watch-episodes-toggle{display:grid;margin-left:auto}
#content:fullscreen .watch-buttons:has(.watch-episodes-toggle)>.watch-settings-toggle{margin-left:0}
.custom-player.controls-idle:not(.is-paused) .watch-topbar{opacity:0}
.custom-player.settings-open,.custom-player.episodes-open{overflow:hidden}
.watch-settings-panel{width:min(310px,calc(100% - 24px));max-height:calc(var(--player-height,500px) - 98px);padding:12px 14px;overscroll-behavior:contain;scrollbar-width:thin;background:#1e1c19fa;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 26px #0007}
.watch-settings-heading{gap:4px;margin-bottom:12px;font-size:14px}.watch-settings-heading>b{flex:1;font-weight:600}
.watch-settings-panel .watch-settings-heading>.watch-help{display:grid;place-items:center;width:30px;min-height:30px;height:30px;padding:0;border:0;font-size:16px;color:#bbb9b6}
.watch-settings-heading>.watch-settings-close,.watch-settings-heading>.watch-episodes-close{width:30px;height:30px;font-size:23px}
.watch-settings-panel .watch-quality,.watch-settings-panel .watch-speed,.watch-settings-panel .watch-subtitles-settings label,.watch-settings-panel #audio-tracks label{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px;font-size:13px}
.watch-settings-panel select{min-height:36px;border:1px solid #ffffff1d;background:#2c2a27;padding:6px 8px;font-size:12px;border-radius:7px}
.watch-settings-panel #audio-tracks{margin:0}.watch-settings-panel #audio-tracks:empty{display:none}
.watch-settings-panel .watch-subtitles-status{font-size:11px;color:#a09e9b;line-height:1.4;margin:0 0 10px}

/* Compact playback-rate control with a neutral track and persistent current value. */
.watch-settings-panel .watch-speed{display:block;margin:4px 0 14px}
.watch-speed-heading{display:flex;align-items:center;gap:8px;margin-bottom:3px;font-size:13px}
.watch-speed-heading label{flex:1}.watch-speed-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:13px;font-weight:600}
.watch-settings-panel .watch-speed-reset{width:auto;min-height:28px;padding:3px 6px;font-size:11px;color:var(--muted);border-radius:5px}
.watch-speed-reset:hover:not(:disabled){background:#ffffff0c;color:var(--text)}.watch-speed-reset:disabled{opacity:.35;cursor:default}
.watch-settings-panel .watch-rate{display:block;width:100%;height:30px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:999px;cursor:pointer;touch-action:pan-y}
.watch-rate::-webkit-slider-runnable-track{height:5px;border:0;border-radius:999px;background:linear-gradient(to right,#e5e0d5 var(--rate),#ffffff35 var(--rate))}
.watch-rate::-moz-range-track{height:5px;border:0;border-radius:999px;background:#ffffff35}
.watch-rate::-moz-range-progress{height:5px;border-radius:999px;background:#e5e0d5}
.watch-rate::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border:0;border-radius:50%;background:#e5e0d5;box-shadow:0 1px 4px #0005}
.watch-rate::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#e5e0d5;box-shadow:0 1px 4px #0005}
.watch-rate:focus-visible,.watch-speed-reset:focus-visible{outline:2px solid #e5e0d5;outline-offset:2px}
.watch-speed-marks{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;line-height:1.4}
.watch-source-options>label{margin:8px 0 4px}.watch-source-options>label>span{font-size:12px}

.watch-source-options{margin-top:4px;border-top:1px solid #ffffff12;padding-top:3px}
.watch-source-options summary{display:flex;align-items:center;gap:12px;min-height:36px;font-size:12px;cursor:pointer;list-style:none}
.watch-source-options summary::-webkit-details-marker{display:none}.watch-source-options summary:after{content:'›';font-size:18px;color:#afadaa}.watch-source-options[open] summary:after{transform:rotate(90deg)}
.watch-source-name{margin-left:auto;min-width:0;max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#aeaca9}
.watch-source-options label{display:grid;gap:6px;font-size:11px;color:#b7b5b2;margin:8px 0}.watch-source-options select{width:100%;min-width:0}
.watch-source-refresh{min-height:32px;padding:4px 0;color:var(--accent);font-size:12px}.watch-source-status{font-size:11px;color:#b7b5b2;line-height:1.4;margin:4px 0}.watch-source-status:empty{display:none}
.watch-episodes-panel{position:absolute;z-index:6;right:12px;bottom:94px;width:min(310px,calc(100% - 24px));max-height:calc(var(--player-height,500px) - 112px);height:410px;display:flex;flex-direction:column;padding:12px 14px;border:1px solid #ffffff26;border-radius:12px;background:#1e1c19fa;color:#f4f6fb;box-shadow:0 8px 26px #0007}
.watch-episodes-panel[hidden]{display:none}.watch-episodes-panel .watch-settings-heading{flex-shrink:0;margin:0 0 8px}
.watch-season-label{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-bottom:8px;font-size:12px;color:#c1bfbc}
.watch-season-label select{flex:1;min-width:0;min-height:34px;padding:5px 8px;border-radius:7px;border:1px solid #ffffff1d;background:#2c2a27;color:#fff}
.watch-episode-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.watch-episode-pick{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;text-align:left;padding:8px;border-radius:7px;color:#d0cecb}
.watch-episode-pick[aria-current]{background:#c2c0bd18;color:#d6d4d1}.watch-episode-pick:hover{background:#ffffff0b}
.watch-episode-pick>span:first-child{font-size:11px;color:#9b9996;font-variant-numeric:tabular-nums}.watch-episode-pick>span:last-child{min-width:0}.watch-episode-pick b{display:block;font-size:12px;font-weight:500}.watch-episode-pick small{display:block;font-size:10px;color:#a6a4a1}
.watch-notice{position:absolute;z-index:20;top:20px;left:50%;transform:translateX(-50%);max-width:80%;padding:10px 15px;background:#272522f5;border:1px solid #ffffff24;border-radius:9px;font-size:13px;color:#f1efec;pointer-events:none}.watch-notice[hidden]{display:none}
.watch-loading-note{position:absolute;z-index:2;left:50%;top:44%;transform:translate(-50%,-50%);width:min(450px,80%);margin:0;padding:12px 16px;border-radius:10px;background:#191714e8;color:#d6d4d1;font-size:13px;text-align:center;pointer-events:none}
.watch-loading-note[hidden],.awaiting-source>.player-start{display:none}
.room-mini .watch-topbar,.room-mini .watch-episodes-panel{display:none!important}
@media(max-width:620px){
 .watch-settings-panel{right:6px;bottom:46px;width:min(300px,calc(100% - 12px));max-height:calc(var(--player-height,400px) - 70px);padding:10px 12px}
 #content:not(:fullscreen) .custom-player.settings-open{overflow:visible;z-index:35}
 #content:not(:fullscreen) .watch-settings-panel{position:fixed;inset:auto 8px max(8px,env(safe-area-inset-bottom)) auto;width:min(300px,calc(100vw - 16px));max-height:60dvh}
 #content:fullscreen .watch-controls{padding:25px 8px max(6px,env(safe-area-inset-bottom))}
 #content:fullscreen .watch-topbar{padding:12px 14px 24px}.watch-now>b{font-size:13px}.watch-now>span{font-size:10px}
 #content:fullscreen .watch-preview{width:160px}.watch-buttons>.watch-next{width:28px;flex-basis:28px}
 .watch-buttons>.watch-pip:not([hidden]){display:none!important}
 .watch-episodes-panel{right:6px;bottom:72px;max-height:calc(var(--player-height,400px) - 84px);width:min(310px,calc(100% - 12px))}
 .watch-loading-note{font-size:11px;padding:6px 8px;max-height:45%;overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.watch-topbar{transition:none}}
:root[data-motion=reduced] .watch-topbar,:root[data-motion=reduced] .watch-controls{transition:none}
/* The continuation surface is the same fullscreen host later occupied by the room. */
.continuation-stage .video-frame{position:relative;min-height:300px;background:#090a0a;display:grid;place-items:center}
.continuation-stage video{display:block;width:100%;height:100%;object-fit:contain}
.continuation-loading{color:#c6c7c2;font-size:16px}
.continuation-loading[hidden]{display:none}
.continuation-exit{position:absolute;z-index:5;top:14px;right:16px;width:42px;height:42px;border-radius:12px;border:1px solid #ffffff30;background:#151717cc;color:#eee;font-size:27px;cursor:pointer}
.continuation-stage~.stream-panel{display:none}
#content:fullscreen .continuation-stage .video-frame{height:100dvh}


/* /title-details.css */
/* A title overview for choosing what to watch. */
.detail-head{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:32px;padding:28px}
.detail-copy h1{margin:0 0 8px;font-size:32px;line-height:1.2}.detail-poster .art{width:100%;aspect-ratio:2/3}.detail-poster{position:sticky;top:calc(var(--app-header-height) + 20px)}
.detail-facts{display:flex;flex-wrap:wrap;gap:7px 10px;margin:16px 0;color:#c5c3c0;font-size:12px}.detail-facts>span{padding:4px 9px;background:#ffffff06;border:1px solid #ffffff0b;border-radius:6px}
.show-description{margin:18px 0 22px;max-width:850px}.description-text{overflow:hidden}.show-description p{font-size:15px;line-height:1.8;color:#d3d1ce;white-space:pre-line;margin:0}
.show-description.is-collapsed .description-text{height:5.4em;overflow:hidden;mask-image:linear-gradient(#000 55%,transparent)}
.description-toggle{display:flex;align-items:center;gap:8px;padding:9px 0 0;min-height:32px;color:var(--accent);font-size:12px}.description-toggle[hidden]{display:none}.description-toggle svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .2s}.is-collapsed .description-toggle svg{transform:rotate(-90deg)}.description-toggle:hover{color:#f0eeeb}
.detail-people{border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;margin:0 0 18px}
.detail-people>summary{display:flex;align-items:center;gap:14px;min-height:52px;cursor:pointer;list-style:none;font-size:13px}.detail-people>summary::-webkit-details-marker{display:none}.detail-people>summary>span:first-child{display:flex;align-items:center;gap:9px;flex-shrink:0;color:#dfddda}.detail-people summary svg{width:17px;height:17px;color:#a6a4a1}.detail-people-preview{margin-left:auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#918f8c;font-size:11px}.detail-chevron{color:#a8a6a3;transition:transform .2s}.detail-people[open] .detail-chevron{transform:rotate(180deg)}
.detail-people-body{padding:0 0 16px}.detail-directors{font-size:13px;color:#d6d4d1;margin:4px 0 16px}.detail-directors>span{color:#9c9a97;margin-right:8px}
.detail-cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 20px}.detail-person{display:flex;align-items:center;gap:10px;min-width:0}.detail-person-photo{display:grid;place-items:center;width:44px;height:54px;flex:0 0 44px;border-radius:8px;overflow:hidden;background:#ffffff07;color:#9e9c99}.detail-person-photo img{width:100%;height:100%;object-fit:cover}.detail-person b{display:block;font-size:12px;font-weight:550;color:#e4e2df}.detail-person small{display:block;font-size:11px;color:#9f9d9a;margin-top:4px}.detail-empty{font-size:13px;color:var(--muted)}
.detail-gallery{margin:0 0 34px;padding:0 2px}.detail-gallery-heading{display:flex;align-items:center;gap:20px;margin-bottom:14px}.detail-gallery-heading h2{font-size:18px;margin:0 0 3px}.detail-gallery-heading p{font-size:12px;color:#93918e;margin:0}.detail-gallery-count{font-size:11px;color:#9d9b98;margin-left:auto}
.detail-photo-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;overflow-x:auto;padding:0 0 8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#52504d transparent}
.detail-photo{position:relative;aspect-ratio:16/9;background:#23211e;border:1px solid #ffffff0c;border-radius:10px;overflow:hidden;padding:0;scroll-snap-align:start}.detail-photo img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.detail-photo>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#12100dc9;border:1px solid #ffffff38;color:#fff;opacity:0;transition:opacity .2s}.detail-photo svg{width:15px;height:15px}.detail-photo:hover img{transform:scale(1.035)}.detail-photo:hover>span,.detail-photo:focus-visible>span{opacity:1}.detail-photo.image-failed>span{inset:0;width:auto;height:auto;border:0;border-radius:0;background:none;font-size:12px;color:#adaba8;opacity:1}
.detail-gallery-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;color:#888683;margin:7px 0 0}.detail-gallery-note a{color:#9d9b98}.detail-gallery-empty{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px dashed #ffffff15;border-radius:10px;padding:22px;color:#9c9a97;font-size:13px}.detail-gallery-loading{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-gallery-loading>span{aspect-ratio:16/7;border-radius:10px;background:#ffffff04;border:1px solid #ffffff06}.detail-gallery-loading>p{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:12px;color:#9c9a97}
.detail-lightbox{width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:14px;border:1px solid #ffffff25;border-radius:16px;background:#181613;color:#f0eeeb;overflow:auto;box-shadow:0 20px 90px #000a}.detail-lightbox::backdrop{background:#0a0805dd;backdrop-filter:blur(8px)}.detail-lightbox-bar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#adaba8;margin-bottom:10px}.detail-lightbox button{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;color:#f0eeeb}.detail-lightbox button:hover{background:#ffffff10}.detail-lightbox svg{width:20px;height:20px}.detail-lightbox-stage{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}.detail-lightbox-stage img{display:block;aspect-ratio:16/9;max-height:70dvh;width:100%;object-fit:contain;border-radius:8px;background:#0f0d0a}.detail-lightbox-caption{font-size:12px;color:#adaba8;text-align:center;margin:12px 0 0}
@media(max-width:860px){.detail-head{grid-template-columns:120px minmax(0,1fr);padding:22px;gap:22px}.detail-copy h1{font-size:27px}.detail-photo-strip{grid-auto-columns:calc((100% - 24px)/3)}.detail-people-preview{display:none}.detail-chevron{margin-left:auto}}
@media(max-width:620px){.detail-head{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:16px}.detail-poster{position:static}.detail-copy h1{font-size:23px}.detail-facts{gap:5px;margin:12px 0}.detail-facts>span{font-size:10px;padding:3px 6px}.show-description p{font-size:13px;line-height:1.75}.detail-people>summary{font-size:12px}.detail-cast-grid{grid-template-columns:1fr}.detail-photo-strip{grid-auto-columns:76%;gap:10px}.detail-gallery-heading h2{font-size:16px}.detail-gallery{margin-bottom:26px}.detail-gallery-note{font-size:9px}.detail-lightbox{width:calc(100vw - 12px);padding:8px}.detail-lightbox-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:2px}.detail-lightbox-stage button{width:28px}.detail-gallery-empty{display:block;padding:16px}.detail-gallery-loading{grid-template-columns:1fr 1fr}.detail-gallery-loading>span:last-of-type{display:none}}
@media(prefers-reduced-motion:reduce){.detail-photo img,.description-toggle svg,.detail-chevron{transition:none}}
:root[data-motion=reduced] .detail-photo img,:root[data-motion=reduced] .description-toggle svg,:root[data-motion=reduced] .detail-chevron{transition:none}
@media(max-width:620px){.detail-copy{display:contents}.detail-copy>*{grid-column:1/-1}.detail-copy>.eyebrow,.detail-copy>h1,.detail-copy>.original-title{grid-column:2}.detail-copy>h1{margin:0}.detail-poster{grid-column:1;grid-row:1/4}.detail-poster .art-disclaimer{display:none}.detail-head{row-gap:6px}.show-description{margin:8px 0 12px}.detail-people{margin-bottom:12px}}

/* Gallery stays folded until requested, like cast and creators. */
.detail-gallery{padding:0;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;margin:0 0 22px}
.detail-gallery>summary{display:flex;align-items:center;gap:14px;min-height:52px;cursor:pointer;list-style:none;font-size:14px;color:#dfddda}
.detail-gallery>summary::-webkit-details-marker{display:none}
.detail-gallery[open]>summary .detail-chevron{transform:rotate(180deg)}
.detail-gallery-count{font-size:12px;margin-left:auto}
.detail-gallery-body{padding:0 0 16px}
.detail-gallery-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}
.detail-gallery-toolbar .text-button{min-height:44px;font-size:14px;padding:8px 14px;border:1px solid #43413e;border-radius:9px}
.detail-gallery-toolbar .text-button[hidden]{display:none}
.detail-photo-strip.is-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
.detail-gallery-note{font-size:12px;align-items:center;line-height:1.6}
.detail-gallery-note .text-button{font-size:12px}
.detail-photo.image-failed>span{display:grid}
@media(max-width:860px){.detail-photo-strip.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-gallery>summary .detail-chevron{margin-left:0}}
@media(max-width:620px){.detail-photo-strip.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-gallery-count{font-size:11px}.detail-gallery>summary{gap:9px}}

.detail-copy>.detail-people{margin-bottom:0}
.detail-copy>.detail-gallery{border-top:0;margin-bottom:18px}
.detail-gallery>summary>span:first-child{display:flex;align-items:center;gap:9px}
.detail-gallery>summary svg{width:17px;height:17px;color:#a6a4a1}
.detail-gallery>summary{font-size:13px}
@media(max-width:620px){.detail-gallery>summary{font-size:12px}}

/* One compact disclosure group for the whole title. */
.detail-disclosures{border:1px solid #ffffff12;border-radius:12px;background:#1b191680;margin:0 0 18px;overflow:hidden;min-width:0}
.detail-disclosures>.detail-disclosure{border:0;border-radius:0;background:transparent;margin:0;padding:0;min-width:0}
.detail-disclosures>.detail-disclosure+ .detail-disclosure{border-top:1px solid #ffffff12}
.detail-disclosures>.detail-disclosure>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;font-size:15px;line-height:1.4;color:#e6e4e1;list-style:none;cursor:pointer;user-select:none}
.detail-disclosures>.detail-disclosure>summary::-webkit-details-marker{display:none}
.detail-disclosures>.detail-disclosure>summary:hover{background:#ffffff04}
.detail-disclosures>.detail-disclosure>summary>span:first-child{display:flex;align-items:center;gap:10px;flex-shrink:0}
.detail-disclosures>.detail-disclosure>summary svg{width:18px;height:18px;color:#b2b0ad}
.detail-disclosures>.detail-disclosure>summary .detail-chevron{margin-left:0;font-size:18px}
.detail-disclosure[open]>summary .detail-chevron{transform:rotate(180deg)}
.detail-disclosures .detail-people-preview,.detail-disclosures .detail-gallery-count,.detail-source-preview{margin-left:auto;min-width:0;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#aeaca9}
.detail-disclosures .detail-people-body,.detail-disclosures .detail-gallery-body{padding:4px 16px 16px}
.detail-disclosures .detail-sources .stream-panel{margin:0;padding:4px 16px 16px}
.detail-gallery-toolbar{gap:8px}
.detail-photo,.detail-photo img,.detail-lightbox-stage,.detail-lightbox-stage img{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.detail-photo img,.detail-lightbox-stage img{-webkit-user-drag:none;display:block}
.detail-photo img::selection,.detail-lightbox-stage img::selection{background:transparent}
.detail-photo:focus,.detail-photo:active{outline:none;box-shadow:none}
.detail-photo{transition:border-color .15s,background .15s}
.detail-photo:hover{border-color:#83817e;background:#2d2b28}
.detail-lightbox-stage{touch-action:pan-y pinch-zoom}
.detail-lightbox.is-loading .detail-lightbox-stage img{opacity:.65}
.detail-lightbox-stage img{transition:opacity .15s}
@media(max-width:620px){.detail-disclosures>.detail-disclosure>summary{padding:12px;font-size:14px;gap:8px}.detail-disclosures .detail-people-body,.detail-disclosures .detail-gallery-body,.detail-disclosures .detail-sources .stream-panel{padding:2px 12px 12px}.detail-source-preview{max-width:38%;font-size:11px}.detail-disclosures .detail-people-preview{display:none}.detail-disclosures>.detail-disclosure>summary .detail-chevron{margin-left:auto}.detail-disclosures .detail-gallery-count+.detail-chevron,.detail-source-preview+.detail-chevron{margin-left:0}}
@media(prefers-reduced-motion:reduce){.detail-photo,.detail-lightbox-stage img{transition:none}}
html[data-motion=reduced] .detail-photo,html[data-motion=reduced] .detail-lightbox-stage img{transition:none}

.detail-disclosures>.detail-disclosure>summary>span:first-child{margin-right:auto}
.detail-disclosures>.detail-disclosure>summary .detail-chevron,.detail-disclosures>.detail-disclosure>summary .detail-gallery-count,.detail-disclosures>.detail-disclosure>summary .detail-people-preview,.detail-disclosures>.detail-disclosure>summary .detail-source-preview{margin-left:0}

.detail-disclosures>.detail-disclosure>summary .detail-chevron{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid #ffffff0c;border-radius:8px;background:#ffffff04;color:#bdbbb8;transform:none;transition:background .18s,border-color .18s}
.detail-disclosures>.detail-disclosure[open]>summary .detail-chevron{transform:none;background:#34322f;border-color:#514f4c}
.detail-disclosures>.detail-disclosure>summary .detail-chevron svg{width:16px;height:16px;color:inherit;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.detail-disclosures>.detail-disclosure[open]>summary .detail-chevron svg{transform:rotate(180deg)}
.detail-disclosures>.detail-disclosure>summary:hover .detail-chevron{background:#393734;border-color:#666461}
.detail-disclosures .detail-source-preview{max-width:55%}
@media(prefers-reduced-motion:reduce){.detail-disclosures>.detail-disclosure>summary .detail-chevron,.detail-disclosures>.detail-disclosure>summary .detail-chevron svg{transition:none}}
html[data-motion=reduced] .detail-disclosures>.detail-disclosure>summary .detail-chevron,html[data-motion=reduced] .detail-disclosures>.detail-disclosure>summary .detail-chevron svg{transition:none}

.stream-provider .source-recommended{font-size:12px;font-weight:400;color:#c1bfbc;white-space:normal}
.detail-disclosures .detail-source-preview{white-space:normal;text-align:right;line-height:1.5;overflow-wrap:anywhere}

.gallery-frame-decoder{position:fixed;width:1px;height:1px;left:-100px;top:0;opacity:0;pointer-events:none}

.detail-cast-heading{font-size:13px;font-weight:600;margin:20px 0 12px;color:var(--text)}
.detail-cast-heading span,.detail-cast-status,.detail-cast-status a{font-size:11px;color:var(--muted)}
.detail-cast-more{margin-top:14px;min-height:44px}
.detail-cast-status{margin:14px 0 0}
.detail-person{align-items:flex-start}a.detail-person{color:inherit;text-decoration:none;border-radius:8px}a.detail-person:hover{background:#ffffff06;box-shadow:0 0 0 6px #ffffff06}a.detail-person:hover b{color:#fff}a.detail-person:focus-visible{outline:1px solid #ffffff80;outline-offset:6px}.detail-person>span:last-child{min-width:0;overflow-wrap:anywhere}

/* Room layout: matching side columns and full-width title information. */
:root body #content:not(:fullscreen) .detail-copy{min-width:0}
:root body #content:not(:fullscreen) .detail-copy .show-description,:root body #content:not(:fullscreen) .detail-copy .show-description p,:root body #content:not(:fullscreen) .detail-copy .detail-disclosures{width:100%;max-width:none}
:root body #content:not(:fullscreen) .detail-title-line{align-items:flex-start;gap:16px 24px}
:root body #content:not(:fullscreen) .detail-title-actions{display:flex;flex:0 1 360px;flex-direction:column;align-items:flex-end;gap:10px;min-width:0;margin-left:auto;max-width:100%}
:root body #content:not(:fullscreen) .detail-title-actions .room-rating{width:100%;margin:0}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars{width:100%;max-width:360px;margin-left:auto}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars button{height:44px;min-height:44px;padding:0;color:#929292}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars svg{width:32px;height:32px;fill:transparent;stroke:currentColor;stroke-width:1.4}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars button:is(.is-filled,:hover,:focus-visible){color:#fff}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars button.is-filled svg{fill:currentColor}
:root body #content:not(:fullscreen) .detail-watch{min-height:44px;font-size:15px;padding:10px 18px;white-space:nowrap}
:root body #content:not(:fullscreen) .detail-disclosures .detail-gallery-count{display:inline;max-width:none;margin:0;color:var(--muted);font-size:inherit;white-space:nowrap}
:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;white-space:normal;max-width:60%;font-size:12px;line-height:1.4}
.detail-source-item{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;flex-wrap:wrap}.detail-source-item small{font-size:11px;color:var(--muted)}
:root body #content:not(:fullscreen) .player-caption{display:none}
:root body #content:not(:fullscreen) .episodes{padding:0;align-self:start;min-width:0;border:1px solid #ffffff12;border-radius:14px;background:#ffffff02}
:root body #content:not(:fullscreen) .episodes-head{padding:14px 16px;gap:12px;border-bottom:1px solid #ffffff12}
:root body #content:not(:fullscreen) .episodes-head h3{font-size:17px}
:root body #content:not(:fullscreen) .episodes-head select{min-height:42px;max-width:60%;font-size:14px;padding:8px 10px;color:var(--text);background:#ffffff04;border:1px solid #ffffff16;border-radius:9px}
:root body #content:not(:fullscreen) .episode-scroll{max-height:460px;padding:6px;overscroll-behavior-y:contain}
:root body #content:not(:fullscreen) .episode-row{gap:4px;min-height:66px;padding:4px;border:0;border-left:2px solid transparent;border-radius:9px;margin:2px 0}
:root body #content:not(:fullscreen) .episode-row.current{background:#ffffff08;border-left-color:#ddd}
:root body #content:not(:fullscreen) .episode-choice{gap:10px;min-width:0;min-height:56px}
:root body #content:not(:fullscreen) .episode-choice>span:last-child{min-width:0}
:root body #content:not(:fullscreen) .episode-choice b{font-size:14px;line-height:1.4}
:root body #content:not(:fullscreen) .episode-choice small{font-size:11px}
:root body #content:not(:fullscreen) .episode-choice small:empty{display:none}
:root body #content:not(:fullscreen) .episode-no{font-size:13px;color:#aaa}
:root body #content:not(:fullscreen) .episode-check{width:38px;height:38px;border-radius:10px;margin:0 2px;border-color:#ffffff20;color:#aaa}
:root body #content:not(:fullscreen) .episode-check svg{width:17px;height:17px}
:root body #content:not(:fullscreen) .episode-check.done{color:#171818;background:#eee;border-color:#eee}
:root body #content:not(:fullscreen) .episode-check:disabled{opacity:1;cursor:progress}
@media(min-width:1001px){
 :root body #content{--room-side-width:280px;--room-gap:28px;--room-padding:24px}
 :root body #content:not(:fullscreen) .detail-head,:root body #content:not(:fullscreen) .watch-section{display:grid;gap:var(--room-gap);padding:var(--room-padding);border:1px solid #ffffff10;border-radius:20px;background:#ffffff02}
 :root body #content:not(:fullscreen) .detail-head{grid-template-columns:var(--room-side-width) minmax(0,1fr);align-items:start}
 :root body #content:not(:fullscreen) .watch-section{grid-template-columns:minmax(0,1fr) var(--room-side-width);align-items:start}
 :root body #content:not(:fullscreen) .detail-poster{width:100%}
 :root body #content:not(:fullscreen) .detail-poster .art{border-radius:14px}
 :root body #content:not(:fullscreen) .watch-main>.section-heading{margin-bottom:14px}
}
@media(min-width:1001px) and (max-width:1150px){:root body #content{--room-side-width:240px;--room-gap:24px;--room-padding:20px}}
@media(min-width:621px) and (max-width:1000px){:root body #content:not(:fullscreen) .detail-title-actions{flex-basis:100%;width:360px}.detail-title-line h1{flex-basis:100%}}


/* Compact room headings and consistent disclosure summaries. */
:root body #content:not(:fullscreen) .detail-title-names{flex:1;min-width:0}
:root body #content:not(:fullscreen) .detail-title-names h1{margin:0;line-height:1.15}
:root body #content:not(:fullscreen) .detail-title-names .original-title{display:block;margin:8px 0 0;line-height:1.4}
:root body #content:not(:fullscreen) .detail-title-actions{flex:0 0 min(45%,360px)}
:root body #content:not(:fullscreen) .detail-disclosure>summary{min-height:54px;height:54px;box-sizing:border-box;gap:12px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{display:block;min-width:0;max-width:64%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4}
:root body #content:not(:fullscreen) .detail-source-item{display:inline;white-space:nowrap}
:root body #content:not(:fullscreen) .detail-source-item+ .detail-source-item:before{content:' · ';color:#888}
:root body #content:not(:fullscreen) .detail-source-item small{margin-left:5px;font-size:11px}
:root body #content:not(:fullscreen) .detail-gallery-count{display:block;margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
@media(max-width:1000px){:root body #content:not(:fullscreen) .detail-title-line{flex-wrap:wrap}:root body #content:not(:fullscreen) .detail-title-names{flex-basis:100%}:root body #content:not(:fullscreen) .detail-title-actions{flex-basis:100%;width:360px}}

/* The room uses open sections, like the rest of the site. */
:root body #content:not(:fullscreen) .detail-head,:root body #content:not(:fullscreen) .watch-section,:root body #content:not(:fullscreen) .room-community{background:transparent;border:0;border-radius:0;box-shadow:none;padding-left:0;padding-right:0}
:root body #content:not(:fullscreen) .watch-section,:root body #content:not(:fullscreen) .room-community{border-top:1px solid #ffffff12;padding-top:28px;margin-top:28px}
:root body #content:not(:fullscreen) .detail-head{padding-top:20px;padding-bottom:0}

:root body .episodes-head .room-season-choice{position:relative;min-width:115px;max-width:65%}
:root body .room-season-choice select[hidden]{display:none!important}
:root body .room-season-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid #ffffff22;border-radius:10px;background:#292929;color:#f0f0f0;font-size:15px;line-height:1.4;text-align:left;cursor:pointer}
:root body .room-season-toggle:hover:not(:disabled),:root body .room-season-toggle[aria-expanded=true]{background:#343434;border-color:#ffffff40}
:root body .room-season-toggle:disabled{opacity:1;background:#252525;color:#c7c7c7;cursor:default}
:root body .room-season-toggle:disabled svg{visibility:hidden}
:root body .room-season-options{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:max-content;min-width:100%;max-width:240px;max-height:280px;overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid #ffffff2a;border-radius:12px;background:#252525fc;box-shadow:0 12px 35px #0009;color:#f1f1f1;scrollbar-width:thin;box-sizing:border-box}
:root body .room-season-options[hidden]{display:none!important}
:root body .room-season-option{display:block;position:relative;width:100%;min-height:42px;padding:10px 32px 10px 11px;border:0;border-radius:8px;font-size:14px;line-height:1.45;text-align:left;color:inherit;background:transparent;cursor:pointer}
:root body .room-season-option:hover,:root body .room-season-option:focus{background:#ffffff10}
:root body .room-season-option[aria-selected=true]{background:#ffffff12;color:#fff}
:root body .room-season-option[aria-selected=true]:after{content:'✓';position:absolute;right:11px;top:10px;color:#dedede}
:root body .room-season-option:disabled{color:#888;cursor:default}
:root body #content:not(:fullscreen) .episodes{overflow:visible}

:root body .episodes-head .room-season-toggle>span{font-size:15px;line-height:1.4;color:inherit}

/* Unrated stars stay solid grey; selected stars stay white. */
:root body #content:not(:fullscreen) .detail-title-actions .room-stars button{color:#454545}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars svg{fill:currentColor;stroke:none;stroke-width:0}

/* Resume belongs to the episode column, separate from the title rating. */
:root body #content:not(:fullscreen) .room-episodes-column{min-width:0;display:flex;flex-direction:column;gap:14px;align-self:start}
:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{display:flex;width:100%;justify-content:center;min-height:46px;margin:0}
:root body #content:not(:fullscreen) .room-episodes-column>.episodes{width:100%;box-sizing:border-box;margin:0}
:root body #content:not(:fullscreen) .watch-movie .room-episodes-column{display:none}
:root body #content:not(:fullscreen) .watch-movie .watch-main>.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* Shared header baseline and balanced space around the viewing area. */
:root body #content:not(:fullscreen) .watch-section{margin-top:24px;padding-top:24px;padding-bottom:0;margin-bottom:0}
:root body #content:not(:fullscreen) .room-community{margin-top:24px;padding-top:24px}
@media(min-width:1001px){
:root body #content:not(:fullscreen) .watch-section{align-items:stretch;column-gap:var(--room-gap,28px)}
:root body #content:not(:fullscreen) .watch-main>.section-heading{display:flex;align-items:center;min-height:46px;box-sizing:border-box;margin:0 0 14px;padding:0}
:root body #content:not(:fullscreen) .watch-main>.section-heading h2{margin:0;line-height:1.3}
:root body #content:not(:fullscreen) .room-episodes-column{align-self:stretch;min-height:0;gap:14px}
:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{height:46px;flex:0 0 46px;box-sizing:border-box}
:root body #content:not(:fullscreen) .room-episodes-column>.episodes{display:flex;flex-direction:column;flex:1;min-height:0}
:root body #content:not(:fullscreen) .room-episodes-column .episodes-head{flex:none;min-height:72px;box-sizing:border-box}
:root body #content:not(:fullscreen) .room-episodes-column .episode-scroll{flex:1;min-height:0;height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
}

@media(min-width:1001px){:root body #content:not(:fullscreen) .room-episodes-column{position:relative}:root body #content:not(:fullscreen) .room-episodes-column>.episodes{position:absolute;top:60px;bottom:0;left:0;right:0;height:calc(100% - 60px);align-self:stretch}}

/* Quiet black resume action. */
:root body #content:not(:fullscreen) .detail-watch.button.primary{background:#ffffff04;color:#fff;border:1px solid var(--wr-border);box-shadow:none}
:root body #content:not(:fullscreen) .detail-watch.button.primary:hover{background:#ffffff0c;color:#fff;border-color:#ffffff30}
:root body #content:not(:fullscreen) .detail-watch.button.primary:active{background:#ffffff12;color:#fff}

/* A little more room and larger type for the three title disclosures. */
:root body #content:not(:fullscreen) .detail-disclosures>details.detail-disclosure>summary{height:62px;min-height:62px;padding:12px 18px;font-size:16px;gap:12px}
:root body #content:not(:fullscreen) .detail-disclosures>details.detail-disclosure>summary>span:first-child>svg{width:22px;height:22px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-people-preview,:root body #content:not(:fullscreen) .detail-disclosures .detail-gallery-count,:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{font-size:14px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-source-item small{font-size:12px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-chevron{width:32px;height:32px;flex-basis:32px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-chevron svg{width:20px;height:20px}
@media(max-width:620px){:root body #content:not(:fullscreen) .detail-disclosures>details.detail-disclosure>summary{padding:12px 14px;font-size:15px;gap:10px}:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{font-size:12px}}

@media(max-width:620px){:root body #content:not(:fullscreen) .detail-disclosures>.detail-sources>summary>span:first-child{flex-shrink:0}:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{flex:1;max-width:none;min-width:0}:root body #content:not(:fullscreen) .detail-disclosures .detail-sources .detail-chevron{margin-left:0}}

/* A shared 52px action row; existing 14px and outer section gaps stay intact. */
:root body #content:not(:fullscreen) .detail-watch.button.primary,:root body #content:not(:fullscreen) .episodes-head h3{font-family:inherit;font-size:17px;font-weight:650;line-height:1.4}
:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{height:52px;min-height:52px;flex-basis:52px}
:root body #content:not(:fullscreen) .watch-main>.section-heading>div{min-width:0;max-width:100%}
:root body #content:not(:fullscreen) .room-episode-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media(min-width:1001px){:root body #content:not(:fullscreen) .watch-main>.section-heading{min-height:52px}:root body #content:not(:fullscreen) .room-episodes-column>.episodes{top:66px;height:calc(100% - 66px)}}
@media(max-width:620px){:root body #content:not(:fullscreen) .detail-watch.button.primary,:root body #content:not(:fullscreen) .episodes-head h3{font-size:18px}:root body #content:not(:fullscreen) .room-episode-heading{white-space:normal;overflow-wrap:anywhere}}

/* Small breathing room at the right edge of the room rating. */
:root body #content:not(:fullscreen) .detail-title-actions .room-rating{box-sizing:border-box;padding-right:10px}

/* Movies use the entire room width: there is no episode rail. */
:root body #content .watch-section.watch-movie{grid-template-columns:minmax(0,1fr)}
:root body #content .watch-movie>.room-episodes-column{display:none}

.episodes{position:relative}
.episodes.is-season-loading .episode-scroll{opacity:.3;pointer-events:none;filter:blur(1px)}
.episode-season-loading{position:absolute;inset:70px 0 0;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(12,15,20,.45);border-radius:12px;color:var(--text,#fff);font-size:14px;pointer-events:auto}
.episode-season-loading .search-spinner{width:22px;height:22px;margin:0;flex:none}
.episode-row.current{box-shadow:inset 3px 0 0 var(--accent,#e5b36b)}
.detail-watch{white-space:normal;line-height:1.35}


/* /desktop.css */
/* Desktop refinement: the titles carry the page; controls share a quieter hierarchy. */
@media(min-width:901px){
 :root,:root[data-accent]{--app-header-height:81px}
 body{background:radial-gradient(ellipse 1000px 520px at 50% -220px,#33312e38,transparent),var(--bg)}
 main,.app-header-inner{max-width:1440px;padding-left:40px;padding-right:40px}
 .app-header.sidebar{background:#171512f2;border-bottom-color:#ffffff0b;box-shadow:none}
 .app-header-inner{height:80px;min-height:80px;gap:24px;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)}
 .app-header .brand{font-size:22px}.app-header .brand-mark{width:34px;height:34px}
 .app-header nav{height:50px;padding:3px;gap:4px;background:transparent;border-color:transparent}
 .app-header .nav-item{min-width:105px;height:42px;min-height:42px;padding:0 14px;gap:8px;font-size:14px;font-weight:550}
 :root[data-accent] .app-header .nav-item.active,.app-header .nav-item.active{background:var(--accent-soft);border-color:#b3ccff18;box-shadow:none;color:var(--accent)}
 .app-header .header-account{width:212px;height:56px;min-height:56px;padding:5px 9px 5px 7px;gap:10px;border-radius:15px;background:linear-gradient(110deg,#2a2825,#1f1d1a);border-color:#cac8c520;box-shadow:inset 0 1px #ffffff05}
 .header-profile-name{font-size:13px}.header-profile-detail{font-size:10px}
 .button.secondary,.icon-button{background:#ffffff04;border-color:#ffffff13}.button.secondary:hover,.icon-button:hover{background:#ffffff09;border-color:#ffffff2b}
 .home-toolbar{margin:22px 0 20px;gap:24px}.home-toolbar nav{gap:4px}.home-section-link{font-size:14px;padding:10px 14px;min-height:44px}.home-section-link:first-child{padding-left:0}.home-toolbar #search-form{width:min(460px,44%)}
 .home-toolbar .search-box{border-color:#ffffff15;background:#ffffff06;border-radius:12px}.home-toolbar .search-box:focus-within{border-color:var(--accent)}.home-toolbar .search-box button{background:transparent}
 .home-spotlight{grid-template-columns:minmax(240px,27%) minmax(0,1fr);min-height:340px;border-radius:20px;background:linear-gradient(110deg,#2c2a27,#201e1b 70%);border-color:#ffffff12;box-shadow:0 10px 32px #0002}
 .spotlight-poster{min-height:340px;background:linear-gradient(120deg,#22201d,#2c2a27)}.spotlight-poster:after{background:linear-gradient(90deg,transparent 90%,#2c2a27)}.spotlight-poster .catalog-poster{object-fit:contain;object-position:center}
 .spotlight-copy{padding:27px 36px 16px}.spotlight-label{font-size:10px;letter-spacing:1.8px;margin-bottom:12px}.spotlight-copy h1{font-size:clamp(29px,2.8vw,40px);letter-spacing:-1.1px;line-height:1.15;margin-bottom:15px}.spotlight-facts{font-size:13px;gap:8px 16px}.spotlight-copy>p{font-size:15px;line-height:1.7;max-width:68ch;margin:15px 0 18px;-webkit-line-clamp:3}.spotlight-actions{gap:10px;padding-top:7px}.spotlight-actions .button{font-size:13px;min-height:44px}.spotlight-pager{margin-top:9px;gap:3px}.spotlight-pager button{height:30px;width:32px}.spotlight-pager span{height:3px;width:18px}.spotlight-pager button[aria-pressed=true] span{width:25px}
 .home-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 30px}.home-category{min-height:68px;padding:12px 16px;border-color:#ffffff0c;border-radius:11px;background:#ffffff06}.home-category:hover{background:#ffffff0e;border-color:#ffffff22}.home-category>span{font-size:14px;font-weight:600}.home-category small{font-size:11px;margin-top:3px}.home-category>svg{width:14px;right:12px;bottom:15px;color:#b6b4b180}
 .section-heading{margin:30px 0 18px}.section-heading h2,.home-popular-title h2{font-size:25px;letter-spacing:-.6px}.home-shelf h2{font-size:22px}.shelf-controls .text-button{font-size:13px}.shelf-controls .icon-button{width:36px;height:36px;min-height:36px;border-radius:10px}.home-popular-title{padding-bottom:14px;border-color:#ffffff0b}
 #home-recommendations{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;margin:30px 0 42px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;scroll-margin-top:100px}
 #home-recommendations>*{grid-column:1/-1;min-width:0}#home-recommendations>.section-heading{margin:0 0 14px}#home-recommendations h2{font-size:25px}
 #home-recommendations .recommendation-tabs{grid-column:1;margin:0 0 12px;padding:0;gap:4px;border:0}.recommendation-tabs button{min-height:36px;font-size:13px;padding:7px 12px;border-radius:9px}.recommendation-tabs button.selected{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
 #home-recommendations .recommendation-moods{grid-column:2;justify-content:flex-end;align-items:center;gap:6px;margin:0 0 12px}.recommendation-moods button{min-height:34px;font-size:12px;padding:6px 11px;background:transparent;border-color:#ffffff14}.recommendation-moods button.selected{background:var(--accent-soft);border-color:#c2c0bd44;color:var(--text)}.recommendation-note{font-size:13px;margin-bottom:16px;color:#a8a6a3}
 #home-recommendations .recommendation-rail{grid-auto-columns:calc((100% - 80px)/6);gap:16px;padding:2px 0 12px}.recommendation-tile{padding:0;background:transparent;border:0;border-radius:12px;box-shadow:none}.recommendation-tile:hover{background:transparent;border-color:transparent}.recommendation-tile .home-tile-poster{border:1px solid #ffffff12;border-radius:12px}.recommendation-tile:hover .home-tile-poster{border-color:#c6c4c170}.recommendation-tile h3{font-size:15px;margin:11px 0 6px;min-height:42px}.recommendation-tile .home-tile-meta{font-size:12px;margin:0}.recommendation-why{margin-top:7px;font-size:12px}.recommendation-why summary{min-height:34px}.recommendation-why p{font-size:13px}.recommendation-actions{gap:4px;border-color:#ffffff0c;padding-top:4px}.recommendation-actions button{min-width:36px;height:36px;border-radius:8px;background:transparent;border-color:transparent}.recommendation-actions svg{width:18px;height:18px}
 .home-tile-poster{border-radius:12px}.home-tile h3{font-size:15px;line-height:1.4;min-height:42px;margin-top:11px}.home-tile-meta{font-size:12px}.home-rank{font-size:28px}
 .home-filters{padding:15px 0;background:none;border-left:0;border-right:0;border-radius:0;gap:16px}.home-filters label>span{font-size:12px}.home-filters select,.home-filters .catalog-kind select{background:#ffffff03;border-color:#ffffff15;border-radius:9px;font-size:13px;min-height:42px}
 #results>.show-card{padding:0 0 6px;background:transparent;border:0;border-radius:12px}#results>.show-card:hover,#results>.show-card:focus-within{transform:none;background:transparent;border:0}.poster-button{border-radius:12px;border:1px solid #ffffff10;box-shadow:none}#results>.show-card:hover .poster-button{border-color:#c6c4c160}#results .card-title{font-size:15px!important;margin:11px 0 4px;width:100%;min-height:42px;padding-right:38px}#results .card-bottom{bottom:7px;right:0}.card-add{width:34px;height:34px;border-radius:9px}
 .page-intro,.library-intro{padding-top:28px;margin-bottom:24px}.page-intro h1,.library-intro h1{font-size:34px}.library-toolbar{padding:0;border:0;background:none;gap:12px;margin-bottom:20px}.library-search,.library-sort select{background:#ffffff03;border-color:#ffffff16;min-height:46px}.library-search input{height:44px;font-size:15px}.library-tabs{gap:6px;padding-bottom:12px}.library-tabs button{font-size:13px;min-height:40px}.library-card{padding:8px;background:#ffffff02;border-color:#ffffff0c;border-radius:14px}.library-card:hover{border-color:#c6c4c140}.library-card .card-title{font-size:15px!important}.library-watch{font-size:13px}.library-results-heading{min-height:48px}
 .detail-head{grid-template-columns:210px minmax(0,1fr);gap:32px;padding:22px 0 28px;background:transparent;border:0;border-bottom:1px solid #ffffff0e;border-radius:0;box-shadow:none}.detail-poster .art{border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0004}.detail-copy h1,.detail-copy .detail-title-line h1{font-size:32px;line-height:1.2;letter-spacing:-.8px}.detail-facts{margin:15px 0;gap:7px}.detail-facts>span{border-color:#ffffff0b;background:#ffffff06}.show-description{max-width:76ch;margin:18px 0}.show-description p{font-size:15px;line-height:1.85}.description-toggle{font-size:12px;min-height:36px}.detail-disclosures{max-width:940px;background:#ffffff02;border-color:#ffffff0c}.detail-disclosures>.detail-disclosure>summary{min-height:50px;font-size:13px}.detail-disclosures>.detail-disclosure>summary .detail-chevron{background:transparent;border-color:transparent}.detail-actions{margin-top:18px}.detail-actions .button{font-size:13px}.source-summary{font-size:12px}
 .profile-tabs{margin-top:20px;margin-bottom:20px}.profile-tabs button{font-size:14px}.profile-signin{font-size:14px}.viewer-hero{min-height:240px;padding:30px;border-color:#ffffff16;box-shadow:none}.viewer-identity h1{font-size:34px}.viewer-identity p{font-size:14px}.viewer-avatar{width:88px;height:88px;font-size:44px}.viewer-level{background:#16141173;border-color:#ffffff15;border-radius:14px}.viewer-summary{padding:22px 0;gap:30px}.viewer-achievement{background:#ffffff02;border-color:#ffffff0d}.settings-card{background:#ffffff06;border-color:#ffffff10}
 .chat-room{max-width:960px}.chat-heading{padding:6px 4px 16px}.chat-heading-actions button{background:transparent;border-color:#ffffff0b;min-height:38px}.chat-thread{padding:28px 24px 18px}.chat-message-text{font-size:16px;line-height:1.75}.chat-message.user{background:#2d2b28;border-color:#cccac70e}.chat-composer-wrap{padding:10px 16px 0}.chat-composer-wrap form{background:#22201d;border-color:#cac8c524;border-radius:18px;box-shadow:0 8px 32px #0002}.chat-composer-wrap textarea{font-size:16px}.chat-welcome-mark{width:72px;height:72px;border-radius:24px;font-size:38px;box-shadow:none}.chat-welcome h1{font-size:28px}.chat-welcome>p{font-size:14px;color:#afadaa}.chat-suggestions button{font-size:13px;min-height:48px;border-color:#ffffff10;background:#ffffff06}.chat-composer-note{color:#9b9996}
}
@media(min-width:901px) and (max-width:1150px){
 main,.app-header-inner{padding-left:28px;padding-right:28px}.app-header-inner{grid-template-columns:170px minmax(0,1fr) 170px;gap:12px}.app-header .header-account{width:170px}.app-header .header-profile-arrow{display:none}.app-header .nav-item{min-width:0;padding:0 10px;font-size:13px;gap:6px}.app-header nav{justify-self:center}.app-header .nav-item>svg{width:16px;height:16px}.app-header .brand{font-size:20px}.home-spotlight{grid-template-columns:240px minmax(0,1fr)}.spotlight-copy{padding:24px 28px 16px}.spotlight-copy h1{font-size:31px}.home-category{padding:12px}.home-category>span{font-size:13px}.home-category small{font-size:10px}.home-category>svg{display:none}#home-recommendations .recommendation-rail{grid-auto-columns:calc((100% - 48px)/4)}.detail-head{grid-template-columns:180px minmax(0,1fr);gap:26px}.detail-copy .detail-title-line h1{font-size:28px}
}

/* /mobile.css */
/* Phone layout: reachable navigation, safe areas and a chat that follows the keyboard. */
@media (max-width:620px), (max-width:900px) and (max-height:500px) and (pointer:coarse){
 :root,:root[data-accent]{--app-header-height:calc(64px + env(safe-area-inset-top));--mobile-nav-height:calc(66px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(var(--mobile-nav-height) + 16px)}
 .app-header.sidebar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#181613;box-shadow:0 1px 0 #ffffff05}
 .app-header-inner{height:var(--app-header-height);min-height:var(--app-header-height);grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;grid-template-areas:"brand profile";padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:12px}
 .app-header .brand{font-size:20px;gap:9px}
 .app-header .brand-mark{width:30px;height:30px;font-size:25px;border-radius:9px}
 .app-header .header-account{width:auto;max-width:142px;height:44px;min-height:44px;padding:3px 7px 3px 4px;gap:8px;border-radius:14px}
 .app-header .header-profile-orbit{width:34px;height:34px;flex-basis:34px}
 .app-header .header-account .avatar{width:28px;height:28px;min-width:28px;font-size:18px;border-width:2px}
 .app-header .header-account>.header-profile-copy{display:flex;gap:0;max-width:80px}
 .header-profile-detail,.header-profile-arrow{display:none}.header-profile-name{font-size:12px}.header-profile-level{width:19px;height:19px;font-size:9px}
 .app-header nav{position:fixed;inset:auto 0 0;z-index:50;width:auto;height:var(--mobile-nav-height);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:4px;margin:0;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid #cac8c51c;border-radius:0;background:#1b1916f5;box-shadow:0 -8px 28px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .app-header .nav-item{width:100%;min-width:0;height:53px;min-height:53px;padding:5px 2px;gap:4px;flex-direction:column;border-radius:12px;font-size:10px;font-weight:550;line-height:1.2;letter-spacing:0}
 .app-header .nav-item>svg{display:block;width:21px;height:21px;opacity:1}
 .app-header .nav-item>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
 :root[data-accent] .app-header .nav-item.active,.app-header .nav-item.active{background:#a9c7ff10;box-shadow:none;border-color:#a9c7ff12;color:var(--accent)}
 main{padding:0 max(16px,env(safe-area-inset-right)) calc(var(--mobile-nav-height) + 24px) max(16px,env(safe-area-inset-left))}
 input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select,.home-toolbar .search-box input,.library-search input,.setting-field input,.setting-field select{font-size:16px}
 button,a,input,select,textarea,summary{touch-action:manipulation}
 .home-toolbar{gap:9px;margin:16px 0}.home-toolbar nav{gap:4px}.home-section-link{min-height:44px;padding:10px;font-size:13px}.home-toolbar .search-box{min-height:50px}
 .spotlight-copy{padding:22px 20px 14px;min-height:300px}.spotlight-copy h1{font-size:28px;letter-spacing:-.8px}.spotlight-label{font-size:10px;margin-bottom:15px}.spotlight-copy>p{font-size:14px;line-height:1.6;margin:15px 0}.spotlight-actions{width:100%;gap:8px}.spotlight-actions .button{flex:1;justify-content:center;font-size:12px;padding:10px;min-height:46px}.spotlight-pager{margin-top:8px}
 .home-categories{gap:8px;margin:16px 0 26px}.home-category{min-height:70px;padding:13px}.home-category>span{font-size:14px}
 .home-rail{grid-auto-columns:calc((100% - 22px)/2.2);gap:12px;scrollbar-width:none;padding-bottom:8px}.home-tile h3{font-size:14px;min-height:39px;margin-top:9px}.home-tile-meta{font-size:12px}
 .home-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px}.home-filters label:last-child{grid-column:1/-1}.home-filters select,.home-filters .catalog-kind select{font-size:16px}
 .library-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;overscroll-behavior-x:contain}.library-tabs button{flex-shrink:0;min-height:44px}
 .profile-tabs{overflow-x:auto;scrollbar-width:none;gap:18px}.profile-tabs button{flex-shrink:0;white-space:nowrap;min-height:48px}
 .description-toggle{min-height:44px;font-size:13px}.detail-photo>span{opacity:1}.detail-gallery-toggle{min-height:44px}
 #toast,.library-undo{bottom:calc(var(--mobile-nav-height) + 12px);max-width:calc(100vw - 24px)}.room-mini{bottom:calc(var(--mobile-nav-height) + 10px);right:12px}
 body:has(.chat-room){overflow:hidden}
 body:has(.chat-room) main{position:fixed;top:calc(var(--wr-viewport-top,0px) + var(--app-header-height));left:0;right:0;max-width:none;height:calc(var(--wr-viewport-height,100dvh) - var(--app-header-height) - var(--mobile-nav-height));min-height:0;padding:6px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}
 body:has(.chat-room) #content{height:100%;min-height:0}
 .chat-room{height:100%;min-height:0;max-width:none}
 .chat-heading{flex-shrink:0;min-height:50px;padding:0 0 7px;gap:8px}.chat-heading>div:first-child{gap:8px;min-width:0}.chat-engine-status{font-size:10px;line-height:1.4;max-width:130px}.chat-title{font-size:17px}.chat-title>span{display:none}.chat-heading-actions{gap:4px}.chat-heading-actions button{min-width:44px;min-height:44px;padding:0 10px}.chat-heading-actions svg{width:17px;height:17px}
 .chat-thread{padding:16px 4px 8px;scroll-padding-bottom:12px}.chat-message{margin-bottom:22px}.chat-message.user{max-width:90%;padding:10px 13px}.chat-message-text{font-size:15px;line-height:1.65}
 .chat-welcome{min-height:100%;padding:10px 0;justify-content:center}.chat-welcome-mark{width:54px;height:54px;font-size:30px;border-radius:18px;margin-bottom:14px}.chat-welcome h1{font-size:22px;margin-bottom:9px}.chat-welcome>p{font-size:12px;line-height:1.6;margin-bottom:16px}.chat-welcome>p br{display:none}
 .chat-room:has(.chat-device-setup:not(.compact):not([hidden])) .chat-welcome-mark{display:none}
 .chat-suggestions{display:flex;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:100%;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:3px}.chat-suggestions button{flex:0 0 auto;max-width:92%;min-height:44px;font-size:12px;padding:10px 12px;scroll-snap-align:start}.chat-suggestions svg{flex-shrink:0}
 .chat-composer-wrap{flex-shrink:0;padding:6px 0 0}.chat-composer-wrap form{gap:7px;padding:6px;border-radius:18px;align-items:flex-end}.chat-composer-wrap textarea{font-size:16px;line-height:1.5;min-height:44px;max-height:110px;padding:10px 0}.chat-send,.chat-attach{width:44px;height:44px;flex:0 0 44px;border-radius:12px}.chat-composer-note{display:none}
 .chat-attachment-tray{flex-wrap:nowrap;max-height:85px;overflow-x:auto}.chat-attachment-tray .chat-attachment{flex-shrink:0}.chat-attachment button{width:44px;min-height:44px;flex-basis:44px}.chat-action button{min-width:44px;min-height:44px;font-size:12px}
 .chat-memory{position:absolute;top:50px;left:0;right:0;z-index:4;box-shadow:0 14px 35px #0008;flex-shrink:0;max-height:calc(var(--wr-viewport-height,100dvh) * .42);margin:6px 0 0;padding:10px 12px}.chat-memory button{width:44px;height:44px;flex-basis:44px}.chat-memory li{gap:8px}
 .chat-device-setup:not(.compact){flex-shrink:1;min-height:44px;overflow:auto;padding:12px;margin:6px 0 0;gap:10px}.chat-device-setup strong{font-size:13px}.chat-device-setup p{font-size:12px;line-height:1.5}.chat-device-setup button{min-height:44px;white-space:normal}.chat-device-setup.compact{margin:0;padding:0;gap:8px;font-size:10px;min-height:36px}.chat-device-setup.compact button{font-size:10px;min-height:40px}.chat-device-setup.compact>span{max-width:64%}
 :root.mobile-keyboard,:root[data-accent].mobile-keyboard{--mobile-nav-height:0px;--app-header-height:0px}.mobile-keyboard .app-header.sidebar{display:none}
 .mobile-keyboard .chat-welcome-mark,.mobile-keyboard .chat-welcome>p{display:none}.mobile-keyboard .chat-welcome h1{font-size:18px}.mobile-keyboard .chat-device-setup:not(.compact){max-height:94px;overflow:auto;flex-direction:row;align-items:center}.mobile-keyboard .chat-device-setup button{max-width:120px}.mobile-keyboard .chat-device-setup strong{display:none}
 .mobile-keyboard body:has(.chat-room) main{padding-bottom:max(8px,env(safe-area-inset-bottom))}
}
@media(max-width:350px){.app-header .header-account{max-width:112px}.app-header .header-account>.header-profile-copy{max-width:55px}.chat-heading-actions button>span{display:none}.chat-device-setup:not(.compact){padding:10px}.chat-welcome h1{font-size:20px}}
@media(max-height:500px) and (max-width:900px) and (pointer:coarse){
 :root,:root[data-accent]{--app-header-height:48px;--mobile-nav-height:54px}.app-header-inner{padding-top:0}.app-header .header-account{height:40px;min-height:40px}.app-header nav{padding-top:3px;padding-bottom:3px}.app-header .nav-item{height:47px;min-height:47px;flex-direction:row;gap:7px}.chat-heading{min-height:44px;padding-bottom:0}.chat-device-setup:not(.compact){flex-direction:row;align-items:center;margin-top:3px;padding:8px 12px}.chat-device-setup button{min-width:145px}.chat-welcome-mark{display:none}.chat-welcome{padding:6px 0}:root.mobile-keyboard,:root[data-accent].mobile-keyboard{--app-header-height:0px;--mobile-nav-height:0px}
}
@media (max-width:620px), (max-width:900px) and (max-height:500px) and (pointer:coarse){
 #content:not(:fullscreen) .watch-settings-panel{bottom:calc(var(--mobile-nav-height) + 8px);max-height:calc(100dvh - var(--app-header-height) - var(--mobile-nav-height) - 24px)}
 body:has(.chat-room) .room-mini{bottom:calc(var(--mobile-nav-height) + 82px)}
 .detail-lightbox button{width:44px;height:44px}.detail-lightbox-stage{grid-template-columns:44px minmax(0,1fr) 44px}.detail-lightbox-stage button{width:44px}
}
@media(max-width:620px) and (max-height:650px), (max-width:900px) and (max-height:500px) and (pointer:coarse){
 .chat-welcome>p{display:none}.chat-welcome{padding:4px 0}.chat-welcome h1{margin-bottom:12px}.chat-thread{padding-top:10px}
}

/* Launch audit: an immediate viewing action and touch-sized rating choices. */
.detail-watch{min-height:44px;white-space:nowrap}
@media(max-width:620px){
 .detail-copy .detail-title-line{align-items:flex-start;grid-column:1 / -1}
 .detail-copy .detail-title-line h1{flex-basis:100%}
 .detail-copy .detail-watch{min-height:44px;padding:10px 18px}
 .detail-head .room-rating{flex:1 1 100%;margin-left:0}
 .detail-head .room-rating .room-stars{width:236px;max-width:100%;grid-template-columns:repeat(5,44px);gap:4px}
 .detail-head .room-rating .room-stars button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}
}

.show-description .description-text p{display:block;-webkit-line-clamp:unset}
.show-description.is-short .description-text{height:auto;mask-image:none}
@media(max-width:620px){.detail-head .room-rating .room-stars svg{width:20px;height:20px}.description-toggle{min-height:44px}}


/* /neutral.css */
/* Neutral chrome. Artwork, video, status colours and custom profile covers retain their colours. */
:root,:root[data-accent]{--bg:#101111;--surface:#1a1b1c;--panel:#1a1b1c;--panel-raised:#252626;--field:#141515;--text:#eae8e3;--muted:#a7a7a3;--line:#ffffff12;--accent:#e2ded5;--accent-soft:#e2ded514;--accent-ink:#171817;--wr-border:#ffffff16;--wr-strong:#e2ded5;--ring-secondary:#8c8d88;--ring-empty:#303131;--ring-paused:#5c5d59}
/* The stored sky identifier remains compatible; this palette is now called Light in settings. */
:root[data-accent=neutral]{--accent:#c2c3bd;--accent-soft:#c2c3bd14}
:root[data-accent=lavender]{--accent:#c8bbda;--accent-soft:#c8bbda14}
body{background:radial-gradient(ellipse 1000px 500px at 50% -250px,#eeeeec06,transparent),var(--bg);color:var(--text)}
:root body .app-header.sidebar{background:#131414f5;border-color:#ffffff0c;box-shadow:none}
:root body .app-header nav{background:transparent;border-color:transparent}
:root body .app-header .nav-item{color:var(--muted)}
:root[data-accent] .app-header .nav-item.active,:root body .app-header .nav-item.active{background:#ffffff0c;border-color:#ffffff13;color:var(--text);box-shadow:none}
:root body .app-header .nav-item.active>svg{color:var(--accent)}
:root body .app-header .brand-mark{background:#ffffff07;border-color:#ffffff20;color:var(--accent);box-shadow:inset 0 1px #ffffff0a}
:root body .app-header .header-account{background:linear-gradient(120deg,#252627,#191a1b);border-color:#ffffff19;box-shadow:inset 0 1px #ffffff06}
:root body .app-header .header-account:hover,:root body .app-header .header-account[aria-current=page]{background:linear-gradient(120deg,#303131,#222323);border-color:#ffffff35}
:root body .app-header .header-account .avatar{background:#353634;border-color:#222323;color:var(--accent)}
.header-profile-level{background:var(--accent);border-color:#222323;color:var(--accent-ink)}
.header-profile-name{color:var(--text)}.header-profile-detail{color:var(--muted)}.header-profile-arrow{background:#ffffff04;border-color:#ffffff12;color:var(--muted)}
:root body .button.primary,:root body .chat-send{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 3px 14px #0002}
:root body .button.primary:hover,:root body .chat-send:not(:disabled):hover{background:color-mix(in srgb,var(--accent),white 12%)}
:root body :is(.button.secondary,.icon-button,.favorite-filter,.card-add){background:#ffffff04;border-color:var(--wr-border);color:var(--text)}
:root body :is(.button.secondary,.icon-button,.favorite-filter,.card-add):hover{background:#ffffff0c;border-color:#ffffff30}
:root body :is(.home-toolbar .search-box,.library-search,.library-sort select,.home-filters select,.home-filters .catalog-kind select,.setting-field input,.setting-field select,.modal input){background:var(--field);border-color:var(--wr-border);color:var(--text)}
:root body :is(input,textarea)::placeholder{color:#8e918d}
:root body .home-toolbar .search-box button{background:#ffffff05;color:var(--text)}
:root body .home-spotlight{background:linear-gradient(115deg,#262827,#1a1c1c 70%);border-color:var(--wr-border)}
:root body .spotlight-poster{background:linear-gradient(110deg,#232524,#262827)}
:root body .spotlight-poster:after{background:linear-gradient(90deg,transparent 88%,#262827)}
:root body :is(.spotlight-copy>p,.show-description p,.detail-copy p,.chat-message-text){color:#d1d1cb}
:root body :is(.spotlight-facts,.detail-facts,.original-title,.home-tile-meta,.recommendation-note,.catalog-meta,.section-heading .eyebrow,.text-button,.chat-engine-status,.chat-composer-note,.chat-welcome>p,.chat-memory p,.chat-device-setup p,.chat-device-setup.compact,.chat-device-setup.compact button,.chat-title>span,.chat-message-status,.chat-speaker,.source-summary,.save-status,.detail-gallery-heading p,.detail-gallery-count,.detail-people-preview,.detail-source-preview){color:var(--muted)}
:root body .home-category{background:#ffffff08;border-color:#ffffff12;color:var(--text)}
:root body .home-category:hover{background:#ffffff09;border-color:#ffffff2b}
:root body .home-category>svg{color:#c6c8bf88}
:root body :is(.poster-placeholder,.home-shelf-loading,.home-shelf-empty,.home-catalog .poster-placeholder){background:linear-gradient(145deg,#2c2e2d,#191b1a);color:#d2d3cc}
:root body .poster-placeholder small{color:var(--muted)}
:root body :is(.rating,.saved-badge){background:#151716db;border-color:#ffffff20;color:var(--text)}
:root body #home-recommendations{background:transparent;border-color:#ffffff13;box-shadow:none}
:root body :is(.recommendation-tile,.library-card,.settings-card,.stats-grid>div,.episodes,.continue-card,.recommendation-snoozed-card){background:#1a1c1b;border-color:#ffffff10;box-shadow:none}
:root body :is(.recommendation-tile,.library-card,.continue-card):hover{background:#202221;border-color:#ffffff25}
:root body :is(.recommendation-tabs,.recommendation-actions){border-color:#ffffff12}
:root body :is(.recommendation-tabs button,.recommendation-moods button,.recommendation-actions button,.recommendation-why summary,.recommendation-tile .home-tile-meta){color:#bfc1b9;border-color:#ffffff15;background:transparent}
:root body :is(.recommendation-tabs button.selected,.recommendation-moods button.selected,.library-tabs button.selected,.favorite-filter.selected,.filters button.selected){background:#ffffff10;border-color:#ffffff25;color:var(--text)}
:root body .recommendation-actions [data-recommend-feedback=like]{background:#ffffff0b;border-color:#ffffff20;color:var(--text)}
:root body .recommendation-actions button:hover{background:#ffffff13;color:var(--text)}
:root body .recommendation-actions [data-recommend-feedback=dismiss]:hover{background:#453030;color:#e6b7b7}
:root body :is(.detail-head,.detail-disclosures,.detail-facts>span){background:#ffffff02;border-color:#ffffff10}
:root body :is(.detail-disclosures>.detail-disclosure>summary,.detail-people>summary>span:first-child,.detail-person b,.detail-directors){color:var(--text)}
:root body :is(.detail-chevron,.detail-people summary svg,.detail-person small,.detail-directors>span){color:var(--muted)}
:root body .detail-disclosures>.detail-disclosure>summary .detail-chevron{background:#ffffff04;border-color:#ffffff12;color:var(--muted)}
:root body .detail-disclosures>.detail-disclosure[open]>summary .detail-chevron{background:#ffffff10;border-color:#ffffff25;color:var(--text)}
:root body :is(.cover-midnight,.chat-memory,.room-mini,.modal,.detail-lightbox,.home-source>p){background:linear-gradient(120deg,#252725,#191b1a);border-color:#ffffff19;color:var(--text)}
:root body :is(.viewer-avatar,.viewer-level){background:#15171699;border-color:#ffffff20;color:var(--text)}
:root body :is(.viewer-kicker,.viewer-identity p,.viewer-level-number,.viewer-level-heading div>span,.viewer-xp-label,.viewer-pins>button>span,.viewer-achievement h3){color:#d0d2c9}
:root body :is(.viewer-pins>button,.viewer-achievement,.avatar-option>span,.accent-option>span){background:#ffffff04;border-color:#ffffff14;color:var(--text)}
:root body :is(.accent-dot.sky,.accent-dot.neutral){background:var(--wr-strong)}.accent-dot.lavender{background:#c8bbda}
:root body .chat-welcome-mark{background:radial-gradient(ellipse at 20% 10%,#ffffff0c,transparent),#1b1e1c;border-color:#ffffff20;color:var(--accent);box-shadow:none}
:root body :is(.chat-wr-mark,.chat-attachment,.chat-device-setup){background:#ffffff04;border-color:#ffffff16;color:var(--text)}
:root body .chat-message.user{background:#2a2e2a;border-color:#ffffff0f;color:var(--text)}
:root body .chat-composer-wrap form{background:#202421;border-color:#ffffff22;box-shadow:0 8px 30px #0002}
:root body .chat-composer-wrap form:focus-within{border-color:#d4d7cb75}
:root body :is(.chat-composer-wrap textarea,.chat-message-text strong,.chat-device-setup strong,.chat-memory h3,.chat-memory li){color:var(--text)}
:root body :is(.chat-heading-actions button,.chat-attach,.chat-suggestions button,.chat-suggestions svg,.chat-device-setup button,.chat-memory button,.chat-attachment button){color:#c1c5ba;background:transparent;border-color:#ffffff17}
:root body .chat-send:disabled{background:#363a35;color:#9a9e93;box-shadow:none}
:root body .chat-device-setup.compact{background:transparent;border-color:transparent}
:root body .chat-action{background:#ffffff03;border-color:#ffffff14;color:#cdd2c4}
:root body :is(.chat-thread,.detail-photo-strip){scrollbar-color:#52584f transparent}
:root body .favorite-button{background:#171a17db;border-color:#ffffff26;color:var(--text)}
:root body .favorite-button.is-favorite{background:#353d31;border-color:#ffffff45;color:var(--accent)}
:root body .watch-settings-panel{background:#1b1e1cf5;border-color:#ffffff25;color:var(--text)}
:root body .watch-settings-panel select{background:#272b27;border-color:#ffffff22;color:var(--text)}
:root body .watch-settings-panel button:hover{background:#ffffff10}
:root body .player-start{background:var(--accent);color:var(--accent-ink);border-color:#ffffff60}
@media(min-width:901px){:root body :is(.recommendation-tile,.recommendation-tile:hover,.detail-head){background:transparent}:root body .app-header nav{border-color:transparent}}
@media(max-width:620px),(max-width:900px) and (max-height:500px) and (pointer:coarse){:root body .app-header nav{background:#171918f5;border-top-color:#ffffff15}:root body .spotlight-poster:after{background:linear-gradient(0deg,#1a1c1c 8%,#1a1c1c99 75%,#1a1c1c33)}}
:root body .chat-device-setup .chat-device-error{color:#ddb1aa}
:root body .accent-dot.neutral{background:#c2c3bd}

/* Match small controls, overlays and focus states to the neutral interface. */
:root{color-scheme:dark}
:root body :is(input,select,textarea,progress){accent-color:var(--accent)}
:root body :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--accent)}
:root body :is(select,select option){background-color:var(--field);color:var(--text)}
:root body :is(.settings-save p,.account-data>small,.setting-field>small,.setting-toggle small,.profile-numbers small,.room-mini-time,.watch-now>span,.watch-subtitles-status,.watch-source-name,.watch-source-options label,.watch-source-status,.watch-season-label,.watch-episode-pick>span:first-child,.watch-preview-state,.watch-settings-panel .watch-help span,.community-scope,.room-comment-controls>span,.room-comment time,.room-comment header small,.community-empty,.community-server-settings summary,.detail-person-photo,.detail-lightbox-counter,.detail-source-note,.recommendation-why p,.recommendation-snoozed-card p,.taste-intro,.taste-entry span,.taste-excluded,.taste-row p,.taste-direction,.taste-row.is-muted .taste-direction,.taste-muted>summary){color:var(--muted)}
:root body :is(.watch-buttons>button,.watch-settings-panel .watch-help,.watch-episode-pick,.room-comment p,.taste-entry b,.taste-row b,.description-toggle:hover,.detail-lightbox-caption){color:var(--text)}
:root body :is(.watch-help-dialog,.watch-episodes-panel,.recommendation-empty,.taste-entry,.room-community){background:var(--panel);border-color:var(--wr-border);color:var(--text)}
:root body :is(.watch-speed select,.watch-season-label select,.watch-help-dialog kbd,.taste-genres span,.comment-avatar,.comment-spoiler){background:var(--panel-raised);border-color:var(--wr-border);color:var(--text)}
:root body .watch-episode-pick[aria-current]{background:var(--accent-soft);color:var(--accent)}
:root body .watch-source-options summary:after{color:var(--muted)}
:root body .watch-settings-panel .watch-settings-heading>.watch-help{color:var(--muted)}
:root body .watch-preview{background:var(--field);border-color:var(--wr-border)}
:root body .watch-feedback{background:#101111db;color:var(--text)}
:root body .episode-finish{background:#101111ed;color:var(--text)}
:root body .episode-finish>span{color:var(--muted)}
:root body #room-comment-form textarea{background:var(--field);border-color:var(--wr-border);color:var(--text)}
:root body :is(#room-comment-form textarea,.setting-field input,.setting-field select,.modal input):focus{border-color:var(--accent)}
:root body .room-community h2 span{color:var(--muted)}
:root body :is(.room-stars,.collection-rating-stars) button{color:#a9a79e}
:root body :is(.room-stars,.collection-rating-stars) svg{fill:transparent;stroke:currentColor;stroke-width:1.7}
:root body :is(.room-stars,.collection-rating-stars) button.is-filled{color:#f2e6c9}
:root body :is(.room-stars,.collection-rating-stars) button.is-filled svg{fill:currentColor}
:root body :is(.room-stars,.collection-rating-stars) button:hover{color:#fff3d5;background:transparent}
:root body :is(.room-stars,.collection-rating-stars) button:focus-visible{outline:none;color:#fff3d5}
:root body :is(.room-stars,.collection-rating-stars) button:focus-visible svg{filter:drop-shadow(0 0 3px #e8dcc299)}
:root body :is(.detail-photo,.detail-lightbox-stage){background:var(--field);border-color:var(--wr-border)}
:root body .detail-photo:hover{background:var(--panel-raised);border-color:#e2ded56b}
:root body .detail-disclosures>.detail-disclosure>summary:hover .detail-chevron{background:#ffffff10;border-color:#ffffff30;color:var(--text)}
:root body .stream-provider .source-recommended{color:var(--accent)}
:root body :is(.home-rail,.detail-photo-strip){scrollbar-color:#a7a7a3 transparent}
:root body .recommendation-moods button:hover{background:#ffffff0c;border-color:#ffffff30;color:var(--text)}
:root body .recommendation-tile:hover .home-tile-poster,:root body #results>.show-card:hover .poster-button{border-color:#e2ded56b}
:root body #results>.show-card:hover,:root body #results>.show-card:focus-within{border-color:#ffffff30}
:root body :is(.search-spinner,.search-in-progress:before){border-top-color:var(--accent)}

:root body :is(.empty,.library-undo,.inline-note){background:var(--panel);border-color:var(--wr-border);color:var(--text)}
:root body :is(.library-tabs button,.library-tabs button span,.library-results-heading p,.library-undo small,.collection-settings>label,.detail-gallery-note,.detail-gallery-note a,.detail-gallery-empty,.detail-gallery-loading>p,.detail-lightbox-bar,.detail-photo.image-failed>span){color:var(--muted)}
:root body .collection-ring>span{background:var(--panel)}
:root body .library-tabs{scrollbar-color:#a7a7a3 transparent}
:root body .detail-photo>span{background:#101111c9}
:root body .detail-photo.image-failed>span{background:none}
:root body .detail-lightbox::backdrop{background:#080909dd}
:root body .detail-lightbox-stage img{background:#101111}
:root body .detail-lightbox button{color:var(--text)}

:root body .library-tabs button.selected,:root body .library-tabs button.selected span{color:var(--text)}

/* Shared neutral counters and title disclosure icons. */
:root body .recommendation-tabs button span{color:var(--muted);background:#ffffff08}
:root body .recommendation-tabs button.selected span{color:var(--text)}
:root body .detail-disclosures>.detail-disclosure>summary svg{color:var(--muted)}


/* /branding.css */
/* The un monogram is the beginning of the wordmark: only skip follows it. */
.unskip-lockup{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;color:#e2ded5;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:750;line-height:1;letter-spacing:-1.9px}
.unskip-lockup>.unskip-mark{display:block;flex:none;width:39px;height:auto;margin:0;transform:translateY(2px)}
.unskip-lockup>.unskip-word{display:block;color:inherit;font:inherit;letter-spacing:inherit;margin:0}
:root body .app-header .brand.unskip-lockup{display:inline-flex;min-height:44px;gap:3px;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:750;letter-spacing:-1.9px;line-height:1;color:#e2ded5}
:root body .app-header .brand.unskip-lockup>.unskip-mark{width:39px;height:auto}
:root body footer>.unskip-lockup{font-size:23px;letter-spacing:-1.2px;gap:2px;opacity:.7}
:root body footer>.unskip-lockup:after{content:none}
:root body footer>.unskip-lockup>.unskip-mark{width:25px;transform:translateY(1px)}
:root body .boot>.unskip-lockup{font-size:52px;font-weight:750;color:#e2ded5;letter-spacing:-2.8px;gap:4px;margin:0}
:root body .boot>.unskip-lockup>.unskip-mark{width:57px;transform:translateY(3px)}
:root body .boot>.unskip-lockup>.unskip-word{font:inherit;color:inherit;letter-spacing:inherit;margin:0}
.chat-wr-mark>.unskip-mark{width:20px;height:auto}
.chat-welcome-mark>.unskip-mark{width:48px;height:auto}
.chat-title .unskip-lockup{font-size:25px;letter-spacing:-1.3px;gap:2px}
.chat-title .unskip-lockup>.unskip-mark{width:27px;transform:translateY(1px)}
.chat-title .unskip-lockup>.unskip-word{font:inherit;color:inherit;letter-spacing:inherit;margin:0}
@media(max-width:620px){:root body .app-header .brand.unskip-lockup{font-size:32px;letter-spacing:-1.7px}:root body .app-header .brand.unskip-lockup>.unskip-mark{width:35px}}

/* A quiet sign-off beside the footer wordmark. */
:root body main>footer{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px 16px}
:root body main>footer>.unskip-tagline{font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0;color:#9b9993}


/* /polish.css */
/* Neutral controls and a compact personal collection. */
:root body *{scrollbar-color:#eae8e3 transparent}
:root body *::-webkit-scrollbar-thumb{background:#eae8e3;border-radius:8px}
:root body *::-webkit-scrollbar-track{background:transparent}
.home-toolbar{justify-content:flex-end}
.home-toolbar #search-form{width:min(620px,100%)}
#content>.library-toolbar:first-child{margin-top:24px}
:root body .app-header .header-account{gap:12px;padding:7px 12px;border-radius:14px}
:root body .app-header .header-profile-orbit{flex:0 0 40px;width:40px;height:40px;padding:2px;box-shadow:none}
:root body .app-header .header-account .avatar{width:36px;height:36px;min-width:36px;border-width:2px;font-size:21px}
:root body .app-header .header-profile-copy{gap:5px;line-height:1.25}
:root body .header-profile-name{font-size:15px;font-weight:650;letter-spacing:0}
:root body .header-profile-detail{display:block;font-size:12px;color:#c7c7c2;line-height:1.3}
:root body .header-profile-arrow{border:0;background:none;flex-basis:18px}
:root body .library-grid{align-items:stretch;gap:24px 18px}
:root body .library-card{display:flex;flex-direction:column;min-width:0;padding:0 0 8px;border:0;border-radius:14px;background:transparent;box-shadow:none;gap:0;transform:none}
:root body .library-card:hover{background:transparent;border:0;transform:none}
:root body .library-poster .poster-button{border:1px solid #ffffff16;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #0003}
:root body .library-poster .poster-button:hover{border-color:#ffffff60}
:root body .library-poster .poster-button .art{aspect-ratio:2/3}
:root body .library-card .card-title{font-family:inherit;font-size:17px!important;font-weight:600;line-height:1.4;min-height:2.8em;max-height:2.8em;margin:12px 0 7px;padding:0;letter-spacing:0;width:100%;color:var(--text)}
.library-card-meta{display:flex;align-items:center;gap:6px;margin-top:auto;min-width:0}
:root body .library-card .library-card-status{flex:1;min-width:0;margin:0;min-height:40px}
:root body .library-card .library-card-footer{display:flex;align-items:center;flex-wrap:nowrap;flex:0 0 auto;gap:5px;margin:0;min-height:40px;padding:0}
:root body .library-card .personal-rating:empty{display:none}
:root body .library-card .personal-rating{font-size:12px;padding:0;color:var(--muted)}
:root body .library-card .library-status-badge{font-family:inherit;font-size:12px;font-weight:500;line-height:1.35;padding:5px 8px 5px 10px;border-radius:7px;background:#202121;color:var(--text)}
:root body .library-card .library-status-badge.status-actual{background:linear-gradient(120deg,#212724,#222528) padding-box,linear-gradient(110deg,#a7c6bb,#e4e2d8 45%,#b7b5b2 70%,#a7c6bb) border-box;box-shadow:0 0 8px #cbd9cd12}
:root body .library-card .library-manage-button{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:9px;border:1px solid transparent;border-radius:10px;color:#c2c2bc;background:transparent}
:root body .library-card .library-manage-button:hover{background:#ffffff09;border-color:#ffffff20;color:var(--text)}
:root body .library-card .library-manage-button svg{width:20px;height:20px}
:root body .library-card .favorite-button{width:40px;height:40px;right:9px;top:9px;background:#141515d9;border-color:#ffffff35;box-shadow:0 3px 10px #0003}
:root body .library-card .favorite-button svg{width:19px;height:19px}
:root body .library-card .favorite-button.is-favorite{background:#eae8e3;color:#171817}
@media(min-width:621px){.room-rating{margin-inline-end:18px}}
@media(min-width:901px){.home-toolbar #search-form{width:min(620px,100%)}}
@media(max-width:620px),(max-width:900px) and (max-height:500px) and (pointer:coarse){
 :root body .app-header .header-account{max-width:176px;min-height:46px;height:46px;padding:4px 7px;gap:8px}
 :root body .app-header .header-profile-orbit{flex-basis:32px;width:32px;height:32px}
 :root body .app-header .header-account .avatar{width:28px;height:28px;min-width:28px;font-size:18px}
 :root body .app-header .header-profile-copy{gap:2px;max-width:116px}
 :root body .header-profile-name{font-size:13px}
 :root body .header-profile-detail{font-size:11px}
 :root body .header-profile-arrow{display:none}
 :root body .library-grid{gap:20px 12px}
 :root body .library-card .card-title{font-size:15px!important;margin-top:10px}
 :root body .library-card .library-status-badge{font-size:11px;padding:4px 6px 4px 8px}
 :root body .library-card .favorite-button{width:36px;height:36px;top:7px;right:7px}
 :root body .library-card .library-card-footer{gap:0}
 :root body .library-card .personal-rating{display:none}
 :root body .library-card .library-manage-button{width:36px;height:40px;padding:8px}
 .library-card-meta{gap:2px}
}

/* Keep card surfaces flat even when earlier theme selectors include element names. */
:root body .library-grid .library-card,:root body .library-grid .library-card:hover{background:transparent}
:root body :is(.home-rail,.library-tabs,.chat-thread,.detail-photo-strip,.episode-scroll){scrollbar-color:#eae8e3 transparent}
:root body .app-header .header-profile-arrow{display:none}
@media(min-width:901px) and (max-width:1150px){
 .app-header-inner{grid-template-columns:150px minmax(0,1fr) 200px}
 :root body .app-header .header-account{width:200px}
}

/* Larger profile portrait, aligned with the compact account panel. */
:root body .app-header .header-account{width:250px;height:56px;min-height:56px;padding:0 14px 0 0;gap:10px;border-radius:17px;overflow:visible}
:root body .app-header .header-profile-orbit{flex:0 0 68px;width:68px;height:68px;padding:4px;transform:translateX(-5px);margin-right:-3px;box-shadow:0 0 0 4px var(--bg)}
:root body .app-header .header-account .avatar{width:60px;height:60px;min-width:60px;border-width:4px;font-size:33px}
:root body .app-header .header-profile-copy{gap:4px;max-width:none}
:root body .header-profile-name{font-size:17px;font-weight:650}
:root body .header-profile-detail{font-size:13px}
@media(min-width:901px) and (max-width:1150px){
 .app-header-inner{grid-template-columns:150px minmax(0,1fr) 225px}
 :root body .app-header .header-account{width:225px}
 :root body .header-profile-name{font-size:16px}
 :root body .header-profile-detail{font-size:12px}
}
@media(min-width:621px) and (max-width:900px){
 :root body .app-header .header-account{width:238px;height:52px;min-height:52px}
 :root body .app-header .header-profile-orbit{flex-basis:60px;width:60px;height:60px;padding:3px}
 :root body .app-header .header-account .avatar{width:54px;height:54px;min-width:54px;font-size:30px}
}
@media(max-width:620px),(max-width:900px) and (max-height:500px) and (pointer:coarse){
 :root body .app-header .header-account{width:182px;max-width:182px;height:44px;min-height:44px;padding:0 8px 0 0;gap:7px;border-radius:13px}
 :root body .app-header .header-profile-orbit{flex-basis:48px;width:48px;height:48px;padding:3px;transform:translateX(-3px);margin-right:-2px;box-shadow:0 0 0 2px var(--bg)}
 :root body .app-header .header-account .avatar{width:42px;height:42px;min-width:42px;font-size:25px;border-width:3px}
 :root body .app-header .header-profile-copy{gap:2px}
 :root body .header-profile-name{font-size:13px}
 :root body .header-profile-detail{font-size:11px}
}
@media(max-width:360px){
 :root body .app-header .header-account{width:168px;max-width:168px}
 :root body .app-header .header-profile-orbit{flex-basis:44px;width:44px;height:44px}
 :root body .app-header .header-account .avatar{width:38px;height:38px;min-width:38px;font-size:23px}
}

:root body :is(.avatar,.viewer-avatar,.profile-portrait) .profile-avatar-art{display:block;width:78%;height:78%;flex-shrink:0}
:root body .avatar-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:520px}
:root body .avatar-option>span{width:100%;height:auto;aspect-ratio:1;min-height:56px;border-radius:16px}
:root body .avatar-option .profile-avatar-art{width:72%;height:72%;display:block}
@media(max-width:620px){:root body .avatar-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:300px}:root body .avatar-option>span{min-height:64px}}

/* Avatar and account panel share one silhouette and interaction state. */
:root body .app-header .header-account{
 --profile-edge:#ffffff32;--profile-surface:linear-gradient(120deg,#252627,#191a1b);
 background:transparent;border-color:transparent;box-shadow:none;
 filter:drop-shadow(0 0 .65px var(--profile-edge));
 transition:filter .16s ease;
}
:root body .app-header .header-account::before{
 content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;
 background:var(--profile-surface);pointer-events:none;
}
:root body .app-header .header-profile-orbit{
 position:relative;z-index:2;box-shadow:none;
 background:conic-gradient(from -90deg,var(--accent) var(--profile-progress),#303131 0);
}
:root body .app-header .header-profile-copy{position:relative;z-index:1}
:root body .app-header .header-account:is(:hover,[aria-current=page]){
 --profile-edge:#eeece2;--profile-surface:linear-gradient(120deg,#303131,#222323);
 background:transparent;border-color:transparent;box-shadow:none;
}
:root body .app-header .header-account:active{
 --profile-edge:#ffffff;--profile-surface:linear-gradient(120deg,#3c3d3c,#2e302e);
 background:transparent;border-color:transparent;box-shadow:none;
 filter:drop-shadow(0 0 1px var(--profile-edge));
}
:root body .app-header .header-account:is(:hover,:active,[aria-current=page]) .avatar{
 background:#41423e;border-color:#292b28;
}
@media(prefers-reduced-motion:reduce){:root body .app-header .header-account{transition:none}}
:root[data-motion=reduced] body .app-header .header-account{transition:none}

/* Profile: a single graphite space for identity, collection and preferences. */
:root body .profile-tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff14;padding:0 0 12px;margin:0}
:root body .profile-tabs button{border:1px solid transparent;border-radius:12px;background:transparent;padding:12px 20px;font-size:15px;color:#aaa9a4;min-height:46px}
:root body .profile-tabs button:hover{background:#ffffff08;color:#eeece5}
:root body .profile-tabs button[aria-current=page]{background:#272827;border-color:#ffffff24;color:#f1eee6}
:root body .profile-tabs button:after{display:none}
:root body .profile-redesign{padding-top:24px}
:root body .profile-redesign .viewer-hero{min-height:270px;padding:40px;grid-template-columns:minmax(0,1fr) 270px;align-items:center;border-radius:24px;gap:32px;background:radial-gradient(ellipse at 75% -30%,#ffffff0f,transparent 65%),linear-gradient(115deg,#252725,#181a19);border-color:#ffffff20}
:root body .profile-redesign .cover-nebula{background:radial-gradient(ellipse at 80% -15%,#a399b527,transparent 70%),linear-gradient(115deg,#28272c,#1b1b1e)}
:root body .profile-redesign .cover-ember{background:radial-gradient(ellipse at 80% -15%,#bda17b25,transparent 70%),linear-gradient(115deg,#2a2824,#1c1b19)}
:root body .profile-redesign .viewer-cover-art{opacity:.65}
:root body .profile-redesign .viewer-cover-art i{border-color:#ece7d812}
:root body .profile-redesign .viewer-identity{gap:28px}
:root body .profile-redesign .viewer-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(145deg,#3b3d37,#282a27);color:#ebe6d9;border:1px solid #ffffff30;box-shadow:0 0 0 7px #ffffff04;margin:0;transition:box-shadow .18s ease}
:root body .profile-redesign .viewer-avatar:hover{box-shadow:0 0 0 7px #ffffff0d;border-color:#ede9dc}
:root body .profile-redesign .viewer-kicker{font-size:11px;letter-spacing:1.6px;color:#aaa99f}
:root body .profile-redesign .viewer-identity h1{font-size:clamp(28px,3.2vw,46px);letter-spacing:-1.2px;margin:10px 0 14px;line-height:1.15;color:#f0ede5}
:root body .profile-redesign .viewer-identity p{color:#bcbab3;font-size:15px;max-width:440px;margin-bottom:20px}
:root body .profile-redesign .viewer-identity .button{background:#ffffff06;color:#e9e5dc;border-color:#ffffff25;border-radius:11px;font-size:13px;padding:11px 16px}
:root body .profile-redesign .viewer-level{background:#10121150;border-color:#ffffff16;padding:23px;border-radius:17px;backdrop-filter:none;max-width:none}
:root body .profile-redesign .viewer-level-number{font-size:54px;font-weight:500;color:#eee9dd;letter-spacing:-2px}
:root body .profile-redesign .viewer-level-heading b{font-size:15px;color:#dedbd2}
:root body .profile-redesign .viewer-level-heading div>span,:root body .profile-redesign .viewer-xp-label{color:#b1afa6;font-size:12px}
:root body .profile-redesign progress::-webkit-progress-value{background:#ded9ca}
:root body .profile-redesign progress::-moz-progress-bar{background:#ded9ca}
:root body .profile-redesign .viewer-level progress{height:5px;margin-top:22px}
:root body .profile-xp-help{font-size:12px;color:#a5a49b;margin-top:19px;text-decoration:underline;text-decoration-color:#ffffff28;text-underline-offset:4px}
:root body .profile-xp-help:hover{color:#eeece5}
:root body .profile-redesign .viewer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;margin:20px 0 32px;border:1px solid #ffffff16;background:#ffffff12;border-radius:17px;overflow:hidden}
:root body .profile-redesign .viewer-summary>div{display:flex;flex-direction:column;gap:9px;background:#1b1d1c;padding:23px 26px;min-width:0}
:root body .profile-redesign .viewer-summary b{font-size:27px;font-weight:550;letter-spacing:-.6px;line-height:1.2;margin:0;color:#eeebe2}
:root body .profile-redesign .viewer-summary b small{font-size:17px;font-weight:400;color:#a5a59b}
:root body .profile-redesign .viewer-summary span{font-size:13px;color:#aaa99f}
:root body .profile-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;margin-bottom:32px}
:root body .profile-redesign .section-heading{margin-bottom:22px;gap:14px}
:root body .profile-redesign .section-heading h2{font-size:22px;letter-spacing:-.4px}
:root body .profile-redesign .text-button{font-size:13px;color:#bdbbb2}
:root body .profile-redesign .viewer-showcase{margin:0;min-width:0}
:root body .profile-redesign .viewer-showcase-grid{gap:14px}
:root body .profile-redesign .viewer-title{background:#1c1e1c;border:1px solid #ffffff14;padding:8px 8px 13px;border-radius:14px;overflow:hidden;transition:border-color .15s,background .15s}
:root body .profile-redesign .viewer-title:hover{background:#252723;border-color:#ffffff45}
:root body .profile-redesign .viewer-title .art{border:0;border-radius:9px;aspect-ratio:2/3}
:root body .profile-redesign .viewer-title b{font-size:15px;line-height:1.4;margin:12px 4px 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:root body .profile-redesign .viewer-title>span{font-size:11px;color:#aaa89f;margin:0 4px;display:block}
:root body .profile-highlights{background:#1b1d1b;border:1px solid #ffffff14;border-radius:18px;padding:21px;align-self:start;min-width:0}
:root body .profile-highlights .section-heading h2{font-size:18px}
:root body .profile-highlights .section-heading{margin-bottom:18px}
:root body .profile-highlights .viewer-pins{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
:root body .profile-highlights .viewer-pins>button{padding:10px;background:#ffffff03;border-color:#ffffff13;gap:10px}
:root body .profile-highlights .viewer-pins>button:hover{background:#ffffff08;border-color:#ffffff35}
:root body .profile-highlights .viewer-pins .viewer-badge{width:39px;height:44px}
:root body .profile-highlights .viewer-pins>button>span:nth-child(2){font-size:13px}
:root body .profile-badges-empty{display:flex;align-items:center;gap:16px;padding:10px 0;color:#a6a69d}
:root body .profile-badges-empty p{font-size:14px;line-height:1.6;margin:0}
:root body .profile-next-badge{display:block;text-align:left;width:100%;padding-top:20px;margin-top:20px;border-top:1px solid #ffffff14}
:root body .profile-next-badge>span{font-size:12px;color:#a8a69c}
:root body .profile-next-badge>b{display:block;font-size:15px;font-weight:550;margin:8px 0 14px}
:root body .profile-next-badge progress{width:100%;height:4px;display:block}
:root body .profile-next-badge small{display:block;margin-top:10px;color:#aaa89e;font-size:12px}
:root body .profile-redesign .viewer-empty{min-height:215px;border:1px dashed #ffffff22;background:#ffffff02;flex-wrap:wrap}
:root body .profile-redesign .viewer-empty h3{font-size:19px}
:root body .profile-redesign .viewer-empty p{font-size:14px;color:#a8a89f}
:root body .profile-redesign .viewer-empty>span>svg{color:#ccc8bc}
:root body .profile-redesign .viewer-badge-grid{gap:12px}
:root body .profile-redesign .viewer-achievement{padding:20px 16px;background:#1b1d1c;border-color:#ffffff14;gap:15px}
:root body .profile-redesign .viewer-achievement.earned{background:linear-gradient(120deg,#2d2e28,#20221e);border-color:#d6ccb82e}
:root body .profile-redesign .viewer-achievement:hover{border-color:#d8d4c666;background:#292b26}
:root body .profile-redesign .viewer-achievement-info b{font-size:15px}
:root body .profile-redesign .viewer-achievement-info>span{font-size:12px;color:#aaa99f}
:root body .viewer-badge{background:#34362f;color:#aaa99e}
:root body .viewer-badge:before{background:#20221d}
:root body .viewer-badge.unlocked{background:linear-gradient(145deg,#e9e0c9,#8b856d);color:#f2e9ce;filter:none}
:root body .profile-redesign .viewer-rules{padding:19px 22px;border:1px solid #ffffff14;background:#ffffff02;border-radius:14px}
:root body .profile-redesign .viewer-rules summary{font-size:14px;color:#bab8ae}
:root body .profile-redesign .viewer-rules p{font-size:14px}
:root body .profile-redesign .profile-signin{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:17px 20px;margin-top:18px;background:#ffffff03;border:1px solid #ffffff16;border-radius:14px}
:root body .profile-redesign .profile-signin>span{flex:1;min-width:180px;font-size:14px;color:#bbb9af}
:root body .profile-redesign .profile-signin .button{font-size:13px;padding:10px 14px}
:root body #viewer-form{max-width:100%}
:root body .modal:has(#viewer-form){width:620px;max-width:calc(100vw - 28px);background:#1b1d1b;border:1px solid #ffffff26;border-radius:22px;padding:28px}
:root body #viewer-form .viewer-cover-picker span{height:86px;border-radius:12px;color:#e7e2d6;font-size:13px}
:root body #viewer-form .cover-midnight{background:linear-gradient(130deg,#343933,#161a16)}
:root body #viewer-form .cover-nebula{background:linear-gradient(130deg,#3c3946,#1d1c23)}
:root body #viewer-form .cover-ember{background:linear-gradient(130deg,#453e30,#211d18)}
:root body #viewer-form .viewer-cover-picker input:checked+span{border-color:#e4ded0}
:root body #viewer-form legend{font-size:15px;color:#dedbd0}
:root body #viewer-form .viewer-choice-list{border:1px solid #ffffff18;border-radius:12px;padding:5px;background:#121412;max-height:220px}
:root body #viewer-form .viewer-choice-list label{padding:11px 10px;border-radius:8px}
:root body #viewer-form .viewer-choice-list label:has(input:checked){background:#ffffff0b}
:root body #viewer-form .viewer-choice-list label:hover{background:#ffffff06}
:root body #viewer-form input{accent-color:#ded9cc}
:root body #viewer-form .choice-unavailable{opacity:.45}
:root body #viewer-form input[type=search]{width:100%;background:#121412;border:1px solid #ffffff22;border-radius:10px;padding:12px 14px;min-height:44px;font-size:14px}
:root body #viewer-form>button[type=submit]{position:sticky;bottom:0;background:#e7e2d6;color:#20211c;border-color:#e7e2d6;min-height:46px;box-shadow:0 -8px 20px #1b1d1b}
:root body .profile-settings-page .page-intro,:root body .profile-statistics-page .page-intro{padding:25px 0 0;margin:0}
:root body .profile-settings-page .page-intro h1,:root body .profile-statistics-page .page-intro h1{font-size:30px;letter-spacing:-.6px;margin:0}
:root body .profile-settings-page .settings-card,:root body .profile-statistics-page .settings-card{background:#1b1d1b;border-color:#ffffff18;border-radius:18px}
:root body .profile-settings-page .account-layout{grid-template-columns:minmax(0,1fr) 275px;gap:24px}
:root body .profile-settings-page .settings-heading h2{font-size:22px}
:root body .profile-settings-page .setting-label{font-size:14px;color:#d5d1c6}
:root body .profile-settings-page .setting-field>small{font-size:12px;color:#aaa89e}
:root body .profile-settings-page .setting-toggle b{font-size:14px;line-height:1.5}
:root body .profile-settings-page .setting-toggle small{font-size:12px}
:root body .profile-settings-page .setting-toggle input{appearance:none;width:42px;height:24px;background:#41443b;border:1px solid #ffffff20;border-radius:20px;position:relative;transition:background .15s}
:root body .profile-settings-page .setting-toggle input:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#b8b8af;transition:transform .15s}
:root body .profile-settings-page .setting-toggle input:checked{background:#dedacd}
:root body .profile-settings-page .setting-toggle input:checked:before{transform:translateX(18px);background:#35382e}
:root body .profile-setting-group{border-top:1px solid #ffffff15;margin:0;padding:0}
:root body .profile-setting-group>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:550;padding:23px 0;cursor:pointer;color:#e1ded3}
:root body .profile-setting-group>summary::-webkit-details-marker{display:none}
:root body .profile-setting-group>summary:after{content:"";width:8px;height:8px;border-right:1.5px solid #b2b0a6;border-bottom:1.5px solid #b2b0a6;transform:rotate(45deg);margin-right:5px;transition:transform .18s;flex-shrink:0}
:root body .profile-setting-group[open]>summary:after{transform:rotate(225deg)}
:root body .profile-setting-body{padding:0 0 8px}
:root body .profile-security{border:0}
:root body .profile-security>summary{padding:0}
:root body .profile-security[open]>summary{padding-bottom:22px}
:root body .profile-settings-page .account-aside .profile-setting-group{border:0}
:root body .profile-settings-page .account-aside .profile-setting-group>summary{padding:0;font-size:15px}
:root body .profile-settings-page .account-aside .profile-setting-group[open] .profile-setting-body{padding-top:18px}
:root body .profile-settings-page .profile-portrait{width:88px;height:88px;border-radius:50%;background:#32352d;border-color:#ffffff24;color:#e5e0d3}
:root body .profile-settings-page .profile-summary h2{font-size:22px}
:root body .profile-settings-page .profile-summary>p{font-size:13px}
:root body .profile-settings-page .settings-save{position:sticky;bottom:0;background:#1b1d1b;padding:20px 0 4px;z-index:1;flex-direction:row;align-items:center}
:root body .profile-settings-page .settings-save p{font-size:12px}
:root body .profile-settings-page .account-aside p{font-size:13px;color:#aaa89f;line-height:1.7}
:root body .profile-statistics-page .account-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:24px}
:root body .profile-statistics-page .account-stats>div{background:#1b1d1b;border:1px solid #ffffff18;border-radius:16px;padding:20px}
:root body .profile-statistics-page .account-stats span{font-size:13px;line-height:1.5}
:root body .profile-statistics-page .account-stats strong{font-size:36px;color:#e6e0d2}
:root body .profile-statistics-page .account-stats small{font-size:11px}
@media(max-width:1150px){
 :root body .profile-redesign .viewer-hero{padding:28px;grid-template-columns:minmax(0,1fr) 225px;gap:24px}
 :root body .profile-redesign .viewer-avatar{width:94px;height:94px}
 :root body .profile-redesign .viewer-identity{gap:20px}
 :root body .profile-feature-grid{grid-template-columns:minmax(0,1fr) 230px;gap:22px}
 :root body .profile-redesign .viewer-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 :root body .profile-settings-page .account-layout{grid-template-columns:minmax(0,1fr) 240px}
 :root body .profile-statistics-page .account-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 :root body .profile-redesign .viewer-hero{grid-template-columns:1fr;gap:26px;padding:25px}
 :root body .profile-redesign .viewer-level{max-width:none;display:block}
 :root body .profile-redesign .viewer-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 :root body .profile-feature-grid{grid-template-columns:1fr}
 :root body .profile-highlights{padding:20px}
 :root body .profile-settings-page .account-layout{grid-template-columns:1fr}
 :root body .profile-settings-page .account-aside{grid-template-columns:1fr}
 :root body .profile-settings-page .profile-summary{display:none}
 :root body .profile-statistics-page .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 :root body .profile-tabs{gap:3px}
 :root body .profile-tabs button{padding:10px 13px;font-size:14px}
 :root body .profile-redesign{padding-top:18px}
 :root body .profile-redesign .viewer-hero{padding:23px 20px;border-radius:19px}
 :root body .profile-redesign .viewer-identity{display:flex;gap:18px;align-items:center}
 :root body .profile-redesign .viewer-avatar{width:76px;height:76px;box-shadow:0 0 0 5px #ffffff04}
 :root body .profile-redesign .viewer-identity h1{font-size:27px;letter-spacing:-.7px}
 :root body .profile-redesign .viewer-kicker{font-size:9px;letter-spacing:1px}
 :root body .profile-redesign .viewer-identity p{font-size:13px}
 :root body .profile-redesign .viewer-identity .button{padding:9px 10px;font-size:12px}
 :root body .profile-redesign .viewer-level{padding:18px}
 :root body .profile-redesign .viewer-level-number{font-size:44px}
 :root body .profile-redesign .viewer-summary>div{padding:20px}
 :root body .profile-redesign .viewer-summary b{font-size:24px}
 :root body .profile-redesign .viewer-summary span{font-size:12px}
 :root body .profile-redesign .section-heading h2{font-size:21px}
 :root body .profile-redesign .viewer-badge-grid{grid-template-columns:1fr}
 :root body .profile-redesign .viewer-empty{padding:23px;min-height:220px}
 :root body .profile-settings-page .settings-save{flex-direction:column;align-items:stretch;gap:12px}
 :root body .profile-settings-page .settings-save .button{width:100%}
 :root body .modal:has(#viewer-form){padding:22px 18px;border-radius:18px}
}

:root body .profile-redesign .filters,:root body .profile-statistics-page .filters{background:#22241f;border:1px solid #ffffff18}
:root body .profile-redesign .filters button,:root body .profile-statistics-page .filters button{color:#b7b4aa}
:root body .profile-redesign .filters button.selected,:root body .profile-statistics-page .filters button.selected{background:#e1dccf;color:#25261f}
:root body .profile-statistics-page .distribution-legend>span{white-space:normal;line-height:1.5;align-items:baseline}
:root body .profile-statistics-page .distribution-legend b{padding-left:5px}
:root body .profile-statistics-page .distribution-body{gap:18px;max-width:none}
:root body .profile-redesign .section-heading{margin-top:0}
:root body .profile-settings-page #profile-form>.settings-heading .quiet-details{border:0;padding:0;margin:10px 0 0}
:root body .profile-settings-page #profile-form>.settings-heading .quiet-details summary{font-size:12px;color:#aaa79c}
@media(max-width:420px){
 :root body .profile-statistics-page .distribution-body{flex-direction:column;align-items:stretch;gap:22px}
 :root body .profile-statistics-page .collection-ring{align-self:center;width:108px;height:108px}
 :root body .profile-statistics-page .distribution-legend>span{font-size:12px}
}


/* /card-system.css */
/* One card language for browsing and the personal library. */
:root body :is(#results,#library-results)>.media-card{position:relative;display:flex;flex-direction:column;align-self:stretch;gap:0;padding:0;background:transparent;border:0;box-shadow:none;transform:none;min-width:0;overflow:visible}
:root body .media-card-open{display:block;width:100%;min-width:0;padding:0;text-align:left;border:0;background:transparent;color:var(--text)}
:root body .media-card .poster-button{display:block;width:100%;margin:0;overflow:hidden;border:1px solid #ffffff18;border-radius:13px;box-shadow:none;transform:none;transition:border-color .16s}
:root body .media-card .poster-button .art{display:block;aspect-ratio:2/3;width:100%}
:root body .media-card-open:hover .poster-button{border-color:#ffffff60}
:root body :is(#results,#library-results) .media-card .card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;min-height:2.8em;max-height:2.8em;margin:12px 0 5px;padding:0;font-family:inherit;font-size:17px!important;font-weight:600;line-height:1.4;letter-spacing:0;text-align:left}
:root body .media-card-facts{display:flex;align-items:baseline;gap:8px;min-width:0;width:100%;font-family:inherit;font-size:13px;line-height:1.6;color:#b6b6b1}
.media-card-year{flex:0 0 auto;font-variant-numeric:tabular-nums}
.media-card-genre{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-card-genre:before{content:'·';margin-right:8px;color:#777873}
:root body .media-card-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;margin-top:8px}
:root body .media-card-controls>.card-status-label{margin-right:auto;max-width:calc(100% - 42px)}
:root body #results .media-card-controls>.card-status-label{max-width:100%}
:root body .media-card-controls :is(.card-status-label,.library-status-badge){position:static;display:inline-flex;align-items:center;gap:5px;inset:auto;min-height:28px;padding:5px 9px;border-radius:7px;font-family:inherit;font-size:12px;line-height:1.35;font-weight:500;white-space:normal;background:#202121;color:#eae8e3}
:root body [data-card-status=planned] :is(.card-status-label,.library-status-badge),:root body .library-status-badge.status-planned{--status-edge:#bdbdb7;border-color:#bdbdb780;background:#ffffff06;box-shadow:inset 2px 0 0 #bdbdb7;color:#eae8e3}
:root body .media-card[data-card-status=actual] .card-status-label{border:2px solid transparent;background:linear-gradient(120deg,#212724,#222528) padding-box,linear-gradient(110deg,#a7c6bb,#e4e2d8 45%,#b7b5b2 70%,#a7c6bb) border-box;box-shadow:0 0 8px #cbd9cd12}
:root body :is(#results,#library-results) .media-card-controls :is(.card-add,.library-manage-button){position:static;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;margin:0;padding:9px;border:1px solid #ffffff16;border-radius:10px;color:#dfdfd9;background:#ffffff03}
:root body :is(#results,#library-results) .media-card-controls :is(.card-add,.library-manage-button):hover{background:#ffffff0c;border-color:#ffffff40}
:root body .media-card-controls svg{width:20px;height:20px}
:root body .media-card .favorite-button{position:absolute;right:9px;top:9px;width:38px;height:38px;border-color:#ffffff35;background:#141515dc;color:#eae8e3}
:root body .media-card .favorite-button.is-favorite{background:#eae8e3;color:#171817}
:root body .home-tile-meta{display:block}
:root body .home-tile-meta .media-card-facts{font-size:12px}
:root body .collection-modal{width:min(540px,calc(100vw - 32px));max-width:540px;padding:28px;background:#191a1a;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 28px 90px #0009}
.collection-dialog-heading{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding-right:22px;margin-bottom:24px}
.collection-dialog-poster{width:64px;overflow:hidden;border-radius:8px;aspect-ratio:2/3}
.collection-dialog-poster .art{width:100%;height:100%;aspect-ratio:2/3}
.collection-dialog-kicker{display:block;font-size:12px;color:#a5a5a0;margin-bottom:4px}
:root body .collection-dialog-heading h2{font-size:22px;line-height:1.3;letter-spacing:-.3px;margin:0 0 6px;overflow-wrap:anywhere}
.collection-setting-section{margin:0 0 20px}
:root body .collection-setting-section h3{font-size:14px;font-weight:600;margin:0 0 10px;letter-spacing:0;color:#c6c6c0}
.collection-status-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.collection-status-options button{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 12px;text-align:left;border:1px solid #ffffff16;border-radius:10px;color:#babbb5;background:#ffffff02;font-size:14px}
.collection-status-options button:first-child{grid-column:1/-1}
.collection-status-options button:hover{border-color:#ffffff40;background:#ffffff08}
.collection-status-options button[aria-pressed=true]{background:#eae8e310;border-color:#eae8e380;color:#f0eee9}
.collection-status-options svg,.collection-option-dot{width:17px;height:17px;flex:0 0 17px}
.collection-option-dot{border:1px solid #ffffff30;border-radius:50%;transform:scale(.55)}
.collection-confirmed{font-size:12px;color:#c7d7cd;margin:10px 0 0}
.collection-rating-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.collection-rating-heading>span{font-size:13px;color:#c6c6c0}
.collection-rating-stars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px}
.collection-rating-stars button{display:grid;place-items:center;min-width:0;height:44px;padding:0;color:#73756f;border-radius:7px}
.collection-rating-stars svg{width:25px;height:25px}
.collection-rating-stars .is-filled{color:#eae8e3}
.collection-rating-stars .is-filled svg{fill:currentColor}
.collection-rating-stars button:hover{background:#ffffff0b;color:#fff}
.collection-favorite-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #ffffff16;border-radius:10px;min-height:46px;font-size:14px}
.collection-favorite-toggle span{flex:1;text-align:left}
.collection-favorite-toggle[aria-pressed=true]{background:#ffffff08;border-color:#ffffff40}
.collection-favorite-toggle[aria-pressed=true]>svg:first-child{fill:currentColor}
:root body .collection-settings .collection-feedback{min-height:20px;margin:10px 0;color:#babbb5;font-size:12px}
:root body .collection-settings .collection-dialog-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 0 0;border-top:1px solid #ffffff12}
:root body .collection-settings .collection-delete{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#cfa9a6;font-size:13px;text-align:left}
:root body .collection-settings .collection-delete svg{width:17px;height:17px}
:root body .collection-settings .collection-dialog-actions .button{width:auto;min-width:90px;min-height:44px;font-size:14px;padding:10px 18px}
.collection-dialog-help{margin-top:12px;font-size:12px;color:#9d9f98}
.collection-dialog-help summary{cursor:pointer;min-height:32px;padding:5px 0}
.collection-dialog-help p{font-size:13px;line-height:1.6;color:#b8bab2;margin:6px 0}
:root body .room-community{margin-top:32px;padding:24px;background:#181919;border:1px solid #ffffff14;border-radius:16px;color:#eae8e3}
:root body .room-community h2{font-size:24px;letter-spacing:-.4px}
:root body .room-community :is(.community-scope,.room-community h2 span,.room-comment time,.room-comment header small,.room-comment-controls>span,.community-empty){color:#a7aaa2}
:root body .room-community .community-scope{margin:10px 0 18px}
:root body #room-comment-form textarea{background:#111212;border:1px solid #ffffff24;border-radius:12px;color:#eae8e3;font:inherit;font-size:15px;line-height:1.65;padding:14px 16px;min-height:100px}
:root body #room-comment-form textarea:focus{border-color:#eae8e380}
:root body .room-comment-controls{gap:12px}
:root body .room-comment-controls input{accent-color:#eae8e3}
:root body .room-comment{padding:22px 0;border-color:#ffffff12}
:root body .room-comment p{color:#d7d8d1;font-size:15px;line-height:1.75}
:root body .comment-avatar{background:#2c2e2b;border:1px solid #ffffff12;border-radius:50%;color:#eae8e3}
:root body .comment-spoiler{background:repeating-linear-gradient(135deg,#252724,#252724 8px,#20221f 8px,#20221f 16px);color:#d3d7cd;border-color:#ffffff20}
:root body .room-comment footer{display:flex;border:0;margin:10px 0 0;padding:0}
:root body .room-comment footer button{color:#babeb3}
:root body #save-status[hidden]{display:none}
@media(max-width:620px){
 :root body :is(#results,#library-results) .media-card .card-title{font-size:15px!important}
 :root body .media-card-facts{font-size:12px;gap:6px}
 .media-card-genre:before{margin-right:6px}
 :root body .media-card-controls :is(.card-status-label,.library-status-badge){font-size:11px;padding:4px 6px}
 :root body :is(#results,#library-results) .media-card-controls :is(.card-add,.library-manage-button){flex-basis:36px;width:36px;height:40px;padding:8px}
 :root body .media-card-controls{gap:5px}
 :root body .collection-modal{padding:22px 18px;border-radius:16px}
 .collection-dialog-heading{grid-template-columns:52px minmax(0,1fr);gap:12px}
 .collection-dialog-poster{width:52px}
 :root body .collection-dialog-heading h2{font-size:19px}
 .collection-status-options button{font-size:13px;padding:9px;gap:7px}
 .collection-rating-stars svg{width:21px;height:21px}
 :root body .room-community{padding:18px 14px}
 :root body .room-community h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){:root body .media-card .poster-button{transition:none}}

:root body #playback-status{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
:root body #toast{background:#292b28;border-color:#ffffff30;color:#eae8e3}
:root body .collection-setting-section[hidden],:root body .collection-confirmed[hidden]{display:none}

/* Public catalogue rating */
:root body .media-card-facts{flex-wrap:wrap;column-gap:10px;row-gap:1px}
:root body .media-card-rating{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;color:#eeeDE8;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
:root body .media-card-rating[hidden]{display:none}
:root body .media-card-rating svg{display:block;width:13px;height:13px;fill:currentColor;stroke:none;flex:none}
:root body .media-card-genre{flex-basis:100%}
:root body .media-card-genre:before{content:none}


/* /feedback.css */
/* Quiet footer entry; the form appears only on request. */
:root body main>footer>.feedback-link{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:6px 0;font-size:12px;font-weight:400;line-height:1.5;color:#a6a49a;background:none;border:0;text-decoration:none}
:root body main>footer>.feedback-link:hover{color:#eeeadf;text-decoration:underline;text-underline-offset:4px}
:root body .modal:has(.feedback-dialog){width:500px;max-width:calc(100vw - 28px);padding:28px;border-radius:20px;background:#1c1e1b;border:1px solid #ffffff24}
:root body .feedback-dialog h2{font-size:24px;letter-spacing:-.5px;padding-right:25px;margin:0 0 10px}
:root body .feedback-intro{font-size:14px;color:#b7b4aa;line-height:1.6;margin:0 0 24px}
:root body #feedback-form .setting-field{margin-bottom:19px}
:root body #feedback-form .setting-label{font-size:14px}
:root body #feedback-form textarea{resize:vertical;min-height:140px;max-height:40vh;display:block;width:100%;border:1px solid #ffffff24;background:#121411;color:#eeeade;border-radius:12px;padding:13px 14px;font:inherit;font-size:15px;line-height:1.6}
:root body #feedback-form textarea:focus{border-color:#d2cdbe;outline:none}
:root body #feedback-form textarea::placeholder{color:#85867c}
:root body #feedback-form select{font-size:14px;background:#121411;border-color:#ffffff24}
:root body .feedback-context{border-top:1px solid #ffffff14;padding:14px 0;color:#aaa99e;font-size:12px}
:root body .feedback-context summary{cursor:pointer;min-height:24px}
:root body .feedback-context p{font-size:12px;line-height:1.65;overflow-wrap:anywhere;margin:12px 0 0}
:root body .feedback-context input{accent-color:#d9d3c3}
:root body #feedback-status{font-size:13px;line-height:1.6;margin:0 0 14px;overflow-wrap:anywhere}
:root body #feedback-status:empty{display:none}
:root body #feedback-status.feedback-error{color:#e1b9a8}
:root body #feedback-form [type=submit]{min-height:46px;background:#e5e0d3;color:#25261f;border-color:#e5e0d3}
:root body #feedback-form [type=submit]:disabled{opacity:.55;cursor:wait}
@media(max-width:620px){
 :root body main>footer>.feedback-link{margin-left:0;flex-basis:100%;padding:4px 0;font-size:12px}
 :root body .modal:has(.feedback-dialog){padding:24px 20px;border-radius:17px}
 :root body #feedback-form textarea,:root body #feedback-form select{font-size:16px}
 :root body .feedback-dialog h2{font-size:22px}
}


/* /room-mobile.css */
/* Phone room: viewing first. Flatten layout only; keep the existing player alive. */
@media(max-width:620px){
 :root body #content:not(:fullscreen):has(>.detail-head){display:flex;flex-direction:column;min-width:0}
 :root body #content:not(:fullscreen)>.back{order:0;align-self:flex-start;min-height:44px;margin:4px 0 8px;padding:8px 0;font-size:13px}
 :root body #content:not(:fullscreen)>.detail-head,
 :root body #content:not(:fullscreen)>.detail-head>.detail-copy,
 :root body #content:not(:fullscreen)>.watch-section{display:contents}
 :root body #content:not(:fullscreen) .detail-poster,
 :root body #content:not(:fullscreen) .detail-copy>.eyebrow,
 :root body #content:not(:fullscreen) .detail-watch,
 :root body #content:not(:fullscreen) .detail-copy>.source-summary{display:none}
 :root body #content:not(:fullscreen) .detail-title-line{order:1;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px}
 :root body #content:not(:fullscreen) .detail-title-line h1{flex:1 1 100%;font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:0;text-wrap:balance}
 :root body #content:not(:fullscreen) .detail-head .room-rating{width:100%;flex:1 1 100%;margin:0;gap:0}
 :root body #content:not(:fullscreen) .detail-head .room-stars{display:grid;width:min(340px,100%);max-width:100%;grid-template-columns:repeat(10,minmax(0,1fr));gap:0}
 :root body #content:not(:fullscreen) .detail-head .room-stars button{width:100%;min-width:0;height:44px;min-height:44px;padding:0;border-radius:7px}
 :root body #content:not(:fullscreen) .detail-head .room-stars svg{width:21px;height:21px}
 :root body #content:not(:fullscreen) .watch-main{order:2;min-width:0;width:100%;margin:0}
 :root body #content:not(:fullscreen) .watch-main>.section-heading{margin:0 0 9px}
 :root body #content:not(:fullscreen) .watch-main h2{font-size:15px;font-weight:550;letter-spacing:0;color:#b9bbb6}
 :root body #content:not(:fullscreen) .video-frame{width:100%;aspect-ratio:16/9;border-radius:12px;min-height:0;background:#080909}
 :root body #content:not(:fullscreen) .player-caption{margin:10px 0 16px;gap:5px 12px;align-items:flex-start}
 :root body #content:not(:fullscreen) .player-caption p{flex:1;min-width:0;font-size:12px}
 :root body #content:not(:fullscreen) #playback-status{max-width:52%;font-size:12px;text-align:right}
 :root body #content:not(:fullscreen) .original-title{order:3;align-self:flex-start;margin:0 0 8px;font-size:13px;color:#999d96;line-height:1.4}
 :root body #content:not(:fullscreen) .detail-facts{order:4;margin:0 0 14px;gap:6px 8px}
 :root body #content:not(:fullscreen) .detail-facts>span{font-size:12px;padding:4px 8px;border-radius:7px}
 :root body #content:not(:fullscreen) .detail-actions{order:5;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
 :root body #content:not(:fullscreen) .detail-actions .button{min-height:46px;font-size:14px;border-radius:10px;padding:10px 16px}
 :root body #content:not(:fullscreen) .show-description{order:6;margin:0 0 18px;max-width:100%}
 :root body #content:not(:fullscreen) .show-description p{margin:0;font-size:15px;line-height:1.65;color:#c6c8c2}
 :root body #content:not(:fullscreen) .show-description.is-collapsed .description-text{height:4.95em}
 :root body #content:not(:fullscreen) .description-toggle{padding-top:6px;min-height:44px;font-size:13px}
 :root body #content:not(:fullscreen) .detail-disclosures{order:7;margin:0 0 24px;width:100%;border-radius:14px}
 :root body #content:not(:fullscreen) .detail-disclosures>.detail-disclosure>summary{min-height:58px;padding:12px 14px;font-size:14px;gap:10px}
 :root body #content:not(:fullscreen) .detail-disclosure>summary>span:first-child{min-width:0;flex-shrink:1}
 :root body #content:not(:fullscreen) .detail-source-preview{max-width:42%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 :root body #content:not(:fullscreen) .detail-gallery-count{max-width:35%;font-size:11px}
 :root body #content:not(:fullscreen) .detail-chevron{flex:0 0 28px;width:28px;height:28px;margin-left:auto}
 :root body #content:not(:fullscreen) .stream-provider{gap:10px;min-width:0}
 :root body #content:not(:fullscreen) .stream-provider>details{min-width:0}
 :root body #content:not(:fullscreen) .stream-provider summary{min-width:0;overflow-wrap:anywhere}
 :root body #content:not(:fullscreen) .stream-provider summary b{font-size:14px}
 :root body #content:not(:fullscreen) .stream-provider>button{min-height:44px}
 :root body #content:not(:fullscreen) .stream-provider dd{overflow-wrap:anywhere}
 :root body #content:not(:fullscreen) .episodes{order:8;width:100%;margin:0 0 24px;border-radius:14px}
 :root body #content:not(:fullscreen) .episodes-head{padding:14px 16px;gap:12px}
 :root body #content:not(:fullscreen) .episodes-head h3{font-size:18px}
 :root body #content:not(:fullscreen) .episodes-head select{min-height:44px;font-size:14px;max-width:55%;padding:8px 12px}
 :root body #content:not(:fullscreen) .episode-scroll{max-height:280px;overscroll-behavior-y:contain;scrollbar-width:thin}
 :root body #content:not(:fullscreen) .episode-choice{min-height:60px;padding:12px 14px}
 :root body #content:not(:fullscreen) .episode-choice b{font-size:14px}
 :root body #content:not(:fullscreen) .room-community{order:9;margin:0;padding:18px 16px;border-radius:14px}
 :root body #content:not(:fullscreen) .room-community h2{font-size:22px}
 :root body #content:not(:fullscreen) .room-community .community-scope{font-size:13px;line-height:1.6;gap:6px}
 :root body #content:not(:fullscreen) .room-comment-form textarea{min-height:112px;font-size:16px;border-radius:10px}
 :root body #content:not(:fullscreen) .room-comment-controls{display:flex;flex-wrap:wrap;gap:8px}
 :root body #content:not(:fullscreen) .room-comment-controls label{min-height:44px;display:flex;align-items:center;font-size:13px}
 :root body #content:not(:fullscreen) .room-comment-controls [type=submit]{flex-basis:100%;min-height:46px;font-size:14px}
 :root body #content:not(:fullscreen) .community-empty{font-size:14px;line-height:1.6;padding:16px 0}
 :root body #content:not(:fullscreen) .watch-settings-panel{width:auto;left:12px;right:12px;bottom:calc(var(--mobile-nav-height,66px) + 12px);max-height:calc(100dvh - var(--app-header-height,64px) - var(--mobile-nav-height,66px) - 32px);padding:16px;border-radius:16px;background:#1b1d1c}
 :root body #content:not(:fullscreen) .watch-settings-panel select{min-height:44px;font-size:16px}
 :root body #content:not(:fullscreen) .watch-settings-heading>button{min-width:44px;min-height:44px}
}
@media(max-width:350px){
 :root body #content:not(:fullscreen) .detail-title-line h1{font-size:22px}
 :root body #content:not(:fullscreen) .detail-head .room-stars svg{width:20px;height:20px}
 :root body #content:not(:fullscreen) .detail-source-preview{max-width:35%}
}

@media(max-width:620px){
 :root body #content:not(:fullscreen) .watch-buttons{gap:2px}
 :root body #content:not(:fullscreen) .watch-buttons>.watch-next{display:none}
 :root body #content:not(:fullscreen) .watch-buttons>button{width:40px;min-width:40px;flex-basis:40px;height:44px;min-height:44px}
 :root body #content:not(:fullscreen) .watch-buttons>.watch-time{font-size:11px;margin-left:2px;white-space:nowrap}
 :root body #content:not(:fullscreen) .watch-controls{padding-left:8px;padding-right:8px}
}

@media(max-width:620px){
 :root body #content:not(:fullscreen) .detail-title-actions{flex:1 1 100%;width:100%;gap:6px}
 :root body #content:not(:fullscreen) .detail-title-actions .room-rating{width:100%;margin:0}
 :root body #content:not(:fullscreen) .detail-title-actions .room-stars{width:min(360px,100%);margin-left:auto}
 :root body #content:not(:fullscreen) .detail-title-actions .room-stars svg{width:clamp(22px,7.5vw,30px);height:clamp(22px,7.5vw,30px)}
 :root body #content:not(:fullscreen) .detail-watch{display:inline-flex;align-self:flex-end;min-height:44px;font-size:14px;padding:10px 16px}
 :root body #content:not(:fullscreen) .detail-source-preview{max-width:58%;white-space:normal;font-size:11px}
 :root body #content:not(:fullscreen) .detail-gallery-count{display:inline;max-width:none;font-size:inherit}
 :root body #content:not(:fullscreen) .episode-scroll{max-height:300px}
 :root body #content:not(:fullscreen) .room-community-heading{margin-bottom:20px}
 :root body #content:not(:fullscreen) #room-comment-form .room-comment-controls{gap:6px 14px}
 :root body #content:not(:fullscreen) #room-comment-form [data-comment-length]{font-size:14px}
}


@media(max-width:620px){:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{max-width:55%;white-space:nowrap}:root body #content:not(:fullscreen) .detail-gallery-count{display:block;margin-left:auto}:root body #content:not(:fullscreen) .detail-title-names .original-title{margin-top:7px;font-size:13px}:root body #content:not(:fullscreen) .detail-title-line{gap:14px}}

@media(max-width:620px){:root body #content:not(:fullscreen) section.room-community{background:transparent;border:0;border-top:1px solid #ffffff12;border-radius:0;box-shadow:none;padding:24px 0 0;margin-top:4px}}

@media(max-width:620px){:root body #content:not(:fullscreen) .room-episodes-column{order:8;width:100%;gap:12px}:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{align-self:stretch}:root body #content:not(:fullscreen) .room-episodes-column>.episodes{order:initial}}

@media(max-width:620px){:root body #content:not(:fullscreen) .watch-main{margin-bottom:24px}:root body #content:not(:fullscreen) .room-episodes-column{margin-bottom:0}:root body #content:not(:fullscreen) section.room-community{margin-top:24px;padding-top:24px}:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{min-height:46px}}


/* /subtitle-appearance.css */
.watch-subtitle-appearance{border-top:1px solid #ffffff16;margin:10px 0 4px;padding-top:2px}.watch-subtitle-appearance[hidden]{display:none}.watch-subtitle-appearance>summary{min-height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:13px}.watch-subtitle-appearance>summary::-webkit-details-marker{display:none}.watch-subtitle-appearance>summary:after{content:'⌄';font-size:18px;transition:transform .15s}.watch-subtitle-appearance[open]>summary:after{transform:rotate(180deg)}.watch-settings-panel .watch-subtitles-settings .watch-subtitle-appearance label{display:grid;grid-template-columns:1fr auto;gap:6px;margin:10px 0 14px;font-size:13px}.watch-subtitle-appearance output{color:#aeb4a7;font-size:12px}.watch-subtitle-appearance input[type=range]{grid-column:1/-1;width:100%;height:30px;accent-color:#e2e3dd;cursor:pointer}.subtitle-sample{display:grid;place-items:center;min-height:54px;padding:10px 6px;text-align:center;line-height:1.35;background:#090b09;border-radius:8px;color:#fff;overflow-wrap:anywhere}.watch-subtitle-appearance>button{font-size:12px;min-height:40px;padding:7px 0;color:#c7cbbf}
@media(max-width:620px){.watch-subtitle-appearance>summary{min-height:48px}.watch-subtitle-appearance input[type=range]{height:44px}.watch-subtitle-appearance>button{min-height:44px}}

.watch-subtitle-renderer{position:absolute;left:5%;width:90%;bottom:5%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none;text-align:center;line-height:1.3;color:#fff;font-family:Arial,sans-serif;font-weight:500;text-shadow:0 1px 3px #000;white-space:pre-wrap;overflow-wrap:anywhere}.watch-subtitle-renderer[hidden]{display:none}.watch-subtitle-renderer>div{max-width:100%}.watch-subtitle-line{padding:2px 5px;background:#000b;box-decoration-break:clone;-webkit-box-decoration-break:clone}


/* /owner-analytics.css */
.owner-page{padding:32px 0 12px;max-width:1240px;margin:auto}.owner-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.owner-heading h1,.owner-page>h1{font-size:36px;letter-spacing:-1px;margin:6px 0}.owner-heading p{margin:0;color:#a8aca5;font-size:15px}.owner-kicker{font-size:12px;color:#a8aca5}.owner-page button,.owner-modal button{min-height:44px}.owner-page .button{font-size:14px}.owner-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.owner-metrics article{display:flex;flex-direction:column;padding:22px;background:#1b1d1b;border:1px solid #ffffff12;border-radius:14px;min-width:0}.owner-metrics span{font-size:14px;color:#b2b5ad}.owner-metrics strong{font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:9px 0}.owner-metrics small{color:#989d94;font-size:12px}.owner-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 28px;font-size:13px;color:#a6aaa1}.owner-range button{padding:7px 12px;border:1px solid transparent;border-radius:9px}.owner-range button[aria-pressed=true]{background:#ffffff0d;border-color:#ffffff22;color:#f2f0e9}.owner-range small{margin-left:auto;font-size:12px}.owner-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 16px}.owner-section-head h2{font-size:23px}.owner-section-head>span{color:#9ba194;font-size:13px}.owner-toolbar{display:flex;align-items:end;gap:12px;margin:16px 0}.owner-toolbar>label{display:grid;gap:6px;font-size:12px;color:#acb1a6}.owner-toolbar .owner-search{display:flex;flex:1;align-items:center;gap:10px;border:1px solid #ffffff20;background:#191b19;border-radius:10px;padding:0 13px;min-height:48px}.owner-search input{font-size:15px;width:100%;height:46px}.owner-toolbar select{min-height:48px;background:#1d201c;border:1px solid #ffffff20;border-radius:10px;color:#e8e8df;padding:8px 12px;font:inherit;font-size:14px}.owner-table-scroll{overflow:auto;border:1px solid #ffffff16;border-radius:14px}.owner-page table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap;text-align:left}.owner-page th{padding:14px 16px;background:#1b1e1a;color:#aeb3a7;font-size:12px;font-weight:500}.owner-page td{padding:12px 16px;border-top:1px solid #ffffff0c}.owner-page td small{display:block;color:#989f90;font-size:12px;margin-top:3px}.owner-page tbody tr:hover{background:#ffffff04}.owner-user{display:flex;align-items:center;gap:12px;text-align:left;padding:0}.owner-user b{font-weight:600;font-size:15px}.owner-initial{width:36px;height:36px;display:grid;place-items:center;background:#292d27;border:1px solid #ffffff13;border-radius:50%;font-weight:600}.owner-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:14px 0;font-size:13px;color:#a8aea0}.owner-pagination button{border:1px solid #ffffff18;border-radius:9px;padding:8px 14px}.owner-pagination button:disabled{opacity:.35;cursor:default}.owner-top{border:1px solid #ffffff16;border-radius:14px;padding:4px 20px}.owner-top article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0}.owner-top article+article{border-top:1px solid #ffffff0b}.owner-top article>span:first-child{color:#8e9585}.owner-top article b{font-size:15px;font-weight:550}.owner-top article>span:last-child{font-size:14px;text-align:right}.owner-top small{display:block;font-size:12px;color:#9ba38f;margin-top:4px}.owner-bar{height:4px;background:#ffffff09;max-width:500px;margin-top:10px;border-radius:4px;overflow:hidden}.owner-bar i{height:100%;display:block;background:#c3c7bd;border-radius:4px}.owner-notice{font-size:14px;color:#c1c6b9;margin:0 0 18px}.owner-notice:empty{display:none}.owner-notice.error{padding:14px;background:#3e2c252e;border:1px solid #cfa89133;border-radius:12px}.owner-method{font-size:12px;line-height:1.7;color:#979f8d;max-width:780px;margin:24px 0 0}.owner-empty{padding:30px;border:1px dashed #ffffff20;border-radius:14px;color:#aeb5a3;line-height:1.7}.owner-empty h2{color:#e9ebe5;font-size:24px}.owner-empty p{max-width:680px}.owner-modal{width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:32px;border-radius:18px;background:#191c18;border:1px solid #ffffff25;color:#efeee8}.owner-modal::backdrop{background:#050605c9;backdrop-filter:blur(6px)}.owner-close{position:absolute;right:14px;top:12px;width:44px;border-radius:10px}.owner-modal h2{font-size:28px;margin:8px 44px 14px 0}.owner-modal h3{font-size:18px;margin:24px 0 14px}.owner-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.owner-detail-metrics>div{padding:15px;background:#ffffff04;border-radius:10px}.owner-detail-metrics span{display:block;font-size:12px;color:#aab29f}.owner-detail-metrics b{display:block;font-size:20px;margin-top:6px}.owner-statuses{display:flex;flex-wrap:wrap;gap:8px}.owner-statuses>span{border:1px solid #ffffff1c;border-radius:8px;padding:7px 10px;font-size:13px}.owner-statuses b{margin-left:7px}.owner-detail-titles>div{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:13px 0;border-bottom:1px solid #ffffff0c}.owner-detail-titles b{font-size:14px;font-weight:550}.owner-detail-titles span{font-size:13px}.owner-detail-titles small{grid-column:1/-1;color:#9ca68f;font-size:12px}
@media(max-width:900px){.owner-toolbar{flex-wrap:wrap}.owner-toolbar .owner-search{min-width:100%}.owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-range small{flex-basis:100%;margin:0}.owner-heading{align-items:start}.owner-heading h1{font-size:30px}}
@media(max-width:620px){.app-header nav:has([data-tab=owner]){grid-template-columns:repeat(4,minmax(0,1fr))}.owner-page{padding-top:24px}.owner-heading{flex-wrap:wrap;gap:14px}.owner-metrics article{padding:16px}.owner-metrics strong{font-size:24px}.owner-metrics small{font-size:11px}.owner-top{padding:4px 12px}.owner-top article{gap:8px;grid-template-columns:22px minmax(0,1fr) auto}.owner-modal{padding:24px 16px}.owner-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-range>span{flex-basis:100%}}

/* Column sorting uses the same neutral controls as the owner panel. */
.owner-page th{padding:0}
.owner-page th>button{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding:14px 16px;color:inherit;font:inherit;text-align:left;border-radius:0}
.owner-page th>button>span{color:var(--muted,#aaa89f);opacity:.45}
.owner-page th[aria-sort=ascending],.owner-page th[aria-sort=descending]{color:#f2f0e9;background:#ffffff08}
.owner-page th[aria-sort=ascending] span,.owner-page th[aria-sort=descending] span{color:inherit;opacity:1}
.owner-page th>button:hover{background:#ffffff06;color:#f2f0e9}
.owner-page th>button:focus-visible,.owner-sort-direction:focus-visible{outline:2px solid #d7cfbd;outline-offset:-3px}
.owner-sort-direction{min-height:48px!important;padding:8px 12px;border:1px solid #ffffff20;border-radius:10px;color:#d9d7ce;font-size:13px;white-space:nowrap}

/* Owner-only public discussion feed. */
.owner-metric-button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0;width:100%;height:100%;padding:0;color:inherit}
.owner-metric-button:hover>span,.owner-comment-count:hover{color:#f3eee2}
.owner-comment-count{padding:0 8px;min-width:36px;margin-left:-8px;color:#e6dfd0;text-decoration:underline;text-decoration-color:#ffffff45;text-underline-offset:4px}
#owner-discussions{scroll-margin-top:90px}
.owner-discussion-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}
.owner-discussion-toolbar label{display:grid;gap:6px;font-size:12px;color:#b1aea5}
.owner-discussion-toolbar select{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #ffffff20;border-radius:10px;background:#1d1e1b;color:#eeece5;font:inherit;font-size:14px}
.owner-discussion-toolbar>span{font-size:12px;color:#aaa79e;padding-bottom:12px}
.owner-discussion-list{display:grid;gap:12px}
.owner-discussion{padding:20px;border:1px solid #ffffff16;border-radius:14px;background:#1b1c19;min-width:0}
.owner-discussion header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.owner-discussion-author{display:inline-flex;align-items:baseline;gap:8px;padding:0;text-align:left;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.owner-discussion-author small{font-size:12px;color:#aaa79e;font-weight:400}
.owner-discussion time,.owner-discussion header>small{font-size:12px;color:#aaa79e}
.owner-discussion-title{display:block;width:fit-content;max-width:100%;margin:7px 0 12px;color:#e7e1d1;font-size:14px;font-weight:600;overflow-wrap:anywhere}
a.owner-discussion-title:hover{text-decoration:underline;text-underline-offset:4px}
.owner-discussion-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px;margin:0;color:#eeece6}
.owner-discussion-open{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#b9b4a7;font-size:12px}
.owner-discussion-open:hover{color:#f3eee2}
.owner-discussion-spoiler{border:1px solid #ffffff18;border-radius:10px;padding:0 12px}
.owner-discussion-spoiler summary{cursor:pointer;min-height:44px;padding:12px 0;color:#c5bfb0;font-size:13px}
.owner-discussion-spoiler .owner-discussion-text{padding-bottom:12px}
.owner-discussion-author:focus-visible,.owner-metric-button:focus-visible,.owner-comment-count:focus-visible{outline:2px solid #d7cfbd;outline-offset:3px;border-radius:5px}
.owner-discussion-filter-button{margin-top:16px}
@media(max-width:620px){.owner-discussion{padding:14px}.owner-discussion-toolbar{align-items:start;flex-direction:column;gap:8px}.owner-discussion-toolbar>span{padding:0}.owner-discussion-toolbar label{width:100%}.owner-discussion-author{flex-wrap:wrap}.owner-discussion time{font-size:11px}}

#owner-moderation{margin-top:32px}
.owner-moderate{display:inline-block;margin:12px 0 0 18px}
.owner-audit-meta{display:block;overflow-wrap:anywhere;margin-top:10px;color:#a29d94;font-size:11px}
.owner-removal-reason{padding:10px 12px;border-radius:10px;background:#d5c5a610;color:#ddd2be}
.owner-journal-list details summary{cursor:pointer;font-size:13px;color:#bdb5a8}
.owner-moderation-dialog{width:min(560px,calc(100vw - 32px));box-sizing:border-box}
.owner-moderation-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;margin:16px 0;padding:14px;border-left:2px solid #c4b69c;background:#ffffff04;font-size:14px}
.owner-moderation-dialog form>label{display:grid;gap:8px;margin-top:16px;font-size:13px;color:#c9c2b6}
.owner-moderation-dialog select,.owner-moderation-dialog textarea{box-sizing:border-box;width:100%;border:1px solid #ffffff24;background:#1d1c1a;border-radius:10px;color:#eee8dd;font:inherit;padding:12px}
.owner-moderation-dialog textarea{resize:vertical}
.owner-moderation-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}
.owner-moderation-dialog .owner-close{font-size:24px}


/* /access.css */
.access-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px}.access-google>span{font-size:20px;font-weight:700}.access-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted,#999);font-size:12px}.access-divider:before,.access-divider:after{content:"";height:1px;flex:1;background:#ffffff15}.access-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:15px}.access-hint{color:var(--muted,#999);font-size:12px;line-height:1.6}.access-email{overflow-wrap:anywhere;font-weight:600}#access-form{display:grid;gap:14px}#access-form label{display:grid;gap:8px}#access-form input{width:100%;min-width:0}#access-form .form-error:empty{display:none}.access-settings>h2{margin:0 0 10px}.access-settings>p{color:var(--muted,#999);font-size:13px;line-height:1.6}.access-method{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid #ffffff12}.access-method>div{min-width:0;display:grid;gap:5px}.access-method small{overflow-wrap:anywhere;color:var(--muted,#999)}.access-method .button{flex-shrink:0}.access-connected{color:#a9c8ad;font-size:12px}.access-method button:disabled{opacity:.45;cursor:default}@media(max-width:480px){.access-method{gap:10px}.access-method .button{padding:10px 12px}.access-links{flex-direction:column;align-items:flex-start}}
/* Account access lives with the avatar and personal data. */
.account-aside .access-settings>h2{font-size:19px;letter-spacing:-.3px;line-height:1.35}
.account-aside .access-method{gap:10px;padding:14px 0;flex-wrap:wrap}
.account-aside .access-method>div{flex:1 1 110px}
.account-aside .access-method .button{padding:8px 12px;min-height:40px;font-size:13px}
.account-aside .access-settings>.text-button{text-align:left;font-size:13px}


/* /custom-avatar.css */
:root body .custom-avatar-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit;pointer-events:none}
:root body :is(.avatar,.viewer-avatar,.profile-portrait):has(>.custom-avatar-image){padding:0;overflow:hidden}
.avatar-upload-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.avatar-upload-tools button{padding:10px 16px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff08;color:#eee;font:inherit;font-size:14px;cursor:pointer}
.avatar-upload-tools button:hover{background:#ffffff14;border-color:#ffffff50}
.avatar-upload-tools [data-avatar-remove]{color:#aaa;background:transparent}
.avatar-upload-status{width:100%;font-size:13px;color:#bbb;min-height:1em;margin:0}
.avatar-crop-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:26px;border:1px solid #ffffff28;border-radius:24px;background:#1b1c1d;color:#f2f2f2;box-shadow:0 24px 90px #0009}
.avatar-crop-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
.avatar-crop-dialog h2{font-size:23px;margin:0 0 8px;letter-spacing:-.5px}
.avatar-crop-dialog p{color:#b9bbbd;font-size:14px;line-height:1.5;margin:0 0 22px}
.avatar-crop-stage{position:relative;width:min(100%,300px);aspect-ratio:1;margin:auto;overflow:hidden;border-radius:16px;background:#101112}
.avatar-crop-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.avatar-crop-stage canvas:active{cursor:grabbing}
.avatar-crop-stage:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #fff9;box-shadow:0 0 0 100px #0009;pointer-events:none}
.avatar-crop-zoom{display:flex;align-items:center;gap:18px;margin:22px 0;color:#ccc;font-size:14px}
.avatar-crop-zoom input{flex:1;min-width:0;accent-color:#eee}
.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.avatar-crop-actions button{font:inherit;font-size:14px;border:1px solid #ffffff30;border-radius:12px;padding:12px 20px;cursor:pointer;background:#ffffff08;color:#eee}
.avatar-crop-actions [data-avatar-save]{background:#ededeb;color:#151616;border-color:transparent;font-weight:600}
.avatar-crop-actions button:disabled{opacity:.55;cursor:wait}
.avatar-crop-dialog .avatar-crop-status{margin:8px 0 0;min-height:20px;color:#e0b4ae}
:root body .avatar-option[data-custom-choice]>span{overflow:hidden}
@media(max-width:420px){.avatar-crop-dialog{padding:20px}.avatar-crop-dialog h2{font-size:21px}}


/* /hidden-library.css */
.hidden-library-tab{display:inline-flex;align-items:center;gap:8px}
.hidden-library-tab svg{opacity:.7}
.collection-private-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:15px 0;border:0;border-top:1px solid #ffffff16;background:none;color:#ddd;font:inherit;font-size:14px;cursor:pointer;text-align:left;margin-top:14px}
.collection-private-toggle:hover{color:#fff}
[data-hidden-lock]{display:inline-flex;align-items:center;gap:8px}
.hidden-pin-dialog{box-sizing:border-box;width:min(380px,calc(100vw - 32px));padding:28px;border:1px solid #ffffff25;border-radius:24px;background:#1b1c1d;color:#eee;box-shadow:0 24px 90px #0009}
.hidden-pin-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
.hidden-pin-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffff08;border:1px solid #ffffff15;margin:0 auto 18px}
.hidden-pin-icon svg{width:24px;height:24px}
.hidden-pin-dialog h2{text-align:center;font-size:24px;margin:0 0 8px}
.hidden-pin-dialog p{text-align:center;font-size:14px;color:#aaa;line-height:1.5}
.hidden-pin-dialog .hidden-pin-input{display:block;box-sizing:border-box;width:190px;margin:24px auto 12px;padding:14px 20px;border:1px solid #ffffff38;border-radius:14px;background:#101112;color:#fff;text-align:center;font-size:28px;letter-spacing:14px}
.hidden-pin-error{min-height:22px;color:#e1b5ad!important}
.hidden-pin-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px}
.hidden-pin-actions button{border:1px solid #ffffff25;border-radius:12px;background:#ffffff08;color:#ddd;padding:11px 16px;font:inherit;font-size:14px;cursor:pointer}
.hidden-pin-actions [type=submit]{background:#eee;color:#171818;border-color:transparent;font-weight:600}
.hidden-pin-actions button:disabled{opacity:.5;cursor:wait}
#hidden-pin-settings{margin-top:16px}
#hidden-pin-settings p{font-size:14px;line-height:1.55;color:#aaa;max-width:540px}
#hidden-pin-form{display:grid;gap:14px;max-width:370px}
#hidden-pin-form label{display:grid;gap:8px;font-size:14px;color:#ccc}
#hidden-pin-form input{width:100%;box-sizing:border-box;border:1px solid #ffffff25;border-radius:12px;background:#151616;color:#eee;padding:12px;font-size:18px;letter-spacing:5px}
#hidden-pin-form [role=status]{margin:0;color:#dfb4ae;min-height:20px}

/* A separate visibility mode keeps the ordinary status filters usable. */
:root body .library-filter-row{display:flex;align-items:center;gap:18px;min-width:0;max-width:100%;padding-bottom:16px;border-bottom:1px solid #ffffff12}
:root body .library-filter-row>.library-tabs{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0;padding:0;border:0}
:root body .hidden-library-toggle{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;margin-left:auto;min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;color:#b8babb;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
:root body .hidden-library-toggle:hover,:root body .hidden-library-toggle.is-on{color:#f1f1ee}
.hidden-toggle-track{display:block;position:relative;width:38px;height:24px;flex-shrink:0;border-radius:99px;background:#ffffff12;border:1px solid #ffffff25;transition:background .16s,border-color .16s}
.hidden-toggle-track:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#aaa;transition:transform .16s,background .16s}
.is-on .hidden-toggle-track{background:#eeefea;border-color:#eeefea}
.is-on .hidden-toggle-track:before{background:#252727;transform:translateX(14px)}
:root body .hidden-library-toggle:disabled{opacity:.6;cursor:wait}
@media(max-width:620px){:root body .library-filter-row{gap:10px}:root body .hidden-library-toggle{gap:8px;padding-left:4px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.hidden-toggle-track,.hidden-toggle-track:before{transition:none}}

.hidden-pin-setup label{display:grid;gap:8px;margin-top:16px;font-size:14px;color:#ccc}
.hidden-pin-setup input{box-sizing:border-box;width:100%;min-width:0;padding:13px 14px;border:1px solid #ffffff28;border-radius:12px;background:#111213;color:#eee;font:inherit;font-size:18px}
.hidden-pin-setup input[inputmode=numeric]{text-align:center;font-size:24px;letter-spacing:12px}
.hidden-pin-actions .hidden-pin-primary{background:#eee;color:#171818;border-color:transparent;font-weight:600}
.hidden-pin-setup [role=status]{overflow-wrap:anywhere}

/* unskip switches: graphite housing and a small sliding key */
:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]){appearance:none;-webkit-appearance:none;display:inline-block;position:relative;box-sizing:border-box;flex:0 0 46px;width:46px;min-width:46px;max-width:46px;height:28px;min-height:28px;margin:0;padding:0;border:1px solid #ffffff29;border-radius:9px;background:#101212;background-image:none;box-shadow:inset 0 1px 3px #0006;vertical-align:middle;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::before{content:"";position:absolute;box-sizing:border-box;left:3px;top:3px;width:20px;height:20px;border:1px solid #ffffff1c;border-radius:6px;background:linear-gradient(145deg,#555857,#393c3b);box-shadow:0 1px 3px #0005;transform:translateX(0);transition:transform .2s cubic-bezier(.22,.8,.25,1),background .18s,border-color .18s}
:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::after{content:"";position:absolute;box-sizing:border-box;left:10px;top:12px;width:6px;height:0;border:0;border-bottom:2px solid #bfc2bf;transform:translateX(0);transition:transform .2s cubic-bezier(.22,.8,.25,1),border-color .18s;pointer-events:none}
:root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked){background:#282b29;border-color:#ffffff50;box-shadow:inset 0 1px 3px #0004}
:root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked)::before{background:linear-gradient(145deg,#fafaf5,#d8dbd5);border-color:#fff9;transform:translateX(18px)}
:root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked)::after{left:10px;top:8px;width:5px;height:9px;border-bottom:2px solid #343a35;border-right:2px solid #343a35;transform:translateX(19px) rotate(45deg)}
:root body .hidden-library-toggle{gap:10px}
:root body :is(.setting-toggle,.room-comment-controls label){cursor:pointer;min-height:44px}
@media(hover:hover){
 :root body .hidden-library-toggle:hover .hidden-toggle-track,:root body .profile-settings-page :is(.setting-toggle,.room-comment-controls label):hover input[type=checkbox],:root body :is(.setting-toggle,.room-comment-controls label):hover input[type=checkbox]{border-color:#ffffff70}
}
:root body :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
:root[data-motion=reduced] body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]),:root[data-motion=reduced] body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::before,:root[data-motion=reduced] body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::after{transition:none}
@media(prefers-reduced-motion:reduce){
 :root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]),:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::before,:root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::after{transition:none}
}
@media(forced-colors:active){
 :root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]){border-color:ButtonText;background:Canvas}
 :root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::before{background:ButtonText;border-color:ButtonText}
 :root body :is(.hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox],.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox])::after{border-color:Canvas}
 :root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked){border-color:Highlight}
 :root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked)::before{background:Highlight;border-color:Highlight}
 :root body :is(.hidden-library-toggle.is-on .hidden-toggle-track,:is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked,.profile-settings-page :is(.setting-toggle,.room-comment-controls label) input[type=checkbox]:checked)::after{border-color:HighlightText}
}


/* /notifications.css */
:root body .header-personal{grid-area:profile;justify-self:end;display:flex;align-items:center;gap:17px;min-width:0;max-width:100%}
:root body .header-personal .header-account{grid-area:auto;min-width:0;flex-shrink:1}
:root body .notification-bell{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:10px;border:1px solid transparent;border-radius:14px;background:transparent;color:#d5d6d3;cursor:pointer;transition:background .15s,border-color .15s}
:root body .notification-bell:hover,:root body .notification-bell[aria-expanded=true]{background:#ffffff09;border-color:#ffffff18;color:#fff}
.notification-bell>svg{width:23px;height:23px}
.notification-count{position:absolute;top:0;right:-3px;min-width:17px;height:17px;box-sizing:content-box;padding:0 3px;display:grid;place-items:center;border:2px solid #161717;border-radius:12px;background:#eeeee8;color:#191a1a;font:650 10px/1 system-ui;font-variant-numeric:tabular-nums}
.notifications-panel{position:fixed;z-index:150;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background:#1b1c1b;border:1px solid #ffffff20;border-radius:22px;color:#ededeb;box-shadow:0 20px 65px #0009;animation:notification-enter .13s ease-out}
.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px 10px}
.notifications-heading h2{margin:0;font-size:19px;letter-spacing:-.3px;font-weight:650}
.notifications-panel button{font:inherit;color:inherit;cursor:pointer}
.notifications-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#a6a8a8!important}
.notifications-close:hover{background:#ffffff09;color:#fff!important}
.notifications-close svg{width:19px;height:19px}
.notifications-empty{text-align:center;padding:22px 28px 36px}
.notifications-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 19px;border:1px solid #ffffff12;border-radius:19px;background:#ffffff04;color:#aaaead}
.notifications-empty-icon svg{width:28px;height:28px}
.notifications-empty h3{margin:0 0 8px;font-size:17px;font-weight:550}
.notifications-empty p,.notifications-loading{margin:0;color:#9fa2a2;font-size:14px;line-height:1.5}
.notifications-loading{padding:28px;text-align:center}
.notifications-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 8px 8px}
.notification-item{display:flex;gap:10px;width:100%;padding:15px 12px;text-align:left;border:0;border-radius:12px;background:none}
.notification-item:hover{background:#ffffff05}
.notification-item.is-unread{background:#ffffff04}
.notification-item+.notification-item{margin-top:3px}
.notification-copy{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}
.notification-copy strong{font-size:14px;line-height:1.45;font-weight:600}
.notification-copy>span{color:#b3b5b5;font-size:13px;line-height:1.5;white-space:pre-wrap}
.notification-copy time{margin-top:2px;font-size:11px;color:#868b8b}
.notification-dot{flex:0 0 6px;width:6px;height:6px;margin-top:7px;border-radius:50%;background:#e7e7e2}
.is-read .notification-dot{background:transparent}
.is-read .notification-copy strong{color:#b9bcbc;font-weight:500}
.notifications-footer{padding:9px 16px;border-top:1px solid #ffffff0e}
.notifications-footer button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;border:0;border-radius:10px;background:none;font-size:13px}
.notifications-footer button:hover{background:#ffffff07}
.notifications-footer svg{width:17px;height:17px}
.notifications-error{font-size:13px;line-height:1.5;padding:16px 22px;color:#c8bcb7}
.notifications-error button{display:block;border:0;padding:10px 0;background:none;text-decoration:underline}
.notifications-panel button:disabled{opacity:.6;cursor:wait}
@keyframes notification-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:861px){:root body .app-header-inner{grid-template-columns:minmax(110px,1fr) auto minmax(280px,1fr);gap:20px}}
@media(max-width:620px){:root body .header-personal{gap:10px}:root body .header-personal .header-account{width:154px;max-width:154px}.notifications-panel{border-radius:18px}}
@media(max-width:380px){:root body .header-personal{gap:7px}:root body .header-personal .header-account{width:clamp(108px,calc(100vw - 226px),132px);max-width:132px}:root body .app-header-inner{gap:6px}}
@media(prefers-reduced-motion:reduce){.notifications-panel{animation:none}.notification-bell{transition:none}}
:root[data-motion=reduced] .notifications-panel{animation:none}

.notification-unread-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#f2f2ed;box-shadow:0 0 0 3px #151616}
.notification-bell.has-unread>svg{transform-origin:50% 15%;animation:notification-sway 10s ease-in-out infinite}
.notification-bell[aria-expanded=true]>svg{animation:none}
@keyframes notification-sway{0%,90%,100%{transform:rotate(0)}92%{transform:rotate(-12deg)}94%{transform:rotate(10deg)}96%{transform:rotate(-6deg)}98%{transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.notification-bell.has-unread>svg{animation:none}}
:root[data-motion=reduced] .notification-bell.has-unread>svg{animation:none}

.notification-item{position:relative;display:block;padding:0}
.notification-open{display:flex;gap:10px;width:100%;padding:15px 46px 15px 12px;text-align:left;border:0;border-radius:12px;background:transparent}
.notification-dismiss{position:absolute;top:7px;right:6px;display:grid;place-items:center;width:32px;height:32px;padding:7px;border:0;border-radius:9px;background:transparent;color:var(--muted)!important;opacity:0;pointer-events:none;transition:opacity .12s,background-color .12s}
.notification-dismiss svg{width:17px;height:17px}
.notification-item:hover .notification-dismiss,.notification-item:focus-within .notification-dismiss{opacity:1;pointer-events:auto}
.notification-dismiss:hover{background:#ffffff0c;color:var(--text)!important}
.notification-dismiss:focus-visible,.notification-open:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(hover:none),(pointer:coarse){.notification-dismiss{opacity:1;pointer-events:auto;width:44px;height:44px;top:2px;right:2px}.notification-open{padding-right:50px}}
@media(prefers-reduced-motion:reduce){.notification-dismiss{transition:none}}
:root[data-motion=reduced] .notification-dismiss{transition:none}

.notification-copy .notification-link-action{display:flex;align-items:center;gap:7px;color:var(--text);font-size:13px;margin-top:8px}.notification-link-action svg{width:15px;height:15px}

/* telegram-reminders-v1 */


/* /site-discovery.css */
/* Public site information: same restrained palette as the application. */
:root body .site-intro{margin:48px 0 0;padding:24px 0 0;border-top:1px solid #33332f;max-width:780px;color:#aaa79f}
:root body .site-intro h2{margin:0 0 10px;font:600 17px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:#d9d5cc}
:root body .site-intro p{margin:0 0 10px;font:400 13px/1.8 Arial,Helvetica,sans-serif;max-width:700px}
:root body .site-intro a,:root body .site-about-link{color:#bfb9aa;text-decoration:none;font:400 12px/1.5 Arial,Helvetica,sans-serif;display:inline-flex;align-items:center;min-height:44px}
:root body .site-intro a:hover,:root body .site-about-link:hover{color:#eee8dc}
:root body .site-intro a:focus-visible,:root body .site-about-link:focus-visible{outline:2px solid #cec3a7;outline-offset:4px;border-radius:3px}
#app>.site-intro{margin:0 auto 32px;padding:24px;max-width:828px}
.site-about{margin:0;background:#141515;color:#e2ded5;font:16px/1.7 Arial,Helvetica,sans-serif;color-scheme:dark}
.site-about *{box-sizing:border-box}
.site-about a{color:inherit}
.site-about .about-wrap{width:min(920px,100% - 48px);margin:auto}
.site-about header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid #33332f}
.site-about .about-brand{display:flex;align-items:center;gap:3px;text-decoration:none;font-size:36px;font-weight:750;letter-spacing:-1.9px;line-height:1;min-height:44px}
.site-about .about-brand img{width:39px;height:auto;transform:translateY(2px)}
.site-about .about-back{font-size:13px;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px;color:#bbb6aa}
.site-about main{padding:68px 0 48px}
.site-about .about-eyebrow{font-size:12px;color:#a7a399;letter-spacing:.12em;text-transform:uppercase}
.site-about h1{font-size:clamp(34px,6vw,58px);line-height:1.13;letter-spacing:-.04em;margin:14px 0 24px;max-width:720px}
.site-about .about-lead{font-size:18px;line-height:1.8;color:#bbb7ae;max-width:740px;margin:0 0 28px}
.site-about .about-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:9px;background:#cec3a7;color:#232421;text-decoration:none;padding:10px 22px;font-weight:600;font-size:14px}
.site-about .about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:60px 0 48px;padding-top:30px;border-top:1px solid #33332f}
.site-about h2{font-size:19px;line-height:1.4;margin:0 0 10px;font-weight:600}
.site-about p{color:#aaa79f;font-size:15px;margin:0 0 18px}
.site-about .about-faq{max-width:740px}
.site-about .about-faq>h2{font-size:26px;margin-bottom:22px}
.site-about details{border-bottom:1px solid #33332f;padding:0}
.site-about summary{cursor:pointer;padding:18px 0;font-size:16px;color:#d9d5cc}
.site-about details p{padding:0 0 6px}
.site-about footer{border-top:1px solid #33332f;padding:24px 0 36px;color:#8f8c84;font-size:13px}
.site-about a:focus-visible,.site-about summary:focus-visible{outline:2px solid #cec3a7;outline-offset:5px;border-radius:3px}
@media(max-width:620px){.site-about .about-wrap{width:calc(100% - 36px)}.site-about header{padding:20px 0}.site-about main{padding-top:40px}.site-about .about-lead{font-size:16px}.site-about .about-features{grid-template-columns:1fr;gap:20px;margin:40px 0}.site-about h1{font-size:38px}.site-about .about-back{font-size:12px}:root body .site-intro{margin-top:32px}}


/* /social-privacy.css */
.social-privacy-card .social-privacy-note,.social-privacy-card .social-privacy-rollout{font-size:12px;line-height:1.65;color:#aaa79f;margin:12px 0}
.social-privacy-card .social-privacy-rollout{color:#918e86}
.social-privacy-card .settings-save{flex-wrap:wrap}
.social-privacy-card .settings-save [hidden]{display:none}
.social-privacy-card select{max-width:100%}
@media(max-width:620px){.social-privacy-card .settings-save button{width:100%}}


/* /downloads.css */
/* Graphite download sheet; no change to player controls or title rating. */
:root body .room-download{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;min-height:42px;padding:8px 14px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff06;color:#e9e9e7;font:inherit;font-size:14px;cursor:pointer}
:root body .room-download:hover{background:#ffffff10;border-color:#ffffff60}
:root body .room-download svg{width:19px;height:19px}
:root body .room-download[hidden]{display:none}
:root body dialog.download-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:25px;border:1px solid #ffffff29;border-radius:22px;background:#1a1b1c;color:#eeeeec;box-shadow:0 24px 90px #0009}
.download-dialog::backdrop{background:#0009}
.download-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}
:root body .download-dialog h2{font-size:24px;letter-spacing:-.4px;margin:0}
:root body .download-dialog .download-close{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff25;background:transparent;color:inherit;font-size:26px;cursor:pointer}
.download-dialog .download-title{font-size:15px;color:#b9bab9;line-height:1.55;margin:12px 0 24px;overflow-wrap:anywhere}
.download-fields{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:14px}
.download-fields label{display:grid;gap:8px;font-size:14px;color:#c6c7c5}
:root body .download-fields select{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #ffffff24;border-radius:11px;background:#111213;color:#eeeeec;font:inherit;color-scheme:dark}
.download-dialog .download-info{font-size:13px;color:#a6a7a5;margin:14px 0}
.download-dialog .download-status{font-size:15px;line-height:1.5;margin:16px 0 10px;overflow-wrap:anywhere}
.download-dialog .download-note{font-size:14px;line-height:1.55;color:#b9bab9;margin:12px 0}
.download-dialog p:empty{display:none}
.download-dialog progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;accent-color:#e5e5e1;background:#ffffff18}
.download-dialog progress::-webkit-progress-bar{background:#ffffff18;border-radius:8px}
.download-dialog progress::-webkit-progress-value{background:#e5e5e1;border-radius:8px}
.download-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center}
:root body .download-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;padding:10px 18px;text-decoration:none;font:inherit;font-size:15px}
:root body .download-actions .primary{background:#e8e8e4;color:#161717;border:1px solid #e8e8e4}
:root body .download-actions .primary:disabled{opacity:.4;cursor:default}
:root body .download-actions .secondary{background:#ffffff08;border:1px solid #ffffff26;color:#eeeeec}
:root body .download-actions .download-external{flex-basis:100%;font-size:14px;color:#c5c6c4;text-decoration:underline;text-underline-offset:4px;padding:7px 0}
:root body .download-dialog [hidden]{display:none}
@media(max-width:520px){:root body dialog.download-dialog{padding:21px}.download-fields{grid-template-columns:minmax(0,1fr) 100px;gap:10px}:root body .room-download{font-size:13px;padding:8px 10px}.download-dialog .download-actions .button{flex:1}}

:root body .download-actions .download-external.primary{flex-basis:auto;text-decoration:none;color:#161717;padding:10px 18px}


/* /social.css */
:root body .header-personal{gap:8px}
:root body .social-button{color:#d5d3cd;margin-inline-end:8px}
.social-panel{position:fixed;z-index:151;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:#1b1c1b;border:1px solid #ffffff20;border-radius:22px;color:#e5e1d8;box-shadow:0 20px 65px #0009;animation:notification-enter .13s ease-out}
.social-panel *{box-sizing:border-box}.social-panel [hidden]{display:none!important}
.social-panel button,.social-panel input,.social-panel textarea{font:inherit;color:inherit}
.social-panel button{cursor:pointer}.social-panel button:disabled{cursor:default;opacity:.5}
.social-panel button:focus-visible,.social-panel input:focus-visible,.social-panel textarea:focus-visible{outline:2px solid #cfc6b2;outline-offset:-2px}
.social-heading{display:flex;align-items:center;gap:10px;padding:16px 16px 9px;flex-shrink:0}
.social-heading h2{font-size:19px;font-weight:650;letter-spacing:-.3px;margin:0;flex:1}
.social-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:11px;background:transparent;color:#bdbab2!important;padding:9px}
.social-icon svg{width:21px;height:21px}.social-icon:hover{background:#ffffff09;color:#f1ece2!important}
.social-discovery{padding:0 16px 12px;flex-shrink:0}
.social-search{display:flex;align-items:center;gap:10px;height:44px;border:1px solid #ffffff13;background:#111211;border-radius:12px;padding:0 12px}
.social-search>svg{width:18px;height:18px;flex:none;color:#939087}.social-search input{background:none;border:0;min-width:0;width:100%;height:100%;font-size:13px;outline:none}
.social-tabs{display:flex;gap:5px;background:#ffffff04;padding:4px;margin-top:12px;border-radius:12px}
.social-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:37px;background:none;border:0;border-radius:9px;font-size:13px;color:#a7a39a}
.social-tabs button[aria-selected=true]{background:#ffffff0b;color:#e8e3d9;box-shadow:0 1px 4px #0002}
.social-tabs span{font-size:10px;background:#c9c0ac;color:#20211e;padding:2px 5px;border-radius:7px}
.social-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 9px 12px}
.social-empty{text-align:center;padding:32px 24px;color:#a6a198}.social-empty>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff12;background:#ffffff04;border-radius:19px;margin:0 auto 18px}
.social-empty svg{width:27px;height:27px}.social-empty h3{font-size:16px;line-height:1.5;color:#dcd7cd;margin:0 0 8px;font-weight:550}.social-empty p{font-size:13px;line-height:1.7;margin:0;max-width:300px;margin-inline:auto}
.social-loading{padding:30px;text-align:center;color:#a7a298;font-size:13px}
.social-row{display:flex;align-items:center;gap:4px;border-radius:13px;padding:5px}.social-row:hover,.social-chat-row:hover{background:#ffffff06}
.social-person{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-align:left;border:0;background:none;padding:8px 4px}
.social-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#ffffff06;border:1px solid #ffffff13;display:grid;place-items:center;overflow:hidden;color:#c6c0b1}
.social-avatar img{width:100%;height:100%;object-fit:cover}.social-avatar svg{width:29px;height:29px}
.social-person>span:last-child{min-width:0;display:grid;gap:4px}.social-person strong,.social-chat-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.social-person small{font-size:11px;color:#99958c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-action{min-height:36px;padding:7px 11px;border:1px solid #ffffff18;background:#ffffff05;border-radius:10px;font-size:12px;line-height:1.4}
.social-action:hover{background:#ffffff0d}.social-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}
.social-label{margin:14px 9px 6px;font-size:11px;font-weight:600;color:#b4afa3}
.social-details{border-top:1px solid #ffffff0d;margin:12px 6px 0;font-size:12px}.social-details summary{cursor:pointer;min-height:44px;padding:14px 4px;color:#99958c}.social-details>.social-action{margin:0 0 12px}
.social-chat-row{display:flex;gap:11px;align-items:center;width:100%;text-align:left;background:none;border:0;border-radius:13px;padding:13px 9px}
.social-chat-copy{min-width:0;display:grid;gap:6px;flex:1}.social-chat-copy>span{font-size:12px;color:#a7a298;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.social-chat-meta time{font-size:10px;color:#8e8b83}.social-chat-meta b{background:#ccc3af;border-radius:10px;color:#22231f;padding:2px 6px;font-size:10px}
.social-error{flex-shrink:0;font-size:12px;line-height:1.5;color:#e1b8a9;padding:10px 16px;margin:0;background:#60453825}
.social-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 16px;border:0;border-radius:11px;background:#cfc6b2;color:#242521!important;font-size:13px;font-weight:600}
.social-primary svg{width:18px;height:18px}.social-login{display:flex;margin:0 auto 24px}.social-text-button{border:0;background:none;color:#aaa599!important;font-size:11px;padding:10px;min-height:40px}
.social-profile-intro{text-align:center;margin:0 3px;padding:24px 18px 16px;border-radius:16px;background:linear-gradient(155deg,#33332b,#1c1e1b)}
.social-profile-intro.cover-nebula{background:linear-gradient(155deg,#353138,#1c1d1c)}.social-profile-intro.cover-ember{background:linear-gradient(155deg,#393127,#1e1d1a)}
.social-profile-intro>.social-avatar{width:66px;height:66px;margin:0 auto 12px}.social-profile-intro>.social-avatar svg{width:45px;height:45px}
.social-profile-intro h3{font-size:21px;line-height:1.35;margin:0 0 5px;overflow-wrap:anywhere}.social-profile-intro>p{font-size:12px;color:#a9a396;margin:0 0 10px;overflow-wrap:anywhere}
.social-profile-intro .social-bio{font-size:13px;line-height:1.65;color:#c4bfb3;margin-top:12px;white-space:pre-wrap}
.social-profile-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:17px}
.social-profile-section{padding:19px 10px 4px}.social-profile-section h3{margin:0 0 12px;font-size:14px;font-weight:600}.social-profile-section h3 small{font-size:11px;margin-left:5px;color:#918d83}
.social-muted,.social-private{font-size:12px;line-height:1.7;color:#999589;margin:0}.social-private{padding:12px;background:#ffffff03;border:1px dashed #ffffff12;border-radius:10px}
.social-achievements{display:flex;flex-wrap:wrap;gap:6px}.social-achievements>span{font-size:11px;line-height:1.5;background:#ffffff05;border:1px solid #ffffff10;border-radius:9px;padding:7px 9px;color:#c7c0af}
.social-title-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.social-title-card{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;padding:7px;border:1px solid #ffffff0c;border-radius:10px;background:#ffffff03}
.social-title-card img,.social-poster-placeholder{width:34px;height:49px;object-fit:cover;border-radius:5px;flex:0 0 34px;background:#35362f}.social-poster-placeholder{display:grid;place-items:center}.social-poster-placeholder svg{width:18px}
.social-title-card>span:last-child{min-width:0;display:grid;gap:4px}.social-title-card strong{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-title-card small{font-size:10px;color:#939084}
.social-activity{display:grid;gap:5px;width:100%;padding:10px 0;text-align:left;border:0;border-bottom:1px solid #ffffff09;background:none}.social-activity strong{font-size:12px;font-weight:500}.social-activity span{font-size:11px;color:#979286}
.social-body.is-chat{display:flex;flex-direction:column;overflow:hidden;padding:0}
.social-chat-peer{display:flex;align-items:center;gap:10px;background:#ffffff03;border:0;border-bottom:1px solid #ffffff0d;padding:10px 17px;text-align:left;width:100%;flex-shrink:0}
.social-chat-peer .social-avatar{width:34px;height:34px;flex-basis:34px}.social-chat-peer .social-avatar svg{width:24px;height:24px}
.social-chat-peer>span:last-child{display:grid;gap:3px}.social-chat-peer strong{font-size:13px}.social-chat-peer small{font-size:10px;color:#979285}
.social-messages{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain;scrollbar-width:thin}
.social-message{max-width:88%;width:fit-content;margin:0 0 10px;padding:10px 12px 7px;background:#ffffff07;border:1px solid #ffffff09;border-radius:14px 14px 14px 4px}
.social-message.is-mine{margin-left:auto;background:#3d3c31;border-color:#9c91792b;border-radius:14px 14px 4px 14px}
.social-message p{font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.social-message time{display:block;text-align:right;color:#989284;font-size:9px;margin-top:5px}
.social-compose{display:grid;grid-template-columns:1fr 42px;gap:7px;flex-shrink:0;padding:12px 14px;border-top:1px solid #ffffff0e;background:#1b1c1b}
.social-compose textarea{resize:none;min-width:0;width:100%;max-height:120px;min-height:52px;background:#111211;border:1px solid #ffffff13;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.5}
.social-send{border:0;background:#cfc6b2;border-radius:12px;display:grid;place-items:center;width:42px;height:44px;color:#232420!important;align-self:center}
.social-send svg{width:21px;height:21px}.social-compose small{grid-column:1/-1;color:#8c887f;font-size:10px;line-height:1.4}
.social-older{display:block;margin:0 auto 15px;background:none;border:0;color:#aaa391!important;font-size:11px;min-height:36px}
@media(max-width:620px){:root body .header-personal{gap:2px}:root body .header-personal .header-account{width:114px;max-width:114px}:root body .header-personal .notification-bell{flex-basis:40px;width:40px;height:44px;padding:9px}.social-panel{border-radius:18px}.social-search input,.social-compose textarea{font-size:16px}.social-compose small{font-size:9px}}
@media(max-width:380px){:root body .header-personal .header-account{width:54px;max-width:54px;padding:2px}:root body .header-account .header-profile-copy,:root body .header-account .profile-copy{display:none}:root body .header-personal .notification-bell{width:38px;flex-basis:38px}.social-row-actions{max-width:95px}.social-title-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.social-panel{animation:none}}:root[data-motion=reduced] .social-panel{animation:none}

@media(max-width:620px){:root body .social-button{margin-inline-end:4px}}


/* /card-status-menu.css */
:root body button[data-status-menu]{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;cursor:pointer;text-align:left}
:root body button[data-status-menu]:hover{border-color:#ffffff80;background:#ffffff12}
:root body .status-menu-chevron{width:14px;height:14px;opacity:.6;flex-shrink:0}
:root body .card-status-menu{position:fixed;z-index:2400;width:224px;max-width:calc(100vw - 16px);padding:6px;border:1px solid #ffffff2c;border-radius:14px;background:#202122;color:#eeeeeb;box-shadow:0 12px 40px #0008}
:root body .card-status-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;text-align:left}
:root body .card-status-menu button:hover,:root body .card-status-menu button[aria-checked=true]{background:#ffffff10}
.card-status-menu svg{width:17px;height:17px}
:root body .card-status-menu p{border-top:1px solid #ffffff18;margin:5px 6px 2px;padding:10px 6px 6px;color:#b8b8b5;font-size:12px;line-height:1.5}

:root body button[data-status-menu]{pointer-events:auto}


/* /library-import.css */
.library-import-modal{width:min(820px,calc(100vw - 24px));max-width:820px;background:#191a1a;color:#e8e8e6}.library-import-modal h2{font-size:28px;margin:0 42px 18px 0}.library-import-modal p{color:#b7b9b7;line-height:1.55;font-size:14px}.library-import-modal button,.library-import-modal select,.library-import-modal input{font:inherit}.import-file{display:inline-flex;position:relative;overflow:hidden;margin:12px 0;cursor:pointer}.import-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.import-help{border-top:1px solid #ffffff1c;padding-top:16px;margin-top:18px}.import-help summary,.import-manual summary{cursor:pointer;color:#ccc}.import-list{border-top:1px solid #ffffff1c}.import-row{padding:15px 0;border-bottom:1px solid #ffffff14}.import-row-heading{display:flex;gap:10px;align-items:center;line-height:1.4}.import-row-heading strong{flex:1;overflow-wrap:anywhere}.import-row-heading span{color:#aaa;font-size:14px}.import-row input[type=checkbox]{accent-color:#dededb;width:18px;height:18px;flex-shrink:0}.import-row-controls{display:flex;gap:8px;margin:10px 0 0 28px;align-items:center}.library-import-modal select,.import-manual input{background:#222424;color:#eee;border:1px solid #ffffff24;border-radius:10px;padding:9px;min-width:0;max-width:100%}.import-row-controls select:first-child{flex:1}.import-row-controls select:nth-child(2){max-width:190px}.import-row-controls .import-rating{font-size:14px;white-space:nowrap}.import-manual{margin:8px 0 0 28px;font-size:13px}.import-manual form{display:flex;gap:8px;margin-top:8px}.import-manual input{flex:1}.import-row>p{margin:8px 0 0 28px}.import-pages,.import-selection,.import-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:18px 0}.import-pages{justify-content:space-between}.import-pages button{color:#ddd;background:transparent;border:0;cursor:pointer}.library-import-modal button:disabled{opacity:.4;cursor:default}.import-privacy{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.import-progress{padding:12px;background:#ffffff08;border-radius:10px;margin-bottom:12px}.import-summary{margin:25px 0}.import-error:empty{display:none}.library-import-modal .form-error{color:#efadad}.library-import-modal .import-policy{font-size:13px;color:#a0a3a0}@media(max-width:600px){.library-import-modal{padding:22px 16px}.import-row-controls{flex-wrap:wrap;margin-left:0}.import-row-controls select:first-child{flex-basis:100%}.import-row-controls select:nth-child(2){max-width:none;flex:1}.import-manual{margin-left:0}.import-privacy{display:grid}.import-actions .primary{width:100%}.import-caption{font-size:13px}}

.library-import-modal .import-row-heading{display:flex;flex-direction:row;gap:10px;align-items:center;margin:0;color:#e8e8e6}.library-import-modal .import-row-heading input[type=checkbox]{display:inline-block;width:18px;height:18px;min-height:18px;margin:0;padding:0;flex:0 0 18px}.library-import-modal .import-file{display:inline-flex;color:#eee}.library-import-modal .import-privacy{display:flex;color:#eee}.library-import-modal .import-file input{margin:0;padding:0}.library-import-modal .import-row-heading strong{font-weight:600}.library-import-modal .import-row-heading span{margin-left:4px}.library-import-modal .import-row{padding:16px 0}.library-import-modal .import-actions{position:sticky;bottom:-22px;background:#1c1e1c;padding:14px 0;margin-bottom:0;border-top:1px solid #ffffff18}

.account-data .account-data-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.account-data .account-data-actions .button{flex:1 1 auto;min-height:36px;padding:8px 12px;font-size:14px;white-space:nowrap;margin:0}.account-data .account-data-actions+small{display:block;margin-top:12px}


/* /viewing-history.css */
.viewing-history{margin:26px 0 30px;max-width:920px}.viewing-toolbar{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:28px}.viewing-search{display:flex;align-items:center;gap:10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:12px;padding:0 14px;min-height:46px;flex:1;max-width:380px}.viewing-search svg{width:18px;color:#9c9f9c}.viewing-search input{font-size:15px;min-width:0;width:100%;padding:11px 0}.viewing-filters{display:flex;gap:5px;flex-wrap:wrap}.viewing-filters button{padding:10px 13px;border-radius:10px;color:#aeb0ad;font-size:14px;white-space:nowrap}.viewing-filters button.selected{background:#ffffff10;color:#f1f1ee}.viewing-filters button:hover{color:#fff;background:#ffffff08}.viewing-date{font-size:18px;font-weight:600;letter-spacing:-.2px;margin:28px 0 12px;color:#d5d7d3}.viewing-card{border:1px solid #ffffff15;border-radius:18px;background:linear-gradient(125deg,#202220,#191b1a);margin-bottom:12px;overflow:hidden}.viewing-main{display:flex;align-items:center;gap:20px;padding:16px 18px}.viewing-poster{width:68px;flex:0 0 68px;aspect-ratio:2/3;overflow:hidden;border-radius:9px;padding:0;background:#ffffff08;align-self:flex-start}.viewing-poster .art,.viewing-poster .art.compact{width:100%;height:100%;aspect-ratio:2/3;border-radius:0;min-height:0}.viewing-poster .poster-placeholder{font-size:10px;padding:5px}.viewing-poster .poster-placeholder small{display:none}.viewing-copy{flex:1;min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:9px}.viewing-title{display:block;text-align:left;font-size:19px;font-weight:600;line-height:1.35;padding:0;color:#eceee9;overflow-wrap:anywhere}.viewing-title:hover{color:#fff;text-decoration:underline;text-decoration-color:#ffffff50;text-underline-offset:4px}.viewing-episode{font-size:14px;color:#a9ada6}.viewing-position{display:inline-flex;flex-direction:column;gap:7px;font-size:14px;color:#d6dad2;min-width:130px;max-width:240px;width:100%;font-variant-numeric:tabular-nums}.viewing-duration{color:#868d84}.viewing-track{height:3px;background:#ffffff14;border-radius:5px;overflow:hidden}.viewing-track i{display:block;height:100%;background:#d8ddd3;border-radius:inherit}.viewing-mark{font-size:12px;line-height:1.4;border:1px solid #ffffff26;border-radius:7px;padding:5px 8px;color:#d0d4cd;display:inline-flex;gap:6px;align-items:center;width:max-content}.viewing-mark.verified{border-color:#c9cbb888;background:linear-gradient(110deg,#ffffff13,#d7d1b20b);color:#ecebe0;box-shadow:inset 0 0 8px #eee8ca08}.viewing-side{display:flex;flex-direction:column;align-items:center;gap:16px;flex:0 0 44px;margin-left:auto}.viewing-side time{font-size:12px;color:#90958e;font-variant-numeric:tabular-nums}.viewing-play{width:40px;height:40px;border-radius:50%;background:#ffffff08;border:1px solid #ffffff1b;display:grid;place-items:center;padding:0;flex-shrink:0}.viewing-play:hover{background:#ffffff17;border-color:#ffffff44}.viewing-play svg{width:18px;height:18px}.viewing-expand{display:flex;gap:7px;align-items:center;padding:11px 18px;width:100%;border-top:1px solid #ffffff0c;color:#aeb3aa;font-size:13px;text-align:left}.viewing-expand:hover{background:#ffffff04;color:#e6e9e2}.viewing-expand span{color:#e0e4d9}.viewing-expand svg{margin-left:auto;width:16px;height:16px;transition:transform .15s}.viewing-expand[aria-expanded=true] svg{transform:rotate(180deg)}.viewing-episodes[hidden]{display:none}.viewing-subrow{display:flex;align-items:center;gap:20px;padding:13px 18px 13px 106px;border-top:1px solid #ffffff0b}.viewing-subrow>span:first-child{font-size:14px;flex:1;color:#b6bcb0}.viewing-subrow .viewing-position{max-width:160px;min-width:90px}.viewing-subrow .viewing-play{width:32px;height:32px}.viewing-more{display:flex;margin:24px auto 16px}.viewing-more[hidden]{display:none}.viewing-help{font-size:13px;color:#858d80;margin-top:25px}.viewing-help summary{cursor:pointer;width:fit-content}.viewing-help p{max-width:640px;line-height:1.6;margin:12px 0;color:#a1a99b}.viewing-statistics{max-width:1100px;border-top:1px solid #ffffff1a;margin:36px 0}.viewing-statistics>summary{display:flex;align-items:center;justify-content:space-between;padding:22px 0;cursor:pointer;font-size:18px;color:#ced4c7;list-style:none}.viewing-statistics>summary::-webkit-details-marker{display:none}.viewing-statistics>summary svg{width:18px;height:18px;transition:transform .15s}.viewing-statistics[open]>summary svg{transform:rotate(180deg)}.viewing-statistics-body{padding:0 0 18px}.viewing-empty{text-align:center;padding:55px 15px;border:1px dashed #ffffff1b;border-radius:18px;color:#a7b09f}.viewing-empty>svg{width:32px;height:32px;margin-bottom:12px}.viewing-empty h2{font-size:22px;color:#e3e7de;margin:0 0 10px}.viewing-empty p{font-size:15px}.viewing-day-filter{display:flex;align-items:center;gap:15px;font-size:14px;padding:10px 0;color:#b7c0ae}.viewing-day-filter[hidden]{display:none}.viewing-day-filter button{display:flex;align-items:center;gap:6px}.viewing-day-filter svg{width:14px}
@media(max-width:680px){.viewing-toolbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.viewing-search{max-width:none}.viewing-filters{gap:5px}.viewing-filters button{flex:1;padding:9px 8px;font-size:13px}.viewing-main{gap:12px;padding:13px}.viewing-poster{width:54px;flex-basis:54px}.viewing-title{font-size:16px}.viewing-copy{gap:7px}.viewing-episode{font-size:12px}.viewing-side{gap:14px;flex-basis:32px}.viewing-side time{font-size:11px}.viewing-play{width:32px;height:32px}.viewing-position{font-size:12px;min-width:70px;width:100%}.viewing-mark{font-size:11px;padding:4px 6px}.viewing-expand{padding:10px 13px}.viewing-subrow{padding:12px 13px;gap:10px;flex-wrap:wrap}.viewing-subrow>span:first-child{font-size:12px;flex-basis:calc(100% - 45px)}.viewing-subrow .viewing-position{min-width:80px;flex:1}.viewing-date{font-size:16px}.viewing-history{margin-top:20px}.viewing-empty{padding:38px 14px}.viewing-statistics>summary{font-size:16px}.viewing-day-filter{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.viewing-expand svg,.viewing-statistics>summary svg{transition:none}}

:root[data-motion=reduced] .viewing-expand svg,:root[data-motion=reduced] .viewing-statistics>summary svg{transition:none}


/* /watched-range.css */
.watched-range-options{display:grid;gap:10px;margin:22px 0 14px}.watched-range-options .button{display:flex;flex-direction:column;gap:5px;white-space:normal;text-align:center;padding:14px 16px}.watched-range-options small{font-size:11px;font-weight:400;opacity:.75}.modal .watched-range-note{font-size:12px;color:var(--muted);line-height:1.6}

/* /social-history.css */
.social-viewing-history{padding:22px 6px 8px}.social-viewing-history>h3{font-size:17px;margin-bottom:14px}.social-viewing-history .viewing-search{width:100%;max-width:none;min-height:40px;padding:0 11px}.social-viewing-history .viewing-search input{font-size:14px}.social-viewing-history .viewing-filters{margin:10px 0 16px;gap:4px;flex-wrap:nowrap}.social-viewing-history .viewing-filters button{flex:1;font-size:12px;padding:8px 6px}.social-viewing-history .viewing-date{font-size:14px;font-weight:600;margin:20px 0 10px}.social-viewing-history .viewing-card{border-radius:14px;margin-bottom:10px}.social-viewing-history .viewing-main{padding:12px;gap:11px;align-items:flex-start}.social-viewing-history .viewing-poster{width:46px;flex:0 0 46px;height:69px;display:grid;place-items:center}.social-viewing-history .viewing-poster img{width:100%;height:100%;object-fit:cover}.social-viewing-history .viewing-poster svg{width:20px}.social-viewing-history .viewing-title{font-size:14px;line-height:1.4}.social-viewing-history .viewing-copy{gap:7px}.social-viewing-history .viewing-episode{font-size:12px}.social-viewing-history .viewing-position{font-size:12px;min-width:0;max-width:none}.social-viewing-history .viewing-mark{font-size:11px;padding:4px 6px}.social-viewing-history .viewing-main>time{font-size:10px;color:#92988c;padding-top:3px;flex-shrink:0}.social-history-episodes{border-top:1px solid #ffffff10}.social-history-episodes>summary{display:flex;align-items:center;gap:6px;list-style:none;padding:10px 12px;color:#aeb5a4;font-size:12px;cursor:pointer}.social-history-episodes>summary::-webkit-details-marker{display:none}.social-history-episodes>summary svg{margin-left:auto;width:16px;height:16px;transition:transform .15s}.social-history-episodes[open]>summary svg{transform:rotate(180deg)}.social-viewing-history .viewing-subrow{padding:12px;gap:10px;flex-wrap:wrap}.social-viewing-history .viewing-subrow>button{font-size:12px;text-align:left;padding:0;flex:1}.social-viewing-history .viewing-subrow .viewing-position{flex:1;max-width:135px}.social-history-more{display:block;margin:16px auto 4px}@media(max-width:620px){.social-viewing-history .viewing-search input{font-size:16px}}@media(max-width:360px){.social-viewing-history .viewing-main{gap:8px;padding:10px}.social-viewing-history .viewing-poster{width:38px;flex-basis:38px;height:57px}.social-viewing-history .viewing-title{font-size:13px}.social-viewing-history .viewing-main>time{font-size:9px}.social-viewing-history .viewing-filters button{font-size:11px;padding:8px 4px}}@media(prefers-reduced-motion:reduce){.social-history-episodes>summary svg{transition:none}}:root[data-motion=reduced] .social-history-episodes>summary svg{transition:none}


/* /catalog-filters.css */

/* Catalogue custom values */
.home-filters{grid-template-columns:1.15fr 1fr 1fr .85fr 1fr 1.15fr;align-items:start}
.home-filters .home-custom-field{display:flex;flex-direction:column;gap:6px}
.home-filters .home-custom-field[hidden]{display:none}
.home-custom-field input{width:100%;min-width:0;min-height:44px;border:1px solid var(--wr-border,#ffffff24);border-radius:8px;background:var(--field);color:var(--text);padding:9px 11px;font:inherit;font-size:16px}
.home-custom-field input:focus{border-color:#ffffff75}
.home-custom-field input[aria-invalid=true]{border-color:#bd8b88}
.home-custom-field small{font-size:12px;line-height:1.4;color:#e3b1ad}
.media-card-age{font-size:11px;line-height:1.3;padding:2px 5px;border:1px solid #ffffff30;border-radius:5px;color:var(--muted);white-space:nowrap}
.media-card-age[hidden]{display:none}
.detail-facts .media-card-age{font-size:12px}
.detail-genre-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.detail-genre-list span{font-size:13px;color:var(--muted)}
.detail-genre-list span:not(:last-child):after{content:' ·';padding-left:6px;opacity:.6}
@media(max-width:1100px){.home-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.home-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.home-filters>label:last-child{grid-column:auto}}

/* Keep title facts aligned; genre wrapping must not stretch neighbouring chips. */
.detail-facts{align-items:flex-start}
.detail-facts>span{display:inline-flex;align-items:center;line-height:1.5}
.detail-facts>.detail-genre-list{margin:0}
.detail-facts>.detail-genre-list>span{font-size:inherit;line-height:inherit}


/* /registration-invite.css */
.registration-invite{display:flex;align-items:center;gap:18px;padding:20px 22px;margin:0 0 28px;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(115deg,#262828,#1b1d1d);color:var(--text);animation:registration-invite-in .2s ease-out}
.registration-invite-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#ffffff08;color:#e4e5e2}
.registration-invite-icon svg{width:24px;height:24px}
.registration-invite-copy{flex:1;min-width:0}.registration-invite-copy h2{font-size:20px;line-height:1.25;letter-spacing:-.35px;margin:0 0 6px}.registration-invite-copy p{max-width:560px;font-size:14px;line-height:1.5;color:#b8bdbb;margin:0}
.registration-invite-actions{display:flex;gap:8px;flex-shrink:0}.registration-invite-actions .button{min-height:42px;font-size:14px;white-space:nowrap;padding:10px 14px}.registration-invite-actions .primary{background:#e5e6e3;color:#1a1c1b;border-color:#e5e6e3}.registration-invite-actions .secondary{background:transparent;border-color:#ffffff26;color:#c8cdca}
@keyframes registration-invite-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.registration-invite{flex-wrap:wrap}.registration-invite-actions{margin-left:60px}}
@media(max-width:620px){.registration-invite{gap:12px;padding:18px;margin-bottom:22px}.registration-invite-icon{display:none}.registration-invite-copy{flex-basis:100%}.registration-invite-copy h2{font-size:19px}.registration-invite-actions{margin-left:0;width:100%;flex-shrink:1}.registration-invite-actions .button{min-height:44px;white-space:normal}.registration-invite-actions .primary{flex:1}}
@media(prefers-reduced-motion:reduce){.registration-invite{animation:none}}:root[data-motion=reduced] .registration-invite{animation:none}


/* /player-preferences.css */
/* Two levels of one panel: source first, dependent preferences below. */
.video-frame .watch-controls .watch-settings-panel{box-sizing:border-box;width:min(360px,calc(100% - 24px));padding:0;max-height:calc(var(--player-height,560px) - 86px);background:#202020fc;border:1px solid #ffffff26;border-radius:15px;overflow:auto;scrollbar-width:thin;color:#f0f0f0}
.video-frame .watch-preferences-top{padding:16px 18px 17px}
.video-frame .watch-settings-heading{display:flex;align-items:center;gap:6px;margin:0 0 13px;font-size:17px;line-height:1.4}
.video-frame .watch-settings-heading>b{flex:1}
.video-frame .watch-settings-heading button{display:grid;place-items:center;box-sizing:border-box;width:38px;height:38px;min-height:38px;padding:0;flex:0 0 38px;border-radius:9px;line-height:1;color:#dedede}
.video-frame .watch-settings-heading button:hover{background:#ffffff10}
.video-frame .watch-settings-heading button svg{display:block;width:21px;height:21px;margin:0}
.video-frame .watch-source-options{margin:0;padding:0;border:0}
.video-frame .watch-source-options label{display:grid;gap:8px;margin:0;font-size:14px;color:#cdcdcd}
.video-frame .watch-source-status{font-size:12px;margin:7px 0 0}
.video-frame .watch-dependent-settings{padding:18px;background:#181818;border-top:1px solid #ffffff15}
.video-frame .watch-dependent-settings .watch-quality,.video-frame .watch-dependent-settings #audio-tracks label,.video-frame .watch-dependent-settings .watch-subtitles-settings>label{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 15px;font-size:15px}
.video-frame .watch-speed{display:block;margin:0 0 18px}
.video-frame .watch-speed-heading{display:flex;align-items:center;gap:9px;font-size:15px;line-height:1.4;margin-bottom:7px}
.video-frame .watch-speed-heading label{margin:0;flex:1}
.video-frame .watch-speed-value{font-size:16px;min-width:46px;text-align:right;color:#f0f0f0;font-variant-numeric:tabular-nums}
.video-frame .watch-speed-reset{min-height:34px;padding:4px 8px;border-radius:7px;font-size:12px;color:#bfbfbf}
.video-frame .watch-speed-reset:hover{background:#ffffff0d}
.video-frame .watch-speed-marks{display:flex;justify-content:space-between;font-size:12px;color:#a6a6a6}
.video-frame .watch-rate,.video-frame .watch-subtitle-editor input[type=range]{display:block;box-sizing:border-box;width:100%;height:36px;margin:0;padding:0;appearance:none;background:transparent;cursor:pointer;touch-action:none}
.video-frame .watch-rate::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(to right,#e4e4e4 var(--rate,27%),#ffffff24 var(--rate,27%))}
.video-frame .watch-rate::-moz-range-track,.video-frame .watch-subtitle-editor input[type=range]::-moz-range-track{height:5px;border-radius:99px;background:#ffffff24}
.video-frame .watch-rate::-moz-range-progress{height:5px;border-radius:99px;background:#e4e4e4}
.video-frame .watch-subtitle-editor input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:#ffffff32}
.video-frame .watch-rate::-webkit-slider-thumb,.video-frame .watch-subtitle-editor input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-5.5px;border:0;border-radius:50%;background:#e4e4e4}
.video-frame .watch-rate::-moz-range-thumb,.video-frame .watch-subtitle-editor input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#e4e4e4}
.video-frame button:focus-visible,.video-frame input:focus-visible{outline:2px solid #e4e4e4;outline-offset:3px}
.video-frame .watch-configure-subtitles{display:block;width:100%;min-height:40px;text-align:left;font-size:14px;color:#cccccc;border-radius:8px;padding:6px 0;margin-top:2px}
.video-frame .watch-configure-subtitles:hover{color:#fff}
.video-frame .watch-subtitles-status{font-size:12px;line-height:1.5;margin:0 0 9px;color:#b7b7b7}
.video-frame .watch-episodes-panel{box-sizing:border-box;width:min(360px,calc(100% - 24px));height:465px;padding:16px 18px;background:#202020fc;border-radius:15px}
.video-frame .watch-episode-pick{min-height:54px;gap:14px;padding:11px 12px;border-radius:10px}
.video-frame .watch-episode-pick b{font-size:15px;line-height:1.45}
.video-frame .watch-episode-pick small{font-size:12px;margin-top:2px}
.video-frame .watch-episode-pick>span:first-child{font-size:13px}
.video-frame .watch-season-label{font-size:15px;gap:12px;margin-bottom:13px}
.video-frame .watch-season-label>.player-choice{flex:1;min-width:0}
/* All native values and engine change handlers remain intact; only the popup is ours. */
.video-frame .player-choice{position:relative;min-width:0;width:100%}
.video-frame .player-choice-native{display:none!important}
.video-frame .player-choice-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid #ffffff22;border-radius:10px;background:#292929;color:#f0f0f0;font-size:15px;line-height:1.4;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.video-frame .player-choice-toggle:hover:not(:disabled),.video-frame .player-choice-toggle[aria-expanded=true]{background:#343434;border-color:#ffffff40}
.video-frame .player-choice-toggle:disabled{opacity:1;background:#252525;color:#c7c7c7;cursor:default}
.player-choice-arrow{font-size:18px;color:#b7b7b7;line-height:1;flex:0 0 auto}
.player-choice-toggle:disabled .player-choice-arrow{visibility:hidden}
.video-frame .player-choice-popup{position:absolute;z-index:50;box-sizing:border-box;overflow:auto;padding:6px;border:1px solid #ffffff2a;border-radius:12px;background:#252525fc;box-shadow:0 12px 35px #0009;color:#f1f1f1;scrollbar-width:thin}
.video-frame .player-choice-popup[hidden]{display:none!important}
.player-choice-option{position:relative;min-height:42px;padding:10px 32px 10px 11px;box-sizing:border-box;border-radius:8px;font-size:14px;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}
.player-choice-option:hover,.player-choice-option.is-active{background:#ffffff10}
.player-choice-option[aria-selected=true]{background:#ffffff12;color:#ffffff}
.player-choice-option[aria-selected=true]:after{content:'✓';position:absolute;right:11px;top:10px;color:#dedede}
.player-choice-option[aria-disabled=true]{color:#888888;cursor:default}
#content:fullscreen .video-frame .watch-settings-panel,#content:fullscreen .video-frame .watch-episodes-panel{width:min(390px,calc(100% - 36px));max-height:min(740px,calc(100dvh - 140px))}
#content:fullscreen .video-frame .watch-episodes-panel{height:525px}
#content:fullscreen .video-frame .watch-settings-heading{font-size:19px}
#content:fullscreen .video-frame .watch-dependent-settings .watch-quality,#content:fullscreen .video-frame .watch-dependent-settings #audio-tracks label,#content:fullscreen .video-frame .watch-subtitles-settings>label{font-size:16px;grid-template-columns:106px minmax(0,1fr)}
#content:fullscreen .video-frame .player-choice-toggle{min-height:48px;font-size:16px}
#content:fullscreen .video-frame .watch-speed-heading{font-size:16px}
#content:fullscreen .video-frame .watch-episode-pick b{font-size:16px}
/* In-place subtitle editor: the main panel becomes the editor, no duplicate sample box. */
.watch-subtitle-editor[hidden]{display:none!important}
.watch-subtitle-editor{padding:0 18px 18px;color:#f0f0f0}
.watch-settings-panel.is-subtitle-editor .watch-dependent-settings,.watch-settings-panel.is-subtitle-editor .watch-source-options,.watch-settings-panel.is-subtitle-editor .watch-help{display:none!important}
.watch-settings-panel.is-subtitle-editor .watch-preferences-top{padding-bottom:5px}
.subtitle-editor-back{display:block;min-height:40px;padding:5px 0;margin:0 0 12px;text-align:left;font-size:14px;color:#bfbfbf}
.subtitle-editor-fields{display:grid;gap:13px}
.subtitle-editor-fields>label{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;font-size:14px;line-height:1.4;margin:0}
.subtitle-editor-fields>label>.player-choice{grid-column:1/-1}
.subtitle-editor-fields>label>input[type=range]{grid-column:1/-1}
.subtitle-editor-fields output{font-size:13px;color:#bfbfbf;font-variant-numeric:tabular-nums}
.subtitle-editor-fields input[type=color]{box-sizing:border-box;width:46px;height:34px;padding:3px;border:1px solid #ffffff25;border-radius:8px;background:#292929;cursor:pointer}
.subtitle-editor-fields input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.subtitle-editor-fields input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}
.subtitle-editor-toggles{display:flex;gap:10px;flex-wrap:wrap}
.subtitle-editor-toggles label{display:flex!important;align-items:center;gap:8px!important;margin:0!important;padding:5px 0;font-size:13px!important;cursor:pointer}
.subtitle-editor-toggles input{appearance:none;width:18px;height:18px;border:1px solid #ffffff45;border-radius:5px;background:#292929;margin:0;cursor:pointer}
.subtitle-editor-toggles input:checked{background:#d3c5a8;border-color:#d3c5a8}
.subtitle-editor-toggles input:checked:after{content:'✓';display:block;text-align:center;color:#211e17;font-size:14px;line-height:16px}
.subtitle-editor-hint{margin:14px 0 8px;color:#bdb4a4;font-size:12px;line-height:1.5}
.subtitle-editor-reset{min-height:36px;font-size:13px;color:#cccccc}
.video-frame.subtitle-editing .watch-controls{position:static!important;inset:auto!important;padding:0!important;background:none!important}
.subtitle-editing .watch-buttons{display:block;min-height:0}
.subtitle-editing .watch-buttons>*:not(.watch-settings-panel),.subtitle-editing .watch-timeline,.subtitle-editing .watch-topbar,.subtitle-editing>.player-start,.subtitle-editing>.watch-feedback{display:none!important}
.video-frame.subtitle-editing .watch-settings-panel{top:18px;bottom:auto;right:18px;max-height:min(680px,calc(var(--player-height,560px) - 100px))}
.video-frame .watch-subtitle-renderer{left:auto;width:max-content;transform:translate(-50%,-100%);z-index:3;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere;gap:0;pointer-events:none}
.watch-subtitle-lines{display:flex;flex-direction:column;gap:4px;align-items:center;max-width:100%}
.watch-subtitle-line{padding:3px 7px;border-radius:4px;background:var(--subtitle-background,#000b);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.watch-subtitle-renderer.is-editable{pointer-events:auto;cursor:grab;touch-action:none;user-select:none;padding:5px;border:1px dashed #eee2c56b;border-radius:8px}
.watch-subtitle-renderer.is-dragging{cursor:grabbing}
.subtitle-resize-handle{position:absolute;width:16px;height:16px;padding:0;border:2px solid #16130e;border-radius:5px;background:#e8dabb;z-index:1;touch-action:none}
.subtitle-resize-handle[hidden]{display:none!important}
.subtitle-resize-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}
.subtitle-resize-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}
.subtitle-resize-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}
.subtitle-resize-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}
@media(max-width:620px){.video-frame .watch-controls .watch-settings-panel,.video-frame .watch-episodes-panel,#content:fullscreen .video-frame .watch-settings-panel,#content:fullscreen .video-frame .watch-episodes-panel{width:min(360px,calc(100% - 16px));right:8px}.video-frame .watch-preferences-top{padding:13px 14px}.video-frame .watch-dependent-settings,.watch-subtitle-editor{padding:14px}.video-frame .watch-dependent-settings .watch-quality,.video-frame .watch-dependent-settings #audio-tracks label,.video-frame .watch-subtitles-settings>label,#content:fullscreen .video-frame .watch-dependent-settings .watch-quality,#content:fullscreen .video-frame .watch-dependent-settings #audio-tracks label,#content:fullscreen .video-frame .watch-subtitles-settings>label{font-size:14px;grid-template-columns:82px minmax(0,1fr);gap:9px}.video-frame .player-choice-toggle,#content:fullscreen .video-frame .player-choice-toggle{font-size:14px;min-height:44px}.video-frame .watch-settings-heading,#content:fullscreen .video-frame .watch-settings-heading{font-size:17px}.video-frame.subtitle-editing .watch-settings-panel{right:8px;top:8px;max-height:calc(var(--player-height,560px) - 75px)}.subtitle-resize-handle{width:22px;height:22px}}

/* Tick positions follow the linear 0.25–3 range. */
.video-frame .watch-speed-marks{position:relative;height:18px;display:block;margin:0 8px}
.video-frame .watch-speed-marks span{position:absolute;transform:translateX(-50%)}
.video-frame .watch-speed-marks span:nth-child(1){left:0;transform:none}
.video-frame .watch-speed-marks span:nth-child(2){left:27.2727%}
.video-frame .watch-speed-marks span:nth-child(3){left:63.6364%}
.video-frame .watch-speed-marks span:nth-child(4){right:0;transform:none}
/* Narrow editor: actual video stays above the controls, without a second preview. */
#content .video-frame.subtitle-editing.subtitle-editor-stacked{min-height:min(640px,80dvh)}
#content .video-frame.subtitle-editing.subtitle-editor-stacked .watch-settings-panel{height:60%;max-height:60%;top:auto;bottom:8px;right:8px;width:calc(100% - 16px)}
#content .video-frame.subtitle-editing.subtitle-editor-stacked>video#video{position:absolute;left:0;top:8px;width:100%;height:calc(40% - 24px);object-fit:contain;object-position:center}
#content .video-frame.subtitle-editing.subtitle-editor-compact .watch-settings-panel{width:min(360px,45%);height:calc(100% - 16px);max-height:calc(100% - 16px);top:8px;right:8px;bottom:auto}
#content .video-frame.subtitle-editing.subtitle-editor-compact>video#video{position:absolute;left:0;top:0;width:55%;height:100%;object-fit:contain;object-position:center}

#content .video-frame.subtitle-editing.subtitle-editor-stacked>.source-switch-frame{left:0;top:8px;width:100%;height:calc(40% - 24px);bottom:auto}
#content .video-frame.subtitle-editing.subtitle-editor-compact>.source-switch-frame{left:0;top:0;width:55%;height:100%;right:auto}

#content .video-frame.subtitle-editing.subtitle-editor-stacked>.source-switch-frame{left:0!important;top:8px!important;width:100%!important;height:calc(40% - 24px)!important;bottom:auto!important}
#content .video-frame.subtitle-editing.subtitle-editor-compact>.source-switch-frame{left:0!important;top:0!important;width:55%!important;height:100%!important;right:auto!important}

.video-frame .watch-settings-panel,.video-frame .watch-episodes-panel{background:#202020fc!important;color:#f0f0f0!important}
.video-frame .watch-preferences-top{padding:13px 16px 14px}
.video-frame .watch-dependent-settings{padding:16px;background:#181818}
.video-frame .watch-settings-heading{margin-bottom:10px}
.video-frame .watch-settings-panel .watch-settings-heading>.watch-help,.video-frame .watch-settings-heading>.watch-settings-close,.video-frame .watch-settings-heading>.watch-episodes-close{display:grid!important;place-items:center;justify-content:center!important;align-content:center!important;justify-items:center!important;box-sizing:border-box;width:34px!important;height:34px!important;min-height:34px!important;min-width:34px;flex:0 0 34px!important;padding:0!important;margin:0;align-self:center;line-height:1}
.video-frame .watch-settings-heading button svg{display:block;width:21px;height:21px;transform:none}
.video-frame .watch-subtitles-settings>label>span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.video-frame .watch-subtitles-settings .watch-configure-subtitles{display:inline-grid;place-items:center;flex:0 0 24px;box-sizing:border-box;width:24px;min-width:24px;height:28px;min-height:28px;padding:0;margin:0;border:0;background:transparent;color:#fff;opacity:.5}
.video-frame .watch-configure-subtitles svg{display:block;width:18px;height:18px}
.video-frame .watch-configure-subtitles:hover,.video-frame .watch-configure-subtitles:focus-visible{opacity:1;background:#ffffff0a}
.video-frame .watch-dependent-settings .watch-subtitles-settings>label{grid-template-columns:110px minmax(0,1fr)}
.video-frame .watch-dependent-settings .watch-speed{padding-top:13px;margin:3px 0 0;border-top:1px solid #ffffff12}
.video-frame .player-choice-arrow{display:grid;place-items:center;width:18px;height:18px;color:#aaaaaa}
.video-frame .player-choice-arrow svg{display:block;width:18px;height:18px}
.watch-help-dialog::backdrop{background:transparent!important}
.watch-help-dialog{background:#202020!important;color:#f0f0f0;box-shadow:0 8px 28px #0005}
.video-frame .watch-source-options .watch-source-status:empty{display:none}
@media(max-width:620px){.video-frame .watch-dependent-settings{padding:13px}.video-frame .watch-preferences-top{padding:12px 13px}.video-frame .watch-dependent-settings .watch-subtitles-settings>label{grid-template-columns:104px minmax(0,1fr)}}

/* Open panels continue down to their own buttons, above the seek hit area. */
.video-frame .watch-controls .watch-settings-panel,.video-frame .watch-episodes-panel{width:min(384px,calc(100% - 24px))}
#content:fullscreen .video-frame .watch-settings-panel,#content:fullscreen .video-frame .watch-episodes-panel{width:min(414px,calc(100% - 36px))}
.video-frame .watch-panel-bridge{position:absolute;z-index:5;pointer-events:auto;cursor:default;background:linear-gradient(to bottom,#202020e8 0%,#20202080 38%,#20202000 100%)}
.video-frame .watch-panel-bridge[hidden]{display:none!important}
.video-frame .watch-episodes-panel{padding:0;overflow:hidden}
.video-frame .watch-episodes-top{padding:13px 16px 14px;background:#202020;flex:0 0 auto}
.video-frame .watch-episodes-top .watch-season-label{margin-bottom:0}
.video-frame .watch-episode-list{min-height:0;flex:1;padding:12px 16px 16px;background:#181818;border-top:1px solid #ffffff15}
.video-frame .watch-dependent-settings{position:relative}
.video-frame .watch-dependent-settings.is-source-loading>:not(.watch-settings-loading){opacity:.28;pointer-events:none}
.video-frame .watch-settings-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none;color:#fff}
.video-frame .watch-settings-loading[hidden]{display:none!important}
.video-frame .watch-settings-loading svg{display:block;width:52px;height:52px;animation:watch-settings-ring 1s linear infinite}
@keyframes watch-settings-ring{to{transform:rotate(360deg)}}
.video-frame .watch-subtitles-settings .watch-configure-subtitles{display:inline-grid;place-items:center;align-self:center;flex:0 0 32px;width:32px;min-width:32px;height:32px;min-height:32px;opacity:.55;background:transparent!important;box-shadow:none;padding:0;margin:0;line-height:1}
.video-frame .watch-configure-subtitles svg{width:24px;height:24px}
.video-frame .watch-configure-subtitles:hover,.video-frame .watch-configure-subtitles:focus-visible{opacity:1;background:transparent!important}
.video-frame .watch-dependent-settings .watch-subtitles-settings>label,#content:fullscreen .video-frame .watch-dependent-settings .watch-subtitles-settings>label{grid-template-columns:120px minmax(0,1fr)}
.video-frame .watch-speed-heading label{flex:0 0 auto}
.video-frame .watch-speed-value{text-align:left;margin-left:5px}
.video-frame .watch-speed-reset{margin-left:auto}
.video-frame .watch-speed-marks{font-size:11px}
.video-frame .watch-speed-marks span{right:auto;transform:translateX(-50%)}
.video-frame .watch-speed-marks span:nth-child(1){left:0;transform:none}
.video-frame .watch-speed-marks span:nth-child(2){left:16.6667%}
.video-frame .watch-speed-marks span:nth-child(3){left:33.3333%}
.video-frame .watch-speed-marks span:nth-child(4){left:50%;right:auto;transform:translateX(-50%)}
.video-frame .watch-speed-marks span:nth-child(5){left:66.6667%}
.video-frame .watch-speed-marks span:nth-child(6){left:83.3333%}
.video-frame .watch-speed-marks span:nth-child(7){left:auto;right:0;transform:none}
@media(max-width:620px){.video-frame .watch-controls .watch-settings-panel,.video-frame .watch-episodes-panel,#content:fullscreen .video-frame .watch-settings-panel,#content:fullscreen .video-frame .watch-episodes-panel{width:min(384px,calc(100% - 16px));right:8px}.video-frame .watch-episodes-top{padding:12px 13px}.video-frame .watch-episode-list{padding:10px 13px 13px}.video-frame .watch-dependent-settings .watch-subtitles-settings>label,#content:fullscreen .video-frame .watch-dependent-settings .watch-subtitles-settings>label{grid-template-columns:116px minmax(0,1fr)}}

/* All three rows share the same label and value columns. */
.video-frame .watch-dependent-settings .watch-quality,
.video-frame .watch-dependent-settings #audio-tracks label,
.video-frame .watch-dependent-settings .watch-subtitles-settings>label,
#content:fullscreen .video-frame .watch-dependent-settings .watch-quality,
#content:fullscreen .video-frame .watch-dependent-settings #audio-tracks label,
#content:fullscreen .video-frame .watch-dependent-settings .watch-subtitles-settings>label{grid-template-columns:112px minmax(0,1fr);column-gap:12px}
.video-frame .watch-subtitles-settings .watch-configure-subtitles{flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px}
.video-frame .watch-configure-subtitles svg{width:20px;height:20px}
.video-frame .watch-subtitles-settings .watch-configure-subtitles:not(:hover){opacity:.55}
.video-frame .watch-subtitles-settings .watch-configure-subtitles:hover{opacity:1}
.video-frame .watch-episodes-panel{bottom:58px}
.video-frame .watch-panel-bridge{background:none}
.continuation-stage .continuation-exit{display:none}
.watch-help-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.watch-help-dialog .watch-help-heading h2{flex:1;min-width:0;margin:0}
.watch-help-heading .watch-help-close{position:static;display:grid;place-items:center;flex:0 0 34px;box-sizing:border-box;width:34px;height:34px;min-height:34px;min-width:34px;padding:0;margin:0;line-height:1}
.watch-help-close svg{display:block;width:21px;height:21px}
/* Main labels remain sparse while the thumb moves through tenths. */
.video-frame .watch-speed-marks span:nth-child(2){left:13.7931%;display:block}
.video-frame .watch-speed-marks span:nth-child(3){left:31.0345%}
.video-frame .watch-speed-marks span:nth-child(4){left:48.2759%}
.video-frame .watch-speed-marks span:nth-child(5){left:65.5172%}
.video-frame .watch-speed-marks span:nth-child(6){left:82.7586%}
@media(max-width:620px){
 .video-frame .watch-episodes-panel{bottom:44px}
 .video-frame .watch-dependent-settings .watch-quality,
 .video-frame .watch-dependent-settings #audio-tracks label,
 .video-frame .watch-dependent-settings .watch-subtitles-settings>label,
 #content:fullscreen .video-frame .watch-dependent-settings .watch-quality,
 #content:fullscreen .video-frame .watch-dependent-settings #audio-tracks label,
 #content:fullscreen .video-frame .watch-dependent-settings .watch-subtitles-settings>label{grid-template-columns:104px minmax(0,1fr);column-gap:9px}
}

.manual-source-notice{position:absolute;left:16px;right:16px;bottom:80px;z-index:90;padding:18px;background:#1b1c1bf5;border:1px solid #ffffff30;border-radius:12px;color:#eee;box-shadow:0 8px 24px #0005}.manual-source-notice p{margin:0 0 12px;line-height:1.5;font-size:15px}.manual-source-notice .button{margin-right:12px}@media(max-width:520px){.manual-source-notice{left:8px;right:8px;bottom:58px;padding:12px}.manual-source-notice p{font-size:13px}}


/* /supporter-preview.css */
/* Neutral, optional support surfaces; no overlays on playback. */
#modal-root .modal:has(.support-dialog){width:min(820px,calc(100vw - 28px));max-width:820px}
.support-dialog{color:#eee;max-width:780px}
.support-heading{padding:10px 0 22px}
.support-heading h2{font-size:clamp(26px,4vw,36px);line-height:1.15;margin:10px 0}
.support-heading h2 span{color:#888}
.support-heading p,.support-donate>p,.support-settings p{color:#aaa;line-height:1.55}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.support-plan,.support-donate{border:1px solid #353535;border-radius:20px;padding:24px;background:#181818}
.support-plan{background:linear-gradient(145deg,#292929,#141414);display:flex;flex-direction:column}
.support-plan-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.support-emblem{font-size:26px;color:#ddd}
.support-label{font-size:11px;letter-spacing:.18em;font-weight:700}
.support-active{font-size:11px;color:#ccc;flex-basis:100%}
.support-price{font-size:40px;font-weight:650;margin:22px 0 16px}
.support-price span{font-size:14px;color:#aaa;font-weight:400;white-space:nowrap}
.support-plan ul{list-style:none;padding:0;margin:0 0 24px;line-height:1.8}
.support-plan li:before{content:"✓";padding-right:9px;color:#bbb}
.support-plan .button{margin-top:auto}
.support-dialog .button{white-space:normal;min-height:44px}
.support-dialog button:disabled{opacity:.5;cursor:default}
.support-note,.support-dialog small{font-size:12px;color:#999;line-height:1.5}
.support-dialog h3{font-size:19px;margin:0 0 10px}
.support-dialog label{display:block;font-size:13px;color:#ccc}
.support-dialog label>span:not(.support-frame-preview){font-size:12px;color:#999}
.support-dialog input:not([type=radio]),.support-dialog textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #444;border-radius:10px;background:#101010;color:#eee;padding:10px 12px;font:inherit;margin:7px 0 10px;resize:vertical}
.support-dialog input:focus-visible,.support-dialog textarea:focus-visible,.support-dialog button:focus-visible{outline:2px solid #ddd;outline-offset:3px}
.support-amounts{display:flex;gap:7px;margin-bottom:8px}
.support-amounts button{border:1px solid #444;border-radius:8px;padding:7px 14px;background:transparent;color:#ddd}
.support-amounts button:hover{background:#303030}
.support-donate form>label:last-of-type{margin-top:16px}
.support-personal{border-top:1px solid #333;margin-top:20px;padding-top:24px}
.support-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}
.support-section-title>span{font-size:12px;color:#aaa}
.support-personal fieldset{border:0;margin:18px 0;padding:0;min-width:0}
.support-personal legend{font-size:13px;color:#aaa;margin-bottom:12px}
.support-frames,.support-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.support-frames label,.support-covers label{position:relative;text-align:center;cursor:pointer}
.support-frames input,.support-covers input{position:absolute;opacity:0;width:1px;height:1px}
.support-frame-preview{display:grid;place-items:center;height:100px;border:1px solid #333;border-radius:12px;background:#171717;margin-bottom:8px}
.support-frame-preview .support-avatar{width:52px;height:52px}
.support-frame-preview svg{width:48px;height:48px}
.support-personal input:checked+span{border-color:#ddd}
.support-personal input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}
.support-covers label>span{display:block;height:65px;border:1px solid #333;border-radius:12px;margin-bottom:8px}
.support-covers b{font-size:12px;font-weight:400}
.support-avatar{display:inline-grid;place-items:center;position:relative;width:100%;height:100%;border-radius:inherit}
.support-avatar.support-frame-silver:after,.support-avatar.support-frame-double:after{content:"";position:absolute;inset:0;border:2px solid #cfcfcf;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px #151515}
.support-avatar.support-frame-double:after{border:4px double #ddd}
.support-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
[data-support-cover=cinema]{background:radial-gradient(ellipse at 70% 0%,#666 0%,#292929 38%,#101010 80%)!important}
[data-support-cover=grain]{background:repeating-linear-gradient(120deg,#171717 0 4px,#303030 5px 6px,#171717 7px 14px)!important}
.viewer-hero[data-support-cover=cinema] .viewer-cover-art,.viewer-hero[data-support-cover=grain] .viewer-cover-art{opacity:.16}
.support-history,.support-faq{border-top:1px solid #333;padding:18px 0;margin-top:15px}
.support-dialog summary{cursor:pointer;font-size:14px}
.support-faq p{color:#aaa;line-height:1.6;font-size:13px}
.support-history article,.support-inbox article{padding:18px 0;border-bottom:1px solid #333}
.support-dialog article header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
.support-dialog time,.support-dialog article header span,.support-history article>span{color:#999;font-size:12px}
.support-message,.support-dialog blockquote p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.support-dialog blockquote{margin:12px 0 0;border-left:2px solid #aaa;padding:10px 14px;background:#202020;border-radius:0 10px 10px 0}
.support-dialog blockquote b{font-size:12px;color:#aaa}
[data-support-status]{font-size:13px;line-height:1.5;min-height:1.5em}
.support-error{color:#efb2b2}
@media(max-width:600px){.support-grid{grid-template-columns:1fr}.support-plan,.support-donate{padding:19px}.support-heading h2{font-size:27px}.support-frames,.support-covers{gap:8px}.support-frame-preview{height:82px}}

.social-avatar.support-public-frame-silver{outline:2px solid #ccc;outline-offset:2px}.social-avatar.support-public-frame-double{outline:4px double #ddd;outline-offset:1px}

#modal-root .modal:has(.support-dialog){background:#191919;border-color:#343434}.support-frame-preview .support-avatar{border-radius:50%}
.support-steps{display:flex;gap:24px;list-style:none;margin:0 32px 14px 0;padding:0;color:#777;font-size:12px}.support-steps li{display:flex;align-items:center;gap:7px}.support-steps li>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #444;border-radius:50%;font-size:11px}.support-steps [aria-current=step]{color:#eee}.support-steps [aria-current=step]>span{background:#ddd;color:#161616;border-color:#ddd}.support-preview-note{background:#252525;border-radius:12px;padding:12px 15px;color:#bdbdbd;font-size:13px;line-height:1.5;margin:0 0 20px}.support-look{display:flex;align-items:center;gap:18px;padding:26px;border-radius:16px;min-height:110px;margin-top:18px}.support-look .support-avatar{flex:0 0 58px;width:58px;height:58px;border-radius:50%;background:#222}.support-look svg{width:50px;height:50px}.support-look b,.support-look div>span{display:block}.support-look div>span{margin-top:8px;font-size:12px;color:#bbb}.support-choices{display:flex;gap:10px}.support-choices label{position:relative;cursor:pointer}.support-choices input{position:absolute;opacity:0;width:1px;height:1px}.support-choices label>span{display:block;border:1px solid #444;border-radius:10px;padding:11px 18px;color:#ccc!important}.support-choices input:checked+span{background:#303030;color:#fff!important;border-color:#aaa}.support-order{background:#111;border:1px solid #333;border-radius:16px;padding:24px;margin:10px 0 22px}.support-order>div:first-child{display:flex;justify-content:space-between;gap:20px;align-items:center}.support-order strong{font-size:27px;white-space:nowrap}.support-order>p{color:#aaa;font-size:13px;line-height:1.6}.support-order-message{border-top:1px solid #333;margin-top:18px;padding-top:18px}.support-order-message b{font-size:12px;color:#aaa}.support-pay-disabled{margin-bottom:8px}.support-dialog [data-support-error]{color:#efb2b2;font-size:12px;line-height:1.5}.support-dialog h2:focus{outline:none}.support-dialog .text-button{min-height:40px}.support-dialog .support-heading{padding-top:14px}.support-dialog .support-note{overflow-wrap:anywhere}
@media(max-width:600px){.support-steps{gap:13px;font-size:11px}.support-look{padding:20px 14px;gap:12px}.support-order{padding:18px}.support-order>div:first-child{align-items:flex-start;flex-direction:column;gap:8px}.support-look div>span{line-height:1.5}.support-dialog .support-price{font-size:36px}}


/* /profile-frames.css */
/* Avatar decoration is independent of experience. The XP track sits below the name. */
:root body .profile-frame{--frame-ink:#b4b6b1;--frame-edge:#555954;position:relative;border:2px solid var(--frame-edge);border-radius:50%;background:#252826;box-shadow:0 0 0 1px #ffffff12;isolation:isolate}
:root body .profile-frame[data-avatar-frame=level5]{--frame-ink:#d5ecf2;--frame-edge:#abcbd6;border-color:var(--frame-edge);box-shadow:0 0 0 2px #252d32,0 0 0 3px #7996a3,inset 0 0 0 1px #f0faff88}
:root body .profile-frame[data-avatar-frame=supporter]{--frame-ink:#f2d698;--frame-edge:#d9b16c;border-color:var(--frame-edge);box-shadow:0 0 0 2px #332b20,0 0 0 4px #a98749,inset 0 0 0 1px #ffebbe99}
:root body .profile-frame[data-avatar-frame=level5]::after,:root body .profile-frame[data-avatar-frame=supporter]::after{position:absolute;z-index:3;left:50%;bottom:-6px;transform:translateX(-50%);display:grid;place-items:center;width:13px;height:13px;line-height:1;border:1px solid var(--frame-edge);background:#202623;color:var(--frame-ink);font-size:10px;pointer-events:none}
:root body .profile-frame[data-avatar-frame=level5]::after{content:'◆';border-radius:4px}
:root body .profile-frame[data-avatar-frame=supporter]::after{content:'✦';width:17px;height:15px;bottom:-7px;border-radius:5px;background:#30291e;font-size:13px}
:root body .app-header.sidebar .header-profile-orbit.profile-frame{flex:0 0 64px;width:64px;height:64px;padding:2px;transform:translateX(-4px);margin-right:-1px;background:#252826}
:root body .app-header.sidebar .header-profile-orbit.profile-frame>.avatar{width:56px;height:56px;min-width:56px;border:0;border-radius:50%;overflow:hidden}
:root body .app-header.sidebar .header-account{padding-bottom:5px}
:root body .app-header.sidebar .header-profile-copy{padding-bottom:2px}
:root body .app-header.sidebar .header-profile-progress{position:absolute;display:block;left:72px;right:14px;bottom:5px;height:3px;overflow:hidden;border-radius:4px;background:#ffffff18;pointer-events:none;z-index:2}
:root body .header-profile-progress>span{display:block;height:100%;max-width:100%;border-radius:inherit;background:#d5d6cd;transition:width .25s ease}
:root body .viewer-avatar.profile-frame,:root body .profile-portrait.profile-frame{overflow:visible}
:root body .viewer-avatar.profile-frame>.custom-avatar-image,:root body .profile-portrait.profile-frame>.custom-avatar-image{border-radius:50%}
.profile-frame-picker{border:0;padding:0;margin:24px 0 26px;min-width:0}
.profile-frame-picker>legend{font-size:15px;font-weight:650;margin-bottom:12px}
.modal .profile-frame-auto{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 12px;border:1px solid #ffffff17;border-radius:13px;background:#ffffff03;font-size:13px}
.modal .profile-frame-picker input[type=radio]{width:16px;height:16px;min-height:16px;margin:0;flex:0 0 16px;padding:0;accent-color:#d6d7cd}
.profile-frame-auto small{display:block;color:#959b95;margin-top:4px;font-size:11px}
.profile-frame-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.modal .profile-frame-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:22px 8px 12px;margin:0;border:1px solid #ffffff17;border-radius:15px;text-align:center;background:#ffffff03;cursor:pointer}
.modal .profile-frame-option:has(input:checked){border-color:#bdc3b2;background:#c6d0b00c}
.modal .profile-frame-option:has(input:focus-visible){outline:2px solid #d6d7cd;outline-offset:3px}
.modal .profile-frame-option input{position:absolute;right:8px;top:8px}
.profile-frame-option.is-locked{cursor:default;background:#ffffff02}
.profile-frame-option.is-locked input{opacity:.45}
:root body .profile-frame-preview{display:grid;place-items:center;width:62px;height:62px;flex:none;padding:3px;margin:5px 0 8px}
.profile-frame-preview>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#343734;color:#d7dbd3}
.profile-frame-preview .profile-avatar-art{width:80%;height:80%}
.profile-frame-option b{font-size:12px;font-weight:600;color:#e1e4dc}
.profile-frame-option small{display:block;min-height:30px;font-size:11px;line-height:1.4;color:#a1a89d}
.modal .profile-frame-note{margin:13px 0 0;font-size:12px;color:#9da398;line-height:1.5}
@media (max-width:620px), (max-width:900px) and (max-height:500px) and (pointer:coarse){
 :root,:root[data-accent]{--app-header-height:calc(72px + env(safe-area-inset-top))}
 :root body .app-header.sidebar .brand.unskip-lockup{display:none}
 :root body .app-header.sidebar .app-header-inner{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;grid-template-areas:'profile';height:var(--app-header-height);min-height:var(--app-header-height);gap:0;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
 :root body .app-header.sidebar .header-personal{grid-area:profile;justify-self:stretch;width:100%;max-width:none;gap:8px}
 :root body .app-header.sidebar .header-personal>.notification-bell{flex:0 0 44px;width:44px;height:44px;margin:0;border-radius:13px;background:#ffffff03}
 :root body .app-header.sidebar .header-personal>.header-account{flex:1 1 auto;width:auto;max-width:none;min-width:0;height:50px;min-height:50px;margin-left:5px;padding:0 10px 5px 0;gap:8px;border-radius:15px}
 :root body .app-header.sidebar .header-profile-orbit.profile-frame{flex-basis:48px;width:48px;height:48px;padding:2px;transform:translateX(-2px);margin-right:0}
 :root body .app-header.sidebar .header-profile-orbit.profile-frame>.avatar{width:40px;height:40px;min-width:40px;font-size:23px}
 :root body .app-header.sidebar .header-profile-copy{display:flex;max-width:none;gap:3px;padding-bottom:2px}
 :root body .app-header.sidebar .header-profile-name{font-size:14px;line-height:1.25}
 :root body .app-header.sidebar .header-profile-detail{display:block;font-size:11px;line-height:1.3}
 :root body .app-header.sidebar .header-profile-progress{left:55px;right:10px;bottom:5px;height:3px}
 :root body .app-header.sidebar .header-profile-arrow{display:none}
 :root.mobile-keyboard,:root[data-accent].mobile-keyboard{--app-header-height:0px}
}
@media(max-width:350px){:root body .app-header.sidebar .header-personal{gap:5px}:root body .app-header.sidebar .header-profile-name{font-size:13px}:root body .app-header.sidebar .header-profile-detail{font-size:10px}.profile-frame-options{gap:6px}.modal .profile-frame-option{padding-left:4px;padding-right:4px}:root body .profile-frame-preview{width:54px;height:54px}}
@media(max-height:500px) and (max-width:900px) and (pointer:coarse){:root,:root[data-accent]{--app-header-height:58px}:root.mobile-keyboard,:root[data-accent].mobile-keyboard{--app-header-height:0px}}
@media(prefers-reduced-motion:reduce){:root body .header-profile-progress>span{transition:none}}
:root[data-motion=reduced] body .header-profile-progress>span{transition:none}