/* Spex design bundle: generated by build-design.mjs. */

/* styles.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#080808;--text:#f5f5f5;--muted:#aaa;--accent:#b7e75a;--line:#ffffff16;font-family:Inter,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,select{touch-action:manipulation}button svg,a svg{width:22px;height:22px;flex-shrink:0}button{border:0}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input[type=checkbox],input[type=range]{accent-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{position:fixed;z-index:30;top:26px;left:3.8vw;right:3.8vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:24px}.site-header>*{pointer-events:auto}.brand-group{display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px;filter:drop-shadow(0 2px 8px #0009)}.brand-mark{display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:900;letter-spacing:-6px;transform:skew(-8deg);line-height:1;position:relative;width:42px;height:48px}.brand-mark>span{position:absolute;font-size:12px;transform:skew(8deg);letter-spacing:0;left:14px;top:17px;color:#080808}.brand-text{font-size:17px;letter-spacing:.12em;font-weight:900;display:grid;gap:5px}.brand-text>span{font-size:7px;letter-spacing:.18em;color:#ddd;font-weight:600}.nav-pill{display:flex;align-items:center;gap:3px;padding:6px;border-radius:99px;border:1px solid #ffffff18;background:#2929299c;box-shadow:0 5px 25px #0003;backdrop-filter:blur(22px)}.nav-pill>a:not(.nav-icon){padding:13px 23px;border-radius:99px;color:#bcbcbc;font-size:13px;font-weight:600;white-space:nowrap;transition:color .2s,background .2s}.nav-pill>a:hover{color:white;background:#ffffff0d}.nav-pill>a.active{background:#fff;color:#111}.nav-icon{display:grid;place-items:center;width:43px;height:40px;padding:8px;background:none;color:#aaa;border-radius:50%}.nav-icon:hover{background:#ffffff12;color:white}.icon-button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;padding:8px;background:transparent;color:#ddd}.icon-button:hover{background:#ffffff18}.back-button{font-size:29px;font-weight:400}
.hero-carousel{height:94svh;min-height:650px;max-height:950px;position:relative;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s,visibility .75s;pointer-events:none}.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080808cc 0%,#08080865 40%,#08080810 75%),linear-gradient(0deg,#080808 0%,#080808a8 13%,#08080815 65%,#08080835)}.hero-content{position:absolute;left:5%;top:50%;transform:translateY(-45%);width:min(590px,50%);padding:40px 0 60px;opacity:0;transition:opacity .6s .12s,transform .6s .12s}.active .hero-content{opacity:1;transform:translateY(-50%)}.title-logo{height:180px;width:min(500px,100%);margin:0 0 24px;display:flex;align-items:flex-end;font-size:clamp(44px,6vw,80px);letter-spacing:-.06em;line-height:1}.title-logo img{display:block;max-height:100%;max-width:100%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 2px 10px #0008)}.hero-meta{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:600;color:#eee;margin:0 0 24px}.hero-meta>span:not(.star){color:#aaa}.star{color:#fff;white-space:nowrap}.star::first-letter{color:#ffdc69}.hero-overview{font-size:17px;line-height:1.65;font-weight:500;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 25px;max-width:590px;text-shadow:0 1px 12px #0006}.title-actions{display:flex;align-items:center;gap:13px}.play-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:0 27px;border-radius:99px;color:#0b0b0b;background:#f7f7f7;font-weight:700;font-size:16px;white-space:nowrap;transition:background .2s,transform .2s}.play-action:hover{background:var(--accent);transform:scale(1.025)}.secondary-actions{display:flex;gap:5px;padding:3px;border:1px solid #ffffff14;border-radius:99px;background:#ffffff14;backdrop-filter:blur(15px)}.round-button{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #ffffff12;border-radius:50%;background:#ffffff0c;color:white;transition:background .2s,transform .2s}.round-button:hover{background:#ffffff24;transform:scale(1.05)}.round-button.saved{color:var(--accent)}.carousel-controls{position:absolute;right:4.4%;bottom:90px;display:flex;align-items:center;gap:5px;z-index:5}.carousel-dots{display:flex;align-items:center;gap:8px;padding:0 10px}.slide-dot{height:7px;width:7px;border-radius:9px;padding:0;background:#ffffff59;transition:width .3s,background .3s}.slide-dot.active{width:26px;background:white}.carousel-toggle{font-size:16px}.home-catalog{position:relative;z-index:3;margin-top:-43px}.catalog-section{padding:0 5%;margin-bottom:70px}.row-heading{display:flex;align-items:center;gap:15px;margin-bottom:25px;min-height:35px}.row-heading h2{margin:0;font-size:23px;font-weight:700;letter-spacing:-.035em}.row-heading>a{font-size:12px;color:#999;margin-left:auto}.row-heading>a:hover{color:white}.row-arrows{display:flex;gap:3px;margin-left:auto}.row-heading>a+.row-arrows{margin-left:0}.row-arrows .icon-button{width:32px;height:32px;background:#ffffff07}.poster-row,.wide-row{display:flex;gap:18px;overflow-x:auto;padding:5px 0 12px;scroll-snap-type:x proximity;scrollbar-width:none}.poster-row::-webkit-scrollbar,.wide-row::-webkit-scrollbar,.episode-row::-webkit-scrollbar{display:none}.poster-card{display:block;flex:0 0 200px;min-width:0;scroll-snap-align:start}.poster-art{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:11px;background:#151515;transition:transform .28s,box-shadow .28s}.poster-art>img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .28s,transform .5s}.poster-card:hover .poster-art,.poster-card:focus-visible .poster-art{transform:translateY(-5px);box-shadow:0 15px 30px #0007}.poster-card:hover img{transform:scale(1.035);filter:brightness(.75)}.poster-card h3,.wide-card h3{font-size:14px;margin:13px 0 6px;letter-spacing:-.015em;font-weight:600}.poster-card p,.wide-card p{font-size:11px;color:#888;margin:0;line-height:1.5}.poster-card p span,.wide-card p span{padding:0 4px}.card-badge{position:absolute;top:10px;right:10px;background:#080808a8;border:1px solid #ffffff25;backdrop-filter:blur(12px);padding:4px 6px;font-size:9px;font-weight:700;border-radius:4px}.hover-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);opacity:0;width:50px;height:50px;background:#fffffff2;color:#111;border-radius:50%;transition:opacity .2s,transform .2s}.poster-card:hover .hover-play,.wide-card:hover .hover-play,.episode-art:hover .hover-play,.episode-art:focus-visible .hover-play{opacity:1;transform:translate(-50%,-50%)}.wide-card{flex:0 0 310px;scroll-snap-align:start}.wide-art{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:12px;background:#151515}.wide-art>img{height:100%;width:100%;display:block;object-fit:cover;transition:filter .2s}.wide-card:hover img{filter:brightness(.75)}.watch-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent) var(--watched),#ffffff40 var(--watched))}
.browse-page{min-height:75svh;padding:155px 5% 80px}.browse-heading{display:flex;align-items:center;gap:20px;margin-bottom:35px}.browse-heading h1,.search-page h1{font-size:36px;letter-spacing:-.05em;margin:0}.browse-heading>span{font-size:12px;color:#888}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,200px));gap:35px 20px}.poster-grid .poster-card{width:100%}.empty-state{padding:80px 0;min-height:300px}.empty-state h2{font-size:24px}.empty-state p{color:#999;margin-bottom:25px;font-size:14px}.search-field{display:flex;align-items:center;gap:16px;max-width:760px;margin:35px 0 45px;border-bottom:1px solid #ffffff50;padding:15px 0}.search-field>svg{width:26px;height:26px;color:#aaa}.search-field>input{width:100%;background:none;color:white;border:0;font-size:22px;outline:0}.search-field:focus-within{border-color:var(--accent)}
.detail-hero{position:relative;min-height:660px;padding:170px 5% 70px;overflow:hidden}.detail-hero .hero-vignette{background:linear-gradient(90deg,#080808e8 0%,#0808086b 50%,#08080838 85%),linear-gradient(0deg,#080808 0%,#08080840 65%,#08080820)}.detail-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:8vw;align-items:end;max-width:1600px;margin:auto}.detail-main .title-logo{margin-bottom:20px}.genres{font-size:17px;font-weight:600;margin:0 0 26px}.genres>span{color:#666;padding:0 5px}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:15px;font-weight:600;margin:27px 0 13px;color:#ddd}.age-rating{padding:3px 5px;border:1px solid #ffffff55;border-radius:3px;font-size:12px}.director{font-size:14px;color:#888}.director>span{color:#ddd}.detail-overview{font-size:15px;line-height:1.8;color:#ccc;margin:21px 0 0;max-width:720px}.info-panel{background:#ffffff07;backdrop-filter:blur(14px);border:1px solid #ffffff10;border-radius:13px;padding:0 15px;margin-bottom:14px;font-size:11px}.info-panel>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #ffffff0c}.info-panel>div>span{color:#888}.info-panel strong{font-weight:500;text-align:right}.info-panel>a{display:block;color:#aaa;font-size:10px;padding:13px 0}.info-panel>a:hover{color:white}.episodes-section{padding:0 5%;margin:0 0 75px}.episode-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.subtle-pill,.episode-tools select{padding:11px 17px;min-height:40px;border-radius:99px;border:1px solid #ffffff18;color:#ddd;background:#ffffff09;font-size:12px}.subtle-pill{display:flex;align-items:center;gap:8px}.subtle-pill svg{width:14px;height:14px;transform:rotate(90deg)}.episode-tools select{padding-right:35px;cursor:pointer}.episode-row{display:flex;gap:19px;overflow-x:auto;padding:8px 0 15px;scroll-snap-type:x proximity;scrollbar-width:none}.episode-card{flex:0 0 310px;min-width:0;scroll-snap-align:start}.episode-art{display:block;position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#161616}.episode-art>img{width:100%;height:100%;display:block;object-fit:cover;transition:filter .2s,transform .3s}.available .episode-art:hover img{filter:brightness(.7);transform:scale(1.025)}.episode-number,.episode-runtime{position:absolute;bottom:9px;left:10px;font-size:11px;font-weight:600;padding:3px 5px;background:#0009;border-radius:3px}.episode-runtime{left:auto;right:10px}.episode-card h3{font-size:14px;font-weight:600;margin:14px 0 7px}.episode-card>p{font-size:12px;color:#999;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pending img{filter:brightness(.6)}.pending-label{position:absolute;left:10px;top:10px;background:#080808ba;color:#ddd;padding:5px 7px;border-radius:5px;font-size:9px}.season-empty{padding:35px 0;color:#999;font-size:14px;min-height:150px}
.site-footer{border-top:1px solid #ffffff0b;margin:0 5%;padding:35px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:11px;letter-spacing:.1em;font-weight:800}.footer-brand>span{color:#777;font-size:9px}.tmdb-credit{display:flex;align-items:center;gap:15px;max-width:400px}.tmdb-credit>a{color:#90cea1;letter-spacing:.08em;font-size:12px;font-weight:800}.tmdb-credit>p{color:#606060;font-size:9px;line-height:1.6;margin:0}.settings-dialog{width:min(440px,calc(100% - 32px));padding:32px;border:1px solid #ffffff25;border-radius:18px;background:#171717;color:white}.settings-dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.settings-dialog h2{font-size:25px;letter-spacing:-.04em;margin:0 0 25px}.dialog-close{position:absolute;right:15px;top:15px;font-size:26px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff10;font-size:13px}.setting-row small{display:block;font-size:10px;color:#888;line-height:1.6;margin-top:5px}.setting-row input{width:18px;height:18px}.settings-note{color:#666;font-size:10px;margin:20px 0 0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#ededed;color:#151515;padding:13px 23px;border-radius:99px;z-index:100;font-size:12px;box-shadow:0 4px 30px #0008;white-space:nowrap}
/* The player fills the viewport, including its controls. */
.player-dialog{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;border:0;background:#000;color:white}.player-dialog:not([open]){display:none}.player-dialog::backdrop{background:#000}.player-topline{flex:0 0 60px;height:60px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#101010;border-bottom:1px solid #ffffff13;gap:20px}.player-topline>span{font-size:10px;letter-spacing:.08em;line-height:1.7}.player-topline .owner-dot{color:var(--accent);padding:0 4px}.player-film-title{color:#aaa;letter-spacing:.02em}.player-close{flex:0 0 36px;width:36px;height:36px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:50%;font-size:25px}.video-screen{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;background:#000}.video-screen video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.video-big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;background:#ffffffed;border:1px solid white;color:#111;border-radius:50%;display:grid;place-items:center}.video-big-play svg{width:24px;height:24px;fill:currentColor}.video-screen.is-playing .video-big-play{opacity:0;pointer-events:none}.video-message{position:absolute;inset:0;display:grid;place-items:center;text-align:center;margin:0;padding:24px;background:#080808c9;pointer-events:none;font-size:14px}.player-controls{flex:0 0 auto;background:#101010;padding:12px clamp(16px,4vw,56px) 18px;border-top:1px solid #ffffff12}.timeline-row{display:flex;align-items:center;gap:16px}.time{min-width:48px;font-size:10px;font-variant-numeric:tabular-nums;color:#aaa}.time:last-child{text-align:right}.seek{--progress:0%;appearance:none;width:100%;height:24px;background:transparent;margin:0;cursor:pointer}.seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--progress),#404040 var(--progress))}.seek::-webkit-slider-thumb{appearance:none;background:white;border:2px solid white;width:13px;height:13px;border-radius:50%;margin-top:-4.5px}.seek::-moz-range-track{height:4px;background:#404040}.seek::-moz-range-progress{height:4px;background:var(--accent)}.seek::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:white;border:1px solid white}.control-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.transport,.player-status{display:flex;align-items:center;gap:15px}.control-button{display:grid;place-items:center;width:42px;height:42px;padding:8px;background:transparent;color:#ddd}.control-button:hover{color:white;background:#ffffff0a;border-radius:50%}.control-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip-button svg{width:29px;height:29px}.skip-button text{fill:currentColor;stroke:none;font:8px Inter,Arial,sans-serif;text-anchor:middle}.play-button{border-radius:50%;background:white;color:black;width:46px;height:46px}.play-button:hover{background:#eee;color:black}.play-button svg{fill:currentColor;stroke:none}.icon-pause{display:none}.video-screen.is-playing~.player-controls .icon-play{display:none}.video-screen.is-playing~.player-controls .icon-pause{display:block}.player-status{font-size:9px;letter-spacing:.07em;color:#888;gap:12px}.volume{width:70px;height:3px}.next-episode{background:#ffffff10;padding:10px 14px;font-size:11px;border:1px solid #ffffff20;border-radius:99px}.next-episode:hover{background:#ffffff20}html.player-active,body.player-active{overflow:hidden!important}
@media(min-width:1700px){.poster-card{flex-basis:210px}.hero-content{max-width:660px}.hero-overview{font-size:19px}.detail-hero{padding-top:200px;padding-bottom:90px}}
@media(max-width:1000px){.brand-text{display:none}.nav-pill>a:not(.nav-icon){padding:12px 20px}.detail-layout{grid-template-columns:minmax(0,1fr) 240px;gap:40px}.title-logo{height:155px}.hero-overview{font-size:15px}.hero-meta{font-size:14px}.detail-overview{font-size:14px}.hero-content{width:55%}.detail-hero{padding-top:150px}.poster-card{flex-basis:180px}}
@media(max-width:700px){.site-header{top:16px;left:16px;right:16px;gap:10px}.brand-mark{font-size:32px;width:31px;height:39px}.brand-mark>span{font-size:9px;left:11px;top:15px}.brand-group{gap:1px}.back-button{display:none!important}.nav-pill{padding:4px;gap:0}.nav-pill>a:not(.nav-icon){font-size:10px;padding:10px 12px}.nav-icon{width:32px;height:32px;padding:7px}.nav-icon svg{width:18px;height:18px}.hero-carousel{min-height:630px;height:85svh;max-height:800px}.hero-content{left:6%;width:83%;top:auto;bottom:90px;transform:translateY(15px);padding:0;transition:transform .5s,opacity .5s}.active .hero-content{transform:translateY(0)}.title-logo{height:140px;max-width:380px;margin-bottom:20px}.hero-backdrop{object-position:65% center}.hero-vignette{background:linear-gradient(0deg,#080808 0%,#080808b8 35%,#08080825 90%),linear-gradient(90deg,#08080855,transparent)}.hero-meta{font-size:12px;gap:10px;margin-bottom:17px}.hero-overview{font-size:13px;line-height:1.7;-webkit-line-clamp:3;max-width:450px;margin-bottom:20px}.play-action{font-size:13px;min-height:44px;padding:0 23px}.round-button{width:37px;height:37px}.round-button svg{width:20px;height:20px}.carousel-controls{bottom:49px;right:5%}.carousel-controls .icon-button{width:30px;height:30px}.home-catalog{margin-top:-15px}.catalog-section{padding:0 6%;margin-bottom:43px}.row-heading{margin-bottom:18px;gap:9px}.row-heading h2{font-size:19px}.row-heading>a{font-size:10px}.row-arrows{display:none}.poster-row{gap:13px}.poster-card{flex-basis:148px}.poster-card h3,.wide-card h3{font-size:12px}.poster-card p,.wide-card p{font-size:10px}.wide-card{flex-basis:255px}.wide-row{gap:14px}.poster-art{border-radius:9px}.browse-page{padding:120px 6% 60px}.browse-heading h1,.search-page h1{font-size:29px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.search-field>input{font-size:16px}.detail-hero{padding:150px 6% 40px;min-height:0}.detail-hero .hero-backdrop{height:560px;object-position:63% top}.detail-hero .hero-vignette{background:linear-gradient(0deg,#080808 15%,#080808aa 53%,#08080825),linear-gradient(90deg,#08080877,#08080822)}.detail-layout{display:flex;flex-direction:column;align-items:stretch;gap:30px}.detail-main .title-logo{height:140px;max-width:330px;margin-bottom:22px}.genres{font-size:14px;margin-bottom:20px}.detail-meta{font-size:12px;gap:12px;margin-top:23px}.detail-overview{font-size:13px;line-height:1.8}.director{font-size:12px}.info-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:10px;margin:0}.info-panel>a{font-size:10px}.info-panel>div{padding:11px 0;gap:7px}.episodes-section{padding:0 6%;margin-bottom:45px}.episodes-section .row-heading{align-items:flex-start;flex-wrap:wrap}.episode-tools{gap:7px}.subtle-pill,.episode-tools select{font-size:10px;min-height:34px;padding:8px 12px}.episode-tools select{padding-right:25px}.episode-card{flex-basis:270px}.episode-row{gap:14px}.episode-card h3{font-size:13px}.episode-card>p{font-size:11px}.site-footer{align-items:flex-start;flex-direction:column;margin:0 6%;padding:25px 0;gap:18px}.footer-brand{font-size:10px}.tmdb-credit{max-width:350px}.player-topline{height:50px;flex-basis:50px;padding:0 13px}.player-topline>span{font-size:8px;letter-spacing:0}.player-topline .player-close{width:30px;height:30px;flex-basis:30px}.player-film-title{display:block}.player-controls{padding:8px 12px calc(10px + env(safe-area-inset-bottom))}.time{min-width:35px;font-size:9px}.timeline-row{gap:8px}.control-row{margin-top:6px}.control-button{width:34px;height:38px;padding:5px}.play-button{width:42px;height:42px}.transport{gap:6px}.player-status{gap:3px;font-size:8px}.volume{display:none}.next-episode{font-size:9px;padding:8px 9px}.player-status #playbackState{display:none}.toast{font-size:11px}}
@media(max-width:390px){.nav-pill>a:not(.nav-icon){padding:10px 9px;font-size:9px}.nav-icon{width:29px;height:30px}.site-header{left:12px;right:12px;gap:6px}.brand-mark{width:27px}.nav-pill>a[data-nav=home]{font-size:0}.nav-pill>a[data-nav=home]>span{font-size:9px}.hero-content{width:88%}.title-logo{height:125px}.episode-tools{margin-left:0}.episodes-section .row-heading{justify-content:space-between}.episode-tools select{max-width:163px}.player-status .next-episode{font-size:8px;padding:8px}.player-topline>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.hero-content,.poster-art,.poster-art>img,.hover-play{transition:none}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
.nav-pill>a:not(.nav-icon){display:flex;align-items:center;gap:7px}.nav-pill>a[data-nav=home]>svg{width:15px;height:15px}

.catalog-status{color:#999;font-size:13px;line-height:1.7;padding:25px 0}.browse-filters select{background:#232323;color:white;border:1px solid #ffffff16;border-radius:25px;padding:12px 20px}.no-poster{height:100%;display:grid;place-items:center;padding:20px;text-align:center;background:#202020;color:#999}.cast-row{display:flex;gap:24px;overflow-x:auto;padding-bottom:15px;scrollbar-width:thin}.cast-row article{flex:0 0 115px;display:grid;gap:6px}.cast-row img,.cast-no-photo{width:100px;height:100px;object-fit:cover;border-radius:50%;background:#252525}.cast-row strong{font-size:12px}.cast-row small{font-size:10px;color:#888}.title-extras{padding-bottom:25px}.hero-overview,.detail-overview{line-height:1.75}.poster-card{transition:transform .22s ease}.poster-card:hover{transform:translateY(-5px)}.browse-page #catalogMore{display:block;margin:25px auto}.settings-dialog #applyStreamingSettings{margin-top:20px}.stream-player+.site-header{display:none}@media(prefers-reduced-motion:reduce){.poster-card{transition:none}}

.provider-rail{display:flex;gap:22px;overflow-x:auto;padding:6px 0 20px;scrollbar-width:thin}.provider-rail button{width:100px;height:70px;flex:0 0 100px;display:grid;place-items:center;border:1px solid #ffffff15;border-radius:12px;background:#1a1a1a;overflow:hidden}.provider-rail button img{height:100%;max-width:100%;object-fit:contain}.provider-rail button:hover{border-color:#ffffff70}.browse-filters{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:650px){.browse-heading{align-items:flex-start;gap:18px;flex-direction:column}.browse-filters select{font-size:11px;padding:9px 12px}.provider-rail{gap:12px}.provider-rail button{width:80px;flex-basis:80px;height:60px}}


/* provider-player.css */
.stream-player{color-scheme:dark;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#050505;color:#fff;font:13px Inter,Arial,sans-serif;overflow:hidden}.stream-player[open]{display:flex;flex-direction:column}.stream-player::backdrop{background:#000}.stream-player-open{overflow:hidden!important}.stream-player button,.stream-player select{font:inherit;color:inherit;cursor:pointer}.stream-player button{border:0;background:transparent;border-radius:8px;padding:8px 12px;min-height:36px}.stream-player button:hover{background:#ffffff16}.stream-player button:disabled{opacity:.3;cursor:default}.stream-player :focus-visible{outline:2px solid #b7e75a;outline-offset:3px}.stream-heading{display:flex;align-items:center;gap:15px;padding:14px 24px;min-height:74px;background:#0c0c0c}.stream-heading>button{font-size:25px}.stream-identity{display:grid;gap:5px;flex:1;min-width:0}.stream-identity small{font-size:9px;letter-spacing:2px;color:#9b9b9b;text-transform:uppercase}.stream-identity strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-episode{font-size:11px;color:#aaa}.stream-stage{position:relative;flex:1;min-height:0;background:#000}.stream-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.stream-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;background:#111e;padding:12px 20px;border-radius:30px;color:#bbb;font-size:12px}.stream-loading[hidden],.stream-controller[hidden]{display:none!important}.stream-controller{padding:7px 24px 12px;background:#080808}.stream-controller>input{display:block;width:100%;height:15px;accent-color:#b7e75a;padding:0;cursor:pointer}.stream-transport{display:flex;gap:12px;align-items:center;padding-top:7px}.stream-transport button{font-size:22px;min-width:42px;height:42px;position:relative}.stream-transport svg{width:23px;height:23px}.stream-transport small{font-size:8px;position:absolute;bottom:8px;left:17px}.stream-transport [data-time]{font:11px monospace;color:#bbb;margin-right:auto}.stream-volume{display:flex;gap:10px;align-items:center;color:#aaa;font-size:10px}.stream-volume input{width:85px;accent-color:#b7e75a}.stream-speed select,.stream-source select{background:#202020;border:1px solid #ffffff1a;color:white;border-radius:7px;padding:9px 12px;font-size:12px}.stream-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;border-top:1px solid #ffffff12;min-height:65px;background:#111}.stream-source{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stream-source label{font-size:11px;color:#aaa;display:flex;align-items:center;gap:10px}.stream-source button{font-size:11px;color:#aaa}.stream-next{display:flex;align-items:center;gap:8px}.stream-next [data-status]{font-size:10px;color:#999;max-width:300px;line-height:1.6}.stream-player .sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.stream-player[open]{animation:stream-enter .18s ease-out}@keyframes stream-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.stream-heading{padding:10px;gap:5px;min-height:57px}.stream-heading>button{padding:5px 8px;font-size:21px}.stream-identity small{font-size:8px}.stream-identity strong{font-size:12px}.stream-controller{padding:5px 10px 9px}.stream-transport{gap:2px}.stream-transport button{min-width:36px;padding:5px}.stream-transport [data-time]{font-size:9px}.stream-volume{display:none}.stream-speed select{font-size:10px;padding:7px}.stream-footer{padding:10px;display:block;min-height:80px}.stream-source{justify-content:center}.stream-source select{max-width:140px}.stream-source button{padding:5px;font-size:10px}.stream-next{justify-content:center;flex-wrap:wrap;margin-top:7px}.stream-next [data-status]{font-size:9px}.stream-source label{font-size:10px}.stream-next button{font-size:10px;min-height:25px;padding:3px 8px}}@media(prefers-reduced-motion:reduce){.stream-player[open]{animation:none}}

.stream-heading .stream-identity{text-align:center}.stream-heading .stream-identity small{display:none}.stream-heading{min-height:56px;padding:8px 18px}.stream-heading .stream-identity strong{font-size:14px}.stream-footer{min-height:55px}.stream-source [data-captions]{white-space:nowrap}

.source-risk{position:relative;display:inline-block;font:500 11px Inter,Arial}.source-risk summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;color:#bbb;padding:7px;border-radius:8px}.source-risk summary::-webkit-details-marker{display:none}.source-risk summary>span:first-child{font-size:17px}.source-risk--danger summary{color:#ff8a82}.source-risk--caution summary{color:#f3c76f}.source-risk--unknown summary{color:#bac1bb}.source-risk-pop{display:none;position:absolute;z-index:80;bottom:calc(100% + 8px);right:0;width:260px;padding:14px;border:1px solid #ffffff29;background:#171a19;color:#eee;border-radius:10px;box-shadow:0 8px 32px #0009;white-space:normal;line-height:1.45}.source-risk-pop p{margin:6px 0 0;color:#c5cbc5}.source-risk:hover .source-risk-pop,.source-risk:focus-within .source-risk-pop,.source-risk[open] .source-risk-pop{display:block}.source-risk summary:focus-visible{outline:2px solid #fff}.stream-source{flex-wrap:wrap}@media(max-width:700px){.source-risk-label{display:none}.source-risk-pop{width:min(260px,80vw)}}

.stream-source-entry{display:flex;align-items:center;gap:2px;border-bottom:1px solid #ffffff0d}.stream-source-entry>.stream-menu-row{flex:1;min-width:0}.stream-source-entry .stream-menu-row span{display:grid;gap:3px}.stream-source-entry small{font-size:10px;color:#b8db9c}.stream-source-entry .source-risk-label,.stream-heading [data-live-risk] .source-risk-label{display:none}.stream-source-entry .source-risk-pop{bottom:auto;top:0;right:100%}.stream-heading [data-live-risk]{margin-left:auto}.stream-heading .source-risk-pop{top:calc(100% + 8px);bottom:auto}.stream-source-entry .source-risk{flex:none}
.stream-heading [data-live-risk]{position:absolute;top:25px;right:76px;margin:0}.stream-source-entry .source-risk-pop{top:100%;right:0;left:auto}@media(max-width:700px){.stream-heading [data-live-risk]{top:15px;right:55px}}

.source-signal{display:inline-flex;align-items:flex-end;gap:2px;height:17px;padding:2px;vertical-align:middle;color:#a4aaa6;cursor:help}.source-signal i{display:block;width:3px;background:currentColor;opacity:.24;border-radius:1px}.source-signal i:nth-child(1){height:4px}.source-signal i:nth-child(2){height:7px}.source-signal i:nth-child(3){height:10px}.source-signal i:nth-child(4){height:13px}.source-signal i.is-on{opacity:1}.source-signal--danger{color:#f36c66}.source-signal--caution{color:#efc35c}.source-signal--good{color:#65d69a}.source-signal--unknown i{opacity:.45}.stream-source-entry>.source-signal{margin:0 12px}.stream-heading [data-live-risk]{display:flex;align-items:center}.sports-source-list .source-signal{align-self:end}


/* desktop.css */
/* Desktop cinema: full canvas artwork, compact navigation, uninterrupted rails. */
*{scrollbar-width:none!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
:root{--accent:#fff}
.brand-mark{transform:none;letter-spacing:0;width:40px;height:46px}
.brand-mark svg{width:38px;height:44px;display:block}
.brand-text{font-size:15px;letter-spacing:.13em}
.hero-carousel{height:87vh;min-height:660px;max-height:1100px}
.hero-content{left:4.5%;width:45%;max-width:640px}
.hero-content .title-logo{height:auto;min-height:100px;max-height:200px;display:flex;align-items:flex-end}
.title-logo{font-size:clamp(42px,5.5vw,88px);line-height:1.05;font-weight:850;letter-spacing:-.05em;width:100%;height:auto;min-height:80px;max-width:560px}
.title-logo img{display:block;object-fit:contain;object-position:left bottom;max-height:180px;max-width:100%;width:auto;height:auto;filter:drop-shadow(0 3px 12px #0009)}
.detail-main .title-logo{height:150px;min-height:0;display:flex;align-items:flex-end}
.detail-main .title-logo img{max-height:150px}
.hero-overview{font-size:17px;max-width:570px;-webkit-line-clamp:2}
.home-catalog{margin-top:-38px}
.catalog-section{padding:0 4.5%;margin-bottom:55px}
.poster-row{gap:17px;scroll-padding-left:0}
.poster-card{flex-basis:calc((100vw - 9vw - 102px)/7)}
.poster-art{border-radius:9px}.poster-card .card-badge{display:none}
.row-heading{margin-bottom:18px}.row-heading h2{font-size:22px;letter-spacing:-.025em}
.provider-rail{gap:16px}.provider-rail button{border:1px solid #ffffff12;background:#ffffff05;width:105px;height:76px;flex-basis:105px;border-radius:14px;padding:0}
.provider-rail button img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.detail-hero{padding:160px 4.5% 60px;min-height:650px}.detail-layout{max-width:none;grid-template-columns:minmax(0,1fr) 290px;gap:12vw}
.detail-overview{max-width:760px;font-size:15px}.info-panel{align-self:end;background:#ffffff05;border:0;border-radius:8px}
.episodes-section{padding:0 4.5%;margin-bottom:70px}.episode-card{flex-basis:calc((100vw - 9vw - 72px)/4)}
.episode-row{gap:24px}.episode-art{border-radius:8px}.episode-number{top:10px;bottom:auto;left:10px;border:1px solid #ffffff40;backdrop-filter:blur(8px);border-radius:6px}
.episode-card>p{-webkit-line-clamp:2}.episode-card h3{font-size:15px}
.episode-toolbar{display:flex;align-items:center;gap:10px;margin-left:auto}.season-dropdown{position:relative}
.season-trigger,.episode-sort{display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:30px;background:#ffffff12;color:white;font-size:13px;font-weight:600;border:1px solid #ffffff0b;min-height:42px}
.season-trigger svg{width:16px;height:16px;transition:transform .2s}.season-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.season-menu{position:absolute;right:0;top:calc(100% + 10px);width:285px;max-height:380px;overflow-y:auto;padding:7px;background:#212121f5;border:1px solid #ffffff20;box-shadow:0 16px 55px #0008;backdrop-filter:blur(25px);border-radius:12px;z-index:12;animation:season-in .15s ease-out}
.season-menu button{width:100%;display:flex;align-items:center;gap:14px;padding:10px;border-radius:7px;background:transparent;text-align:left}
.season-menu button:hover,.season-menu button[aria-selected=true]{background:#ffffff10}.season-menu img{width:38px;height:55px;object-fit:cover;border-radius:4px}.season-menu span{font-size:13px;font-weight:600}.season-menu small{display:block;font-size:11px;color:#999;margin-top:5px;font-weight:400}
.episode-rail{position:relative}.episode-edge{position:absolute;top:8px;height:calc((100vw - 9vw - 72px)/4 * .5625);width:44px;border-radius:7px;background:linear-gradient(90deg,#000b,transparent);z-index:2;opacity:0;transition:opacity .2s;display:grid;place-items:center;font-size:32px}.episode-edge:last-child{right:0;background:linear-gradient(270deg,#000b,transparent)}.episode-rail:hover .episode-edge,.episode-edge:focus-visible{opacity:1}
.episode-sort:hover,.season-trigger:hover{background:#ffffff20}.episode-runtime{font-size:11px}.uploaded-shelf .poster-row .poster-card{flex-basis:170px}
.site-footer{margin:20px 4.5% 0}.browse-page{padding-left:4.5%;padding-right:4.5%}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:30px 20px}
@keyframes season-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.poster-card{flex-basis:calc((100vw - 9vw - 140px)/8)}.hero-overview{font-size:19px}}
@media(max-width:1000px){.poster-card{flex-basis:180px}.episode-card{flex-basis:290px}.episode-edge{height:163px}.detail-layout{gap:50px}.hero-content{width:55%}}
@media(max-width:700px){.hero-carousel{height:85svh;min-height:640px}.hero-content{width:86%;left:6%;max-width:520px}.hero-overview{font-size:14px}.poster-card{flex-basis:145px}.detail-layout{display:flex}.title-logo img{max-height:135px}.episode-toolbar{gap:6px}.season-trigger,.episode-sort{padding:9px 12px;font-size:12px}.season-menu{width:245px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.episodes-section{padding:0 6%}.detail-hero{padding:145px 6% 45px}.season-menu{right:0}.episode-card{flex-basis:275px}}
@media(prefers-reduced-motion:reduce){.season-menu{animation:none}}


/* player-desktop.css */
.stream-player{font:14px Inter,Arial,sans-serif;background:#000}
.stream-player[open]{display:block}
.stream-stage{position:absolute;inset:0;min-height:0}
.stream-stage iframe{height:100%;width:100%}
.stream-heading{position:absolute;inset:0 0 auto;z-index:5;background:linear-gradient(#000a,transparent);padding:24px 30px;min-height:100px;transition:opacity .22s;pointer-events:none}
.stream-heading>*{pointer-events:auto}.stream-heading>button{width:42px;height:42px;padding:8px}.stream-heading>button svg{width:26px;height:26px}.stream-heading>button:last-child{display:none}
.stream-heading .stream-identity{position:absolute;top:28px;left:20%;right:20%;display:flex;flex-direction:column;align-items:center;gap:7px}.stream-heading .stream-identity strong{font-size:16px;font-weight:650}.stream-identity .stream-episode{font-size:12px;color:#aaa}
.stream-controller{position:absolute;bottom:0;left:0;right:0;z-index:5;background:linear-gradient(transparent,#000b);padding:40px 30px 22px;transition:opacity .22s}
.stream-controller>input{appearance:none;height:16px;background:transparent;margin:0 0 9px;outline:0}
.stream-controller>input::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(90deg,white var(--progress),#ffffff45 var(--progress))}
.stream-controller>input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:white;border-radius:50%;margin-top:-4.5px;opacity:0;transition:opacity .15s}.stream-controller>input:hover::-webkit-slider-thumb{opacity:1}
.stream-controller>input::-moz-range-track{height:3px;background:#ffffff45}.stream-controller>input::-moz-range-progress{height:3px;background:#fff}.stream-controller>input::-moz-range-thumb{background:#fff;border:0;width:10px;height:10px}
.stream-transport{gap:9px;padding:0;min-height:40px}.stream-transport button{width:39px;min-width:39px;height:39px;min-height:39px;padding:8px;border-radius:8px;display:grid;place-items:center}.stream-transport svg{height:23px;width:23px;display:block}.stream-transport [data-toggle]{margin-right:4px}.stream-transport [data-time]{font:12px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;margin:0 0 0 6px;color:#eee}.stream-transport .stream-spacer{flex:1}.stream-transport [data-fullscreen] svg{width:25px;height:25px}
.stream-volume{display:flex;width:0;overflow:hidden;opacity:0;transition:width .18s,opacity .18s;margin-left:-9px}.stream-transport:has(button[aria-label=Mute]:hover) .stream-volume,.stream-transport:has(button[aria-label=Unmute]:hover) .stream-volume,.stream-volume:hover,.stream-volume:focus-within{width:78px;opacity:1;margin-left:0}.stream-volume input{accent-color:white;width:70px;height:3px}
.stream-interaction{position:absolute!important;inset:0;width:100%;height:100%;border-radius:0!important;padding:0!important;background:transparent!important;z-index:1;outline-offset:-8px!important;cursor:default!important}
.stream-player .stream-center-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;display:grid;place-items:center;background:#0007;border:1px solid #ffffff30;border-radius:50%;backdrop-filter:blur(8px)}.stream-center-play svg{width:32px;height:32px}.stream-center-play:hover{background:#ffffff25!important}.stream-center-play[hidden],.stream-interaction[hidden]{display:none!important}
.stream-loading{z-index:3;top:60%;background:none;color:#aaa;letter-spacing:.02em}
.chrome-idle:not(.chrome-paused):not(.chrome-menu-open) .stream-heading,.chrome-idle:not(.chrome-paused):not(.chrome-menu-open) .stream-controller{opacity:0;pointer-events:none}
.stream-menus{position:absolute;inset:0;z-index:6;pointer-events:none}
.stream-popover{position:absolute;right:30px;bottom:112px;width:320px;padding:9px;background:#181818ed;border:1px solid #ffffff1c;border-radius:13px;box-shadow:0 16px 70px #0008;backdrop-filter:blur(25px);pointer-events:auto;animation:season-in .16s ease-out}
.stream-popover>header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 11px;border-bottom:1px solid #ffffff10;margin-bottom:6px}.stream-popover>header strong{font-size:14px}.stream-popover>header button{padding:5px;width:30px;height:30px;min-height:30px}.stream-popover svg{width:18px;height:18px}.stream-player .stream-menu-row{display:flex;width:100%;justify-content:space-between;align-items:center;padding:14px 12px;font-size:13px;text-align:left;min-height:44px}.stream-menu-label{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:7px 12px 0}.stream-speed-options,.stream-quality-options{display:flex;flex-wrap:wrap;gap:5px;padding:0 8px 12px}.stream-speed-options button,.stream-quality-options button{font-size:12px;background:#ffffff08;min-height:34px;padding:7px 10px}.stream-popover [aria-pressed=true]{background:#fff;color:#111}.stream-menu-description{font-size:12px;line-height:1.7;color:#999;padding:0 12px}
.stream-episode-tray{left:30px;right:30px;width:auto;padding:12px 20px 18px;bottom:112px}.stream-episode-tray>header{padding-bottom:4px;margin:0;border:0}.stream-episode-tray>header strong{font-size:12px;color:#888}.stream-tray-season{position:relative;margin-bottom:10px}.stream-tray-season>button{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px}.stream-season-options{position:absolute;left:0;bottom:100%;z-index:7;background:#242424f5;border:1px solid #ffffff20;padding:6px;border-radius:10px;width:250px;max-height:350px;overflow:auto}.stream-season-options>button{display:flex;width:100%;align-items:center;gap:12px;text-align:left}.stream-season-options img{width:33px;height:47px;object-fit:cover;border-radius:4px}.stream-season-options small{display:block;font-size:11px;color:#aaa;margin-top:4px}
.stream-tray-scroll{display:flex;align-items:center;gap:8px}.stream-tray-scroll>button{font-size:30px;padding:3px;width:24px;flex-shrink:0}.stream-tray-row{display:flex;gap:16px;overflow:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;min-height:220px;padding:3px}.stream-player .stream-tray-episode{flex:0 0 245px;padding:7px;border-radius:8px;text-align:left;display:block;min-height:220px;scroll-snap-align:start;white-space:normal}.stream-tray-episode[aria-current=true]{background:#ffffff12;outline:1px solid #ffffff50}.stream-tray-episode>div{aspect-ratio:16/9;position:relative;background:#222;overflow:hidden;border-radius:6px}.stream-tray-episode img{width:100%;height:100%;object-fit:cover}.stream-tray-episode span{position:absolute;left:7px;top:7px;background:#000a;border-radius:4px;padding:4px;font-size:10px}.stream-tray-episode strong{display:block;font-size:13px;margin-top:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stream-tray-episode p{font-size:11px;line-height:1.65;color:#aaa;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}
/* Uploaded R2 films use the same overlay arrangement. */
.player-topline{position:absolute;top:0;left:0;right:0;z-index:5;height:90px;background:linear-gradient(#000a,transparent);border:0;padding:20px 30px}.player-topline>span{font-size:0;position:absolute;left:20%;right:20%;text-align:center}.player-topline .owner-dot{display:none}.player-film-title{font-size:15px;font-weight:600;letter-spacing:0;color:white}.player-close{background:transparent;border:0;border-radius:5px;position:absolute;left:25px;top:24px}.video-screen{position:absolute;inset:0}.player-controls{position:absolute;bottom:0;left:0;right:0;z-index:5;background:linear-gradient(transparent,#000b);border:0;padding:40px 30px 20px}.timeline-row .time{display:none}.seek::-webkit-slider-runnable-track{height:3px}.seek::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3.5px;opacity:0}.seek:hover::-webkit-slider-thumb{opacity:1}.control-row{justify-content:flex-start;margin:0}.transport{gap:8px}.transport .play-button{order:-1;background:none;color:white;width:40px;height:40px}.player-status{flex:1}.player-status #mute{order:-3}.player-status #volume{order:-2;accent-color:white}.player-status #playbackState{display:none}.player-status #nextEpisode{margin-left:auto;border:0;background:#ffffff12}.player-status #fullscreen{margin-left:auto}.volume{accent-color:white}.video-big-play{background:#0005;color:white;border:1px solid #ffffff40;backdrop-filter:blur(10px)}
@media(max-width:700px){.stream-heading{padding:15px;min-height:70px}.stream-heading .stream-identity{top:22px}.stream-controller{padding:25px 12px 14px}.stream-transport{gap:2px}.stream-transport button{width:32px;min-width:32px;height:36px;padding:6px}.stream-transport svg{width:21px;height:21px}.stream-transport [data-time]{font-size:10px;margin-left:4px}.stream-transport .stream-volume{display:none}.stream-popover{right:12px;bottom:100px;max-width:calc(100% - 24px)}.stream-episode-tray{left:12px;right:12px;max-width:none;padding:10px}.stream-tray-episode{flex-basis:210px!important}.stream-transport button[aria-label="Subtitles and audio"]{display:none}}
@media(prefers-reduced-motion:reduce){.stream-popover{animation:none}.stream-heading,.stream-controller{transition:none}}

.stream-native-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.stream-native-actions button{font-size:12px;background:#222a}.stream-native-actions svg{width:20px;height:20px}.stream-native-actions[hidden]{display:none!important}.chrome-menu-open .stream-center-play{display:none!important}

.stream-heading [aria-label="Close player"]{display:none}

/* Anime language remains reachable with both Spex and native server controls. */
.stream-anime-audio{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ffffff30;border-radius:999px;background:#171717d9;backdrop-filter:blur(12px);margin-left:auto}
.stream-player .stream-anime-audio button{font-size:12px;min-height:32px;padding:6px 12px;border-radius:999px;background:transparent;color:#ccc}
.stream-player .stream-anime-audio button[aria-pressed=true],.stream-anime-audio-menu button[aria-pressed=true]{background:#fff;color:#111}
.has-anime-audio .stream-native-actions{margin-left:auto}.has-anime-audio .stream-native-actions:not([hidden])+.stream-anime-audio{margin-left:4px}
.stream-anime-audio-menu{display:flex;gap:8px;padding:8px 12px}.stream-anime-audio-menu button{min-width:72px;background:#ffffff12}
@media(max-width:700px){.has-anime-audio .stream-heading .stream-identity{top:18px;left:60px;right:120px;align-items:flex-start;text-align:left}.has-anime-audio .stream-heading .stream-identity strong{max-width:100%;font-size:12px}.has-anime-audio .stream-heading{padding:12px;min-height:74px;align-items:flex-start}.stream-player .stream-anime-audio button{font-size:11px;min-height:30px;padding:5px 9px}.has-anime-audio .stream-native-actions{position:absolute;right:12px;top:56px}.has-anime-audio .stream-native-actions:not([hidden])+.stream-anime-audio{margin-left:auto}}


/* outlaw.css */
/* Spex's desktop cinema shell and utility surfaces. */
:root{--outlaw-accent:#95ff50;--outlaw-secondary:#7c5cff;--outlaw-background:#08070d}
body{background-color:#080808}.brand-text{font-size:15px;letter-spacing:.13em}.brand-text>span{font-size:8px}.brand-mark svg{width:38px;height:42px}.secondary-actions{gap:0;padding:2px 10px;border-radius:40px}.secondary-actions>.round-button{border:0;background:none;border-radius:0;width:45px}.secondary-actions>:first-child:not(:last-child){border-right:1px solid #ffffff30}.nav-pill>a:not(.nav-icon){padding:13px 23px}.hero-overview{-webkit-line-clamp:3}.carousel-controls{bottom:28%;gap:0}.carousel-controls>.icon-button{display:none}.hero-content{top:47%}.hero-carousel{min-height:650px;height:92vh}.home-catalog{margin-top:-54px}.title-logo{font-size:64px}.text-logos .title-logo img{display:none}.text-logos .title-logo:has(img)::after{content:attr(data-title);font-size:inherit;line-height:1.05}.utility-page{background:#071006}.utility-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 8%,#679d1f99,transparent 38%),repeating-radial-gradient(ellipse at 70% -15%,#192f0c 0%,#3a620f 9%,#061306 15%,#223e0b 21%,#050b05 28%);filter:blur(24px);opacity:.75}.utility-page:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(transparent,#000b 90%);pointer-events:none}
html[data-theme=blue]{--outlaw-accent:#80b1fa}html[data-theme=teal]{--outlaw-accent:#47e0c8}html[data-theme=forest]{--outlaw-accent:#95ff50}html[data-theme=mocha]{--outlaw-accent:#d0ab8a}html[data-theme=red]{--outlaw-accent:#ff6c74}html[data-theme=pink]{--outlaw-accent:#ff9ed9}html[data-theme=amoled] body,html[data-theme=dark] body{background:#000}html[data-theme=amoled] .utility-page:before,html[data-theme=dark] .utility-page:before{display:none}html[data-theme=blue] .utility-page:before{filter:blur(24px) hue-rotate(100deg)}html[data-theme=teal] .utility-page:before{filter:blur(24px) hue-rotate(65deg)}html[data-theme=mocha] .utility-page:before{filter:blur(24px) hue-rotate(300deg) saturate(.6)}html[data-theme=red] .utility-page:before{filter:blur(24px) hue-rotate(270deg)}html[data-theme=pink] .utility-page:before{filter:blur(24px) hue-rotate(230deg)}html[data-theme=surface] .utility-page:before{filter:blur(32px) grayscale(1)}html[data-theme=aero] .utility-page:before{filter:blur(20px) hue-rotate(60deg) saturate(.5)}html[data-theme=custom] body{background:var(--outlaw-background)}html[data-theme=custom] .utility-page:before{background:radial-gradient(ellipse at 25% 0%,var(--outlaw-accent),transparent 65%),radial-gradient(ellipse at 95% 45%,var(--outlaw-secondary),transparent 65%);opacity:.32}
.outlaw-settings-menu{position:absolute;right:0;top:65px;width:200px;border:1px solid #ffffff20;background:#191919ee;backdrop-filter:blur(24px);border-radius:15px;padding:7px;box-shadow:0 18px 45px #0007}.outlaw-settings-menu>a{display:flex;gap:12px;align-items:center;padding:13px;border-radius:9px;font-size:14px}.outlaw-settings-menu>a:hover{background:#ffffff12}.outlaw-settings-menu svg{width:18px;height:18px}.search-page{padding-top:140px}.search-page>h1{text-align:center;font-size:36px;margin-bottom:26px}.search-field{max-width:590px;margin:0 auto 30px;background:#ffffff15;border:1px solid #ffffff35;backdrop-filter:blur(20px);border-radius:40px;padding:14px 22px;gap:14px}.search-field input{font-size:16px}.search-field svg{width:20px;height:20px}.search-page .catalog-section{padding:0;margin-top:145px}.search-page .catalog-section h2{width:100%;text-align:center}.search-page .row-arrows{display:none}.search-page .poster-row{gap:24px}.search-page .poster-card{flex-basis:calc((100% - 96px)/5)}.search-page #outlawSearchResults>h2{font-size:21px;margin:55px 0 25px}.recent-searches{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:720px;margin:0 auto}.recent-searches>span{display:flex;max-width:100%;border:1px solid #ffffff25;background:#ffffff0a;border-radius:30px;overflow:hidden}.recent-searches button{background:none;padding:8px 12px;font-size:13px;max-width:600px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-searches [data-forget]{padding-left:3px;color:#aaa}.catalog-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}.catalog-filter-bar select,.settings-content select,.native-menu select{border:1px solid #ffffff22;border-radius:30px;padding:11px 18px;background:#ffffff0e;color:#fff;font:inherit;font-size:13px;max-width:100%;color-scheme:dark}.catalog-filter-bar option,.settings-content option,.native-menu option{background:#222;color:#fff}.browse-heading .subtle-pill{margin-left:auto}.browse-heading .subtle-pill svg{transform:none}.browse-page>#outlawCatalogStatus{font-size:12px;color:#aaa;margin:25px 0}.list-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.list-tabs a{display:flex;align-items:center;gap:10px;background:#ffffff0c;border:1px solid #ffffff22;border-radius:30px;padding:10px 18px;font-size:14px}.list-tabs a[aria-current]{background:#fff;color:#111}.list-tabs small{opacity:.6}.list-cover{display:inline-block;width:240px;margin:0 25px 25px 0}.list-cover>div{display:flex;height:190px;overflow:hidden;gap:2px;border-radius:12px;background:#ffffff10}.list-cover img{width:25%;object-fit:cover;flex:1;min-width:0}.list-cover h2{font-size:18px}.list-cover p{font-size:12px;color:#aaa}.list-management{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}.editable-title{position:relative;min-width:0}.editable-title>button{position:absolute;right:-7px;top:-7px;background:#fff;color:#111;width:28px;height:28px;border-radius:50%;font-size:22px;box-shadow:0 3px 12px #0007}.settings-page{max-width:1200px;margin:auto}.settings-page h1{font-size:36px;margin:0 0 38px;letter-spacing:-.04em}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px}.settings-sections{display:flex;flex-direction:column;align-self:start;gap:5px;position:sticky;top:130px}.settings-sections>a{padding:14px 18px;color:#aaa;font-size:14px;border-radius:10px}.settings-sections>a[aria-current],.settings-sections>a:hover{background:#ffffff12;color:#fff}.settings-content{padding:28px;background:#0d100de0;backdrop-filter:blur(30px);border:1px solid #ffffff15;border-radius:22px}.settings-content h2{font-size:23px;margin:0 0 10px}.settings-content>p,.settings-page>p{font-size:14px;line-height:1.7;color:#999}.settings-content .setting-row{min-height:80px;gap:25px;padding:20px 0;border-bottom:1px solid #ffffff10}.setting-row input[type=checkbox]{width:36px;height:21px;flex-shrink:0;accent-color:var(--outlaw-accent)}.setting-row span{font-size:14px}.setting-row small{display:block;font-size:12px;color:#888;line-height:1.7;margin-top:6px}.setting-row input[type=range]{width:150px;max-width:45%}.setting-row input[type=color]{width:40px;height:35px;background:none;border:0}.custom-colors{display:flex;gap:20px;padding:18px 0}.custom-colors label{text-transform:capitalize;display:grid;gap:10px;font-size:12px}.custom-colors input{width:65px;height:40px;border:0;padding:0;background:none}.server-order-row{display:flex;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid #ffffff10}.server-order-row span{flex:1}.server-order-row button{padding:8px 12px;background:#ffffff10;border-radius:8px}.server-order-row button:disabled{opacity:.25}.import-library{display:grid;gap:12px;margin-top:25px;font-size:13px}.control-editor{max-width:700px;background:#111c;border:1px solid #ffffff18;border-radius:20px;padding:10px 25px}.outlaw-dialog{width:min(540px,calc(100vw - 32px));max-height:85svh;padding:22px;background:#101210ed;color:#fff;border:1px solid #ffffff25;border-radius:22px;backdrop-filter:blur(26px);box-shadow:0 20px 100px #000a}.outlaw-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.outlaw-dialog>header,.native-menu>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.outlaw-dialog h2{margin:0;font-size:22px;letter-spacing:-.03em}.outlaw-dialog [data-dismiss],.native-menu header>button{border-radius:50%;background:#ffffff12;width:32px;height:32px;font-size:23px}.outlaw-dialog-body>p{font-size:14px;color:#aaa;line-height:1.7}.outlaw-dialog form>label,.outlaw-dialog-body>label{display:grid;gap:14px;font-size:13px}.outlaw-dialog input:not([type=checkbox]),.outlaw-dialog textarea{background:#ffffff0c;border:1px solid #ffffff25;border-radius:10px;padding:13px;color:#fff;min-width:0;width:100%;font:inherit}.outlaw-dialog form>.play-action{margin-top:25px}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.list-choices{margin-bottom:20px}.list-choices label{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #ffffff15}.list-choices label span{flex:1}.list-choices small{color:#888}.ratings-dialog{width:min(900px,calc(100vw - 32px))}.rating-legend{font-size:11px;color:#aaa;line-height:1.8;margin:15px 0}.rating-grid{overflow:auto}.rating-grid table{margin:25px auto;border-spacing:5px;font-size:12px;text-align:center}.rating-grid th{font-weight:500;color:#999;padding:4px 8px}.rating-grid td{height:42px;min-width:46px}.rating-cell{display:grid;place-items:center;border-radius:7px;width:46px;height:42px;background:var(--rating-color);color:#111;font-weight:700;font-size:14px}.episode-card{position:relative}.watched-episode{position:absolute;top:13px;right:13px;background:#0009;border-radius:50%;width:25px;height:25px;border:1px solid #ffffff50;opacity:0;transition:opacity .2s}.episode-card:hover .watched-episode,.watched-episode:focus-visible,.watched-episode[aria-pressed=true]{opacity:1}.watched-episode[aria-pressed=true]{background:#fff;color:#111}.episodes-grid .episode-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.episodes-grid .episode-edge{display:none}.spoiler-free .episode-card>h3{visibility:hidden}.spoiler-free .episode-card>p{visibility:hidden}.spoiler-free .episode-art>img{filter:blur(20px) brightness(.4)}.movie-watched{margin-left:5px}.cast-person{background:none;text-align:center;min-width:100px;flex:0 0 120px;padding:0}.cast-person img{width:95px;height:95px;object-fit:cover;border-radius:50%;margin-bottom:12px}.cast-person strong{font-size:12px;display:block}.cast-person small{font-size:11px;color:#888;display:block;margin-top:7px}.person-summary{display:flex;gap:25px;align-items:center}.person-summary>img{width:135px;border-radius:12px}.person-summary p{font-size:13px;color:#aaa}.person-summary a{margin-top:20px}.title-modal{width:min(1000px,calc(100vw - 32px));padding:0;overflow:auto}.title-modal>header{position:absolute;top:18px;left:25px;right:20px;z-index:2}.title-modal>header>h2{font-size:0}.modal-title-art{height:360px;position:relative}.modal-title-art>img{width:100%;height:100%;object-fit:cover}.modal-title-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#101210)}.modal-title-content{position:relative;padding:0 40px 35px;margin-top:-100px}.modal-title-content>.title-logo{max-width:420px;font-size:42px}.modal-title-content>p{font-size:14px;line-height:1.8;color:#bbb}.modal-title-content>.subtle-pill{margin-top:24px;width:max-content}.outlaw-back-top{position:fixed;right:25px;bottom:25px;z-index:20;width:40px;height:40px;border-radius:50%;background:#ffffff20;backdrop-filter:blur(20px);color:#fff;font-size:22px}.shorts-page{height:100svh;background:#090909}.shorts-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory}.short-entry{height:100svh;max-width:500px;margin:auto;scroll-snap-align:start;position:relative;background:#111;overflow:hidden}.short-preview{height:100%;position:relative}.short-preview>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.short-preview>button{position:absolute;top:35%;left:44%;width:60px;height:60px;border-radius:50%;background:#0009}.short-preview>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.short-caption{position:absolute;left:25px;right:25px;bottom:35px;pointer-events:none;text-shadow:0 2px 15px #000}.short-caption h2{font-size:24px}.short-caption p{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.short-caption .title-actions{pointer-events:auto}.native-extras{display:flex;align-items:center;gap:6px;margin-left:auto}.native-extras>button{background:none;width:38px;height:38px;border-radius:8px;font-size:24px;padding:8px}.native-extras svg{width:22px;height:22px}.native-clock{font-size:12px;font-variant-numeric:tabular-nums;margin-right:20px}.player-status #fullscreen{margin-left:0}.native-menu{position:absolute;z-index:8;right:30px;bottom:115px;width:340px;max-height:calc(100svh - 170px);overflow:auto;background:#151515ed;border:1px solid #ffffff20;border-radius:16px;backdrop-filter:blur(25px);padding:20px}.native-menu label{display:grid;gap:10px;font-size:12px;margin:16px 0;color:#bbb}.native-menu input[type=range]{width:100%;accent-color:white}.native-menu input[type=number]{width:100%;border:1px solid #ffffff25;border-radius:8px;background:#ffffff0c;color:#fff;padding:10px}.native-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.native-menu .setting-row{display:flex}.native-episode-list{display:grid;gap:8px}.native-episode-list a{padding:14px;border-radius:8px;background:#ffffff08}.native-episode-list [aria-current]{background:#ffffff20}.native-idle .player-topline,.native-idle .player-controls{opacity:0;pointer-events:none}.player-topline,.player-controls{transition:opacity .2s}#video::cue{font-size:var(--subtitle-size,100%);font-family:var(--subtitle-font,Inter);color:var(--subtitle-color,#fff);background:var(--subtitle-background,#000b)}
@media(min-width:1000px){.brand-text{display:none}.hero-content{max-width:600px;width:46%}.hero-overview{max-width:575px}.poster-row .poster-card{flex-basis:calc((100vw - 9vw - 96px)/6)}.uploaded-shelf .poster-row .poster-card{flex-basis:170px}.site-footer{justify-content:center;text-align:center;flex-direction:column;gap:20px}.footer-brand{font-size:19px;font-weight:900}.footer-brand>span{display:none}}
@media(max-width:760px){.settings-layout{grid-template-columns:1fr;gap:20px}.settings-sections{position:static;flex-direction:row;overflow:auto}.settings-sections a{white-space:nowrap;padding:11px 14px}.settings-content{padding:20px}.settings-page h1,.search-page>h1{font-size:29px}.recent-searches button{max-width:240px}.search-page .poster-card{flex-basis:160px}.episodes-grid .episode-row{grid-template-columns:repeat(2,minmax(0,1fr))}.episode-toolbar{flex-wrap:wrap;justify-content:flex-end}.episode-toolbar .episode-sort{padding:9px;font-size:11px}.brand-text{display:none}.settings-content .setting-row{gap:15px}.native-menu{right:12px;width:calc(100% - 24px);bottom:105px}.native-clock{font-size:10px;margin-right:0}.native-extras{gap:0}.native-extras button{width:29px;padding:4px}.native-extras [data-native-pip]{display:none}.player-status #volume{display:none}.title-modal .modal-title-content{padding:0 23px 25px}.modal-title-art{height:280px}.list-cover{width:calc(50% - 20px);margin-right:15px}.shorts-page .site-header{display:none}}
html[data-motion=off] .ambient-silk{animation:none!important}html[data-motion=off]{scroll-behavior:auto}
.advanced-player-settings{padding:22px;width:345px;background:#0e0e0eee}.advanced-player-settings>header{display:none}.player-setting-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.player-setting-tiles>button{padding:18px 14px;text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:9px;min-height:82px}.player-setting-tiles small{display:block;font-size:10px;color:#888;margin-bottom:8px;font-weight:700}.player-setting-tiles strong{font-size:15px;font-weight:600}.stream-popover{max-height:calc(100svh - 160px);overflow-y:auto}.stream-popover hr{border:0;border-top:1px solid #ffffff12;margin:12px 0}.stream-zoom-options{display:flex;gap:6px;padding:0 8px 12px}.stream-zoom-options button{font-size:12px;background:#ffffff08;padding:9px 16px}.stream-adjustment{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa;padding:10px 12px}.stream-adjustment input{width:140px;accent-color:white}.sleep-stepper{display:flex;align-items:center;gap:12px;padding:10px}.sleep-stepper input{min-width:0;width:100%;padding:12px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff08;color:#fff;text-align:center}.sleep-stepper button{background:#ffffff12;padding:12px}.stream-popover>label,.native-menu>label{display:grid;gap:10px;font-size:12px;color:#aaa;padding:10px}.stream-popover>label>input{width:100%;background:#ffffff0d;border:1px solid #ffffff25;border-radius:8px;padding:12px;color:white}.party-room-code{display:block;font-family:monospace;font-size:13px;overflow-wrap:anywhere;padding:10px;user-select:all}.episode-show-more{position:static!important;display:block!important;padding:0!important;background:none!important;font-size:11px!important;color:#999;margin-top:5px}.stream-episode-tray{overflow:visible}.stream-tray-episode.expanded p{-webkit-line-clamp:unset}.febbox-token{display:grid;gap:15px;font-size:13px;margin:20px 0}.febbox-token input{width:100%;padding:14px;border-radius:10px;border:1px solid #ffffff30;background:#ffffff0c;color:#fff}.settings-content #saveFebbox{display:inline-block;margin-right:10px}

.stream-transport [data-skip],.transport .skip-button{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:6px!important}.stream-transport [data-skip]:hover,.transport .skip-button:hover{background:#ffffff12!important}.stream-transport [data-skip] svg,.transport .skip-button svg{width:24px!important;height:24px!important;fill:none}.stream-transport [data-skip] svg text,.transport .skip-button svg text{font:600 8px Arial,sans-serif!important;fill:currentColor!important;stroke:none!important;text-anchor:middle}

/* Native player transport follows the same compact arrangement as the reference. */
.player-dialog .control-row{display:flex;align-items:center;gap:0}.player-dialog .transport{display:flex;align-items:center;gap:8px;flex:0 0 auto}.player-dialog .player-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1}.player-dialog .native-clock{font:600 12px Inter,Arial,sans-serif;color:#eee;font-variant-numeric:tabular-nums;margin:0 0 0 5px;white-space:nowrap}.player-dialog .native-extras{gap:8px;margin-left:auto}.player-dialog .native-extras>button,.player-dialog #fullscreen,.player-dialog .transport>button,.player-dialog #mute{width:38px;height:38px;padding:8px;background:transparent;border:0;border-radius:7px;display:grid;place-items:center}.player-dialog .native-extras svg,.player-dialog .transport svg,.player-dialog #fullscreen svg,.player-dialog #mute svg{width:23px;height:23px;stroke-width:1.8}.player-dialog .native-extras>button:hover,.player-dialog #fullscreen:hover,.player-dialog .transport>button:hover,.player-dialog #mute:hover{background:#ffffff12}.player-dialog .native-volume-wrap{display:flex;align-items:center;gap:0}.player-dialog .native-volume-wrap #volume{width:0;min-width:0;opacity:0;margin:0;padding:0;transition:width .18s,opacity .18s;accent-color:white;height:3px}.player-dialog .native-volume-wrap:hover #volume,.player-dialog .native-volume-wrap:focus-within #volume{width:72px;opacity:1;margin:0 8px}.player-dialog .video-big-play{display:none!important}.player-dialog .player-close{width:42px;height:42px;left:25px;top:17px;display:grid;place-items:center;background:transparent;border:0}.player-dialog .player-close svg{width:27px;height:27px}.player-dialog .player-film-title{font-size:16px;font-weight:600}.player-dialog .player-topline>span{top:25px}.player-dialog .seek{height:16px;margin:0}.player-dialog .timeline-row{margin-bottom:9px}.player-dialog .player-controls{padding:40px 30px 18px}.player-dialog #nextEpisode{display:none!important}.player-dialog .transport .play-button{margin-right:3px}.player-dialog .native-menu .stream-menu-row{display:flex;justify-content:space-between;width:100%;padding:14px 0;background:none;text-align:left;font-size:14px}.player-dialog #playbackState{display:none}
@media(max-width:700px){.player-dialog .player-controls{padding:30px 12px 14px}.player-dialog .transport,.player-dialog .native-extras{gap:2px}.player-dialog .native-extras>button,.player-dialog #fullscreen,.player-dialog .transport>button,.player-dialog #mute{width:31px;height:36px;padding:5px}.player-dialog .native-clock{font-size:10px;margin-left:3px}.player-dialog .native-volume-wrap #volume{display:none}.player-dialog .player-close{left:10px;top:13px}.player-dialog .player-film-title{font-size:14px}}

.native-menu{box-shadow:0 20px 70px #0009;background:#181818ed;border-radius:16px;padding:20px}.native-menu>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:18px}.native-menu>header>button{width:32px;height:32px;border-radius:50%;background:#ffffff0b;color:#bbb;font-size:24px}.native-menu select{width:100%;min-height:42px;border:1px solid #ffffff20;border-radius:10px;padding:10px;background:#242424;color:#eee;font:inherit}.native-menu button:hover{background:#ffffff15}.native-settings-grid label{padding:14px;border:1px solid #ffffff10;border-radius:12px;margin:0 0 16px}.native-menu .stream-menu-row{width:100%;min-height:44px;border-radius:8px;text-align:left}.native-menu button:focus-visible,.settings-tabs a:focus-visible{outline:2px solid #fff;outline-offset:3px}


/* reference-desktop.css */
/* Measurements taken from the reference at 1366px and 1920px. */
.ambient-silk{pointer-events:none;display:block}
.ambient-silk-page{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:none;background:#061006}
.utility-page .ambient-silk-page{display:block}
.utility-page:before,.utility-page:after{display:none}
#app{position:relative;z-index:1}
.utility-page{background:#061006}
html[data-theme=amoled] .ambient-silk,html[data-theme=dark] .ambient-silk{display:none}
.hero-carousel .carousel-controls{bottom:34%;right:4.5%}
.carousel-dots{gap:8px;padding:0}
.slide-dot{position:relative;width:8px;height:8px;background:#ffffff55;overflow:hidden;transition:width .3s}
.slide-dot.active{width:32px;background:#ffffff55}
.slide-dot.complete{background:white}
.slide-dot>span{position:absolute;inset:0;width:0;background:white;border-radius:inherit}
.slide-dot.active>span{width:var(--hero-progress,0%)}
.hero-slide .hero-backdrop{transform:scale(1.025);transition:transform 7.3s linear,filter .7s}
.hero-slide.active .hero-backdrop{transform:scale(1)}
.site-footer{position:relative;isolation:isolate;overflow:hidden;min-height:270px;margin:0;padding:70px 24px 38px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;background:#030a04}
.ambient-silk-footer{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.footer-brand{display:flex;align-items:center;gap:6px;font-weight:900;font-size:20px;letter-spacing:.04em}
.footer-brand>span:not(.footer-emblem){font-size:20px;color:#95ff50}
.footer-emblem{display:block;width:36px;height:40px;color:#95ff50;margin-right:5px}
.footer-emblem svg{display:block;width:100%;height:100%}
.footer-description{margin:0;max-width:530px;color:#ffffff70;font-size:13px;line-height:20px}
.tmdb-credit{max-width:530px;gap:12px;position:relative;z-index:1}
.tmdb-credit>p{font-size:10px;color:#ffffff60}
.outlaw-back-top{width:44px;height:44px;right:20px;bottom:24px;background:#17251999;border:2px solid #95ff50;font-size:25px;display:grid;place-items:center;transition:background .2s,transform .2s}
.outlaw-back-top:hover{background:#2d4825;transform:translateY(-3px)}
.outlaw-back-top[hidden]{display:none}
.settings-page.browse-page{width:min(100% - 48px,780px);max-width:none;margin:0 auto;padding:104px 0 70px;min-height:calc(100svh - 270px)}
.settings-page h1{display:flex;align-items:center;gap:14px;font-size:36px;line-height:44px;letter-spacing:-.04em;margin:0 0 18px}
.settings-page h1 svg{width:30px;height:30px}
.settings-layout{display:flex;flex-direction:column;gap:25px}
.settings-sections{position:static;display:flex;flex-direction:row;gap:12px;align-items:center;align-self:stretch;overflow-x:auto;white-space:nowrap;padding:0 6px}
.settings-sections>a{position:relative;display:flex;align-items:center;gap:8px;border-radius:0;padding:14px 8px;font-size:14px;font-weight:500;background:none;flex-shrink:0;color:#ffffff99}
.settings-sections>a svg{width:16px;height:16px}
.settings-sections>a[aria-current]{background:none;color:#fff}
.settings-sections>a[aria-current]:after{content:"";height:2px;position:absolute;bottom:0;left:8px;right:8px;background:#fff;border-radius:2px}
.settings-sections>a:hover{background:none;color:#fff}
.settings-content{padding:24px;border-radius:20px;background:linear-gradient(145deg,#1d2d16d9,#0d110eeb 80%);border:1px solid #ffffff10;backdrop-filter:blur(28px);min-width:0}
.settings-content h2{font-size:18px;line-height:24px;margin-bottom:4px}
.settings-content>p{font-size:14px;line-height:21px;color:#ffffff99;margin:0 0 22px}
.settings-content .setting-row:last-child{border-bottom:0}
@media(min-width:1001px){
 .catalog-section,.episodes-section{padding-left:64px;padding-right:64px}
 .row-heading h2{font-size:20px;line-height:28px;letter-spacing:-.025em}
 .poster-row{gap:16px;margin-right:-64px;padding-right:64px;scroll-padding-right:64px}
 .poster-row .poster-card,.uploaded-shelf .poster-row .poster-card{flex:0 0 200px}
 .poster-art{height:300px;aspect-ratio:2/3;border-radius:12px}
 .episode-card{flex:0 0 320px}
 .episode-row{gap:24px}
 .episode-edge{height:180px}
 .cast-row{gap:20px;padding:16px 24px;overflow-y:visible}
 .cast-person,.cast-row article{flex:0 0 144px;min-width:144px;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;background:none}
 .cast-person img,.cast-row img,.cast-no-photo{width:112px;height:112px;margin:0 0 12px;object-fit:cover;border-radius:50%;border:1px solid #ffffff1a;box-shadow:0 8px 16px #0005;transition:transform .3s,border-color .3s}
 .cast-person:hover img{transform:scale(1.1);border-color:#ffffff4d}
 .cast-person strong,.cast-row strong{font-size:14px;line-height:20px;font-weight:500;color:#ffffffe6;max-width:144px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
 .cast-person small,.cast-row small{font-size:12px;line-height:16px;margin:2px 0 0;color:#ffffff80;max-width:144px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
}
.search-page .poster-row .poster-card{flex-basis:calc((100% - 96px)/5)}
@media(max-width:700px){.settings-page.browse-page{width:calc(100% - 32px);padding-top:115px}.settings-page h1{font-size:30px}.settings-sections{gap:5px}.settings-content{padding:20px}.hero-carousel .carousel-controls{bottom:48px}.site-footer{min-height:260px;padding-top:55px}.footer-brand,.footer-brand>span:not(.footer-emblem){font-size:18px}.tmdb-credit{max-width:330px}.cast-person{flex-basis:120px}.settings-content .setting-row{gap:16px}}
html[data-motion=off] .hero-backdrop{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.hero-slide .hero-backdrop{transition:none;transform:none}.slide-dot,.cast-person img,.outlaw-back-top{transition:none}}


/* community.css */
.community-error{color:#ff9b9b;font-size:13px;line-height:1.6}.community-error:empty{display:none}.community-login-menu{width:100%;text-align:left;background:none;padding:13px;font-size:14px;border-radius:9px}.community-login-menu:hover{background:#ffffff12}
.auth-dialog{width:min(420px,calc(100vw - 32px))}.outlaw-auth-form{display:grid;gap:18px}.outlaw-auth-form label,.account-name label{display:grid;gap:8px;color:#ccc;font-size:13px}.outlaw-auth-form .play-action{margin:0}.outlaw-auth-form .auth-switch{background:none;font-size:13px;color:#aaa;padding:8px}.outlaw-auth-form button:disabled{opacity:.5}.account-status{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 26px}.account-status strong{display:block;font-size:16px}.account-status small{display:block;margin-top:8px;font-size:13px;color:#aaa}.account-name{border-top:1px solid #ffffff10;padding-top:24px;display:grid;gap:16px}.account-name input{border:1px solid #ffffff25;border-radius:9px;background:#ffffff08;padding:12px;color:#fff;font:inherit}.account-name button{justify-self:start}
.comments-section{padding-top:0;margin-bottom:56px;font-family:Inter,system-ui,sans-serif}.comments-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 8px}.comments-heading h2{font-size:24px;line-height:32px;color:#ffffffe6;margin:0}.comments-heading select{background:#ffffff09;color:#aaa;border:1px solid #ffffff14;border-radius:9px;padding:8px 12px;font:500 13px Inter,Arial;color-scheme:dark}.comment-login{width:100%;min-height:64px;border:1px solid #ffffff14;border-radius:12px;color:#ffffff80;text-align:left;padding:20px 24px;background:#ffffff05;font:14px Inter,Arial}.comment-login:hover{background:#ffffff0a;color:#ddd}.comment-composer{margin-bottom:28px}.comment-form textarea{width:100%;resize:vertical;min-height:96px;padding:16px;color:#eee;background:#ffffff08;border:1px solid #ffffff18;border-radius:12px;font:14px/22px Inter,Arial}.comment-form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.comment-form-actions label{display:flex;gap:8px;align-items:center;font-size:12px;color:#999}.comment-form .play-action{font-size:13px;min-height:36px;padding:0 22px}.comment-form input{accent-color:#95ff50}.comment{position:relative;display:flex;gap:14px;padding:16px 8px 20px}.comment-avatar{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#ffffff0d;color:#ffffff90;font-size:14px}.comment-content{flex:1;min-width:0}.comment-byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px;font-size:12px;line-height:16px}.comment-byline strong{font-size:13px;font-weight:600;color:#ddd}.comment-byline time,.comment-byline small{color:#666;font-size:11px}.comment-body{margin:0 0 10px;font-size:14px;line-height:23px;white-space:pre-wrap;overflow-wrap:anywhere;color:#ccc}.comment-body[hidden]{display:none}.comment-actions{display:flex;align-items:center;gap:10px;font-size:12px;color:#999}.comment-actions button{display:flex;align-items:center;gap:5px;font:inherit;background:none;color:inherit;padding:4px 0}.comment-actions button[aria-pressed=true]{color:#95ff50}.comment-actions button:hover{color:#fff}.comment-actions svg{width:17px;height:17px}.comment-actions [data-reply]{margin-left:8px}.comment-replies{margin-left:58px;padding-left:14px;border-left:1px solid #ffffff12}.comment-replies .comment{padding-bottom:14px}.comment-replies .comment-avatar{width:28px;height:28px;font-size:12px}.reply-composer{margin:16px 0;width:100%}.comment>.reply-composer{flex-basis:100%;margin-left:50px}.comment:has(>.reply-composer){flex-wrap:wrap}.comment:has(>.reply-composer)>.comment-content{flex-basis:calc(100% - 60px)}.reveal-spoiler{padding:9px 16px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:6px;color:#aaa;margin:4px 0 10px}.deleted-comment{font-size:13px;color:#666;font-style:italic}.comments-status{font-size:13px;color:#777}.load-comments{display:block;margin:24px auto 0;padding:11px 22px;border:1px solid #ffffff1a;background:#ffffff08;border-radius:30px;color:#aaa;font:13px Inter,Arial}.comment-skeleton{height:100px;border-radius:10px;background:linear-gradient(100deg,#ffffff03 20%,#ffffff09 50%,#ffffff03 80%);background-size:200% 100%;animation:comment-load 1.3s linear infinite}.title-votes{display:inline-flex;align-items:center;gap:18px}.title-votes button{display:flex;align-items:center;gap:6px;background:none;color:#aaa;font:600 14px Inter;padding:0}.title-votes svg{height:19px;width:19px}.title-votes button[aria-pressed=true]{color:#95ff50}.title-votes button:hover{color:white}
@keyframes comment-load{to{background-position:-200% 0}}@media(max-width:700px){.comments-heading h2{font-size:20px}.comments-section{padding-left:6%;padding-right:6%}.comment-replies{margin-left:28px;padding-left:8px}.comment{gap:10px;padding-left:0;padding-right:0}.comment-avatar{width:28px;height:28px}.title-votes{gap:12px}.comment-body{font-size:13px}.comment-actions{gap:9px}}@media(prefers-reduced-motion:reduce){.comment-skeleton{animation:none}}
.downloads-dialog{width:min(760px,calc(100vw - 32px))}.download-count{font-size:13px;color:#888}.download-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #ffffff12}.download-row>span{flex:1;min-width:0}.download-row strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.download-row small{display:block;font-size:12px;color:#888;margin-top:8px}.download-row>button{background:none;color:#aaa;font:12px Inter}.download-row>.play-action{font-size:12px;min-height:36px;padding:0 18px}


/* parity.css */
/* Desktop reference: the artwork occupies 75vh and the title overlaps its lower edge. */
.public-list-results{margin-top:56px}.public-list-results h2{font-size:24px;margin:0 0 24px}.public-list-rail{display:flex;gap:24px;overflow-x:auto;padding:6px 0 20px}.public-list-card{display:block;flex:0 0 288px;min-width:0}.public-list-cover{height:162px;border-radius:12px;display:flex;gap:2px;overflow:hidden;background:#ffffff08}.public-list-cover img{min-width:0;width:25%;height:100%;object-fit:cover;flex:1}.public-list-card h3{font-size:15px;margin:14px 0 6px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.public-list-card p,.public-list-page .browse-heading p{font-size:12px;color:#888;margin:0}.public-list-card:hover .public-list-cover{filter:brightness(1.15)}
@font-face{font-family:Inter;src:url('./fonts/inter-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.nav-pill{background:#0b0d1499;border:1px solid #ffffff16;backdrop-filter:blur(25px)}.site-header{top:24px;left:48px;right:48px}.brand-group .back-button{width:26px;height:40px;padding:0;font-size:26px;margin-right:10px}.nav-pill>a:not(.nav-icon){padding:12px 26px}.nav-pill a.active{box-shadow:0 0 22px #ffffff15}.nav-pill a.active:before{display:none}.nav-icon.active{background:white;color:black}
.detail-hero{padding:0 64px 0;min-height:0;margin-bottom:56px;background:#080808}.detail-hero>.hero-backdrop{height:75vh;max-height:none;object-position:center top}.detail-hero>.hero-vignette{height:100%;background:linear-gradient(180deg,#08080805 0,#08080855 42%,#080808 96%),linear-gradient(90deg,#080808b0 0,#08080860 44%,#08080818 100%)}.detail-layout{position:relative;padding-top:max(54px,calc(75vh - 352px));grid-template-columns:minmax(0,650px) 280px;justify-content:space-between;gap:40px}.detail-main .title-logo{height:auto;min-height:0;max-height:144px;max-width:500px;margin:0 0 16px;display:block}.detail-main .title-logo img{max-height:144px;width:auto;max-width:500px;display:block}.detail-main .genres{font-size:18px;font-weight:600;margin:0 0 26px;line-height:26px}.genres>span{padding:0 5px;color:#888}.detail-main .title-actions{gap:12px;margin-bottom:24px}.detail-main .play-action{min-height:44px;padding:0 30px}.detail-main .round-button{width:44px;height:44px;background:#ffffff12;border:1px solid #ffffff14}.detail-main .secondary-actions{padding:0;background:none;border:0;backdrop-filter:none}.detail-main .secondary-actions .round-button{border-radius:50%}.detail-main .movie-watched{height:44px;width:44px;min-width:44px;padding:11px;border:1px solid #ffffff14;background:#ffffff12;font-size:0;margin:0;border-radius:50%}.movie-watched svg{height:21px;width:21px}.movie-watched[aria-pressed=true]{color:#95ff50}.detail-main .detail-meta{gap:12px;flex-wrap:wrap;margin:0 0 12px;font-size:16px;font-weight:600;line-height:24px}.age-rating{font-size:12px;padding:2px 5px;border-radius:3px;border:1px solid #ffffff40}.detail-main .director{font-size:16px;line-height:24px;color:#777;margin:0 0 20px}.director span{color:#ccc}.detail-main .detail-overview{font-size:16px;line-height:26px;font-weight:400;color:#b8b8bd;max-width:650px;margin:0}.detail-tagline{font-size:18px;line-height:28px;font-weight:600;margin:20px 0 0}.info-panel{align-self:start;margin:calc(max(54px,75vh - 352px) + 160px) 0 0;background:#14141899;border:1px solid #ffffff12;border-radius:12px;padding:0 16px;font-size:12px}.info-panel>div{display:flex;gap:10px;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ffffff10}.info-panel>div:last-child{border:0}.info-panel span{font-weight:400;color:#777;white-space:nowrap}.info-panel strong{font-size:12px;color:#bbb;font-weight:500;text-align:right}.info-panel>a{display:none}
.cast-section .row-heading,.trailers-section .row-heading{padding:0 8px;margin-bottom:20px}.cast-section .row-heading h2,.trailers-section .row-heading h2{font-size:24px;line-height:32px;color:#ffffffe6}.cast-section{margin-bottom:56px}.cast-row{height:194px;box-sizing:content-box;padding-top:16px;padding-bottom:16px}.cast-row .cast-person{height:162px}.cast-person .cast-no-photo{margin-bottom:12px}.trailers-section{margin-bottom:56px}.trailers-section .wide-row{gap:16px;padding:0;overflow:visible}.trailers-section .wide-card{flex:0 0 320px;text-align:left;border:0;padding:0;background:none;color:white}.trailers-section .wide-art{height:180px;aspect-ratio:16/9;border-radius:12px}.trailer-caption{position:absolute;inset:auto 0 0;padding:32px 16px 14px;background:linear-gradient(transparent,#000c)}.trailer-caption h3{font-size:14px;font-weight:600;margin:0 0 3px}.trailer-caption small{font-size:12px;color:#bbb}.trailers-section .hover-play{opacity:1;transform:translate(-50%,-50%);width:42px;height:42px;background:#fff;color:#111}.trailer-dialog{width:min(1000px,calc(100vw - 48px));padding:18px}.trailer-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;display:block}
.poster-card{position:relative}.poster-art{height:auto;aspect-ratio:2/3}.poster-hover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s;background:linear-gradient(135deg,#ffffff10,transparent)}.poster-hover .hover-play{position:static;transform:none!important;opacity:1;flex-shrink:0;width:48px;height:48px;margin:0 0 12px}.poster-hover h3{font-size:14px;line-height:17.5px;font-weight:700;text-align:center;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-hover p{font-size:12px;line-height:16px;font-weight:500;color:#fffc;margin:0}.poster-hover p span{padding:0 0 0 8px}.poster-card:hover .poster-hover,.poster-card:focus-visible .poster-hover{opacity:1;transform:none}.poster-card:hover,.poster-card:focus-visible{transform:scale(1.05);z-index:5}.poster-card:hover .poster-art,.poster-card:focus-visible .poster-art{transform:none}.poster-card:hover .poster-art>img{transform:none;filter:brightness(.5)}.poster-row{padding-top:14px;padding-bottom:14px;margin-top:-14px;margin-bottom:-14px;overflow-y:hidden}
.search-page.browse-page{padding:128px 48px 80px;min-height:100vh}.search-page>h1{font-size:36px;line-height:40px;margin:0 0 24px;font-weight:700;letter-spacing:-.04em}.search-field{height:50px;max-width:588px;padding:12px 22px;margin-bottom:32px;background:#ffffff14;border-color:#ffffff33}.search-field>input{font-size:16px;font-weight:500}.search-page #outlawSearchResults{padding-top:30px}.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.search-page .poster-grid .poster-art{height:auto}.search-page #outlawSearchResults>.search-trending-heading{margin:100px 0 24px;text-align:center;font-size:20px;font-weight:600}.search-page #outlawSearchResults>.search-trending-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.search-trending-grid .poster-art{height:auto}.recent-searches{margin-top:0;margin-bottom:0;gap:8px}.recent-searches>span{flex-direction:row-reverse}.recent-searches [data-forget]{width:0;padding:0;transition:width .15s;opacity:0}.recent-searches>span:hover [data-forget]{width:22px;opacity:1;padding-left:8px}.search-page #outlawSearchResults .poster-grid{animation:results-in .35s ease both}
@keyframes results-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.home-catalog .catalog-section{margin-bottom:80px}.home-catalog .provider-rail{gap:24px;padding:0 0 8px}.provider-rail button{width:92px;flex:0 0 92px;height:103px;background:none;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:0}.provider-rail button img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:1px solid #ffffff18;background:#ffffff08;transition:transform .25s}.provider-rail button span{display:block;width:92px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 12px/15px Inter,Arial;color:#bbb}.provider-rail button:hover img{transform:scale(1.08)}.rail-skeleton{height:300px;background:repeating-linear-gradient(90deg,#ffffff06 0 200px,transparent 200px 216px);mask-image:linear-gradient(90deg,#000,transparent)}.home-rail-loading{min-height:428px}.home-catalog .row-heading{margin-bottom:20px}.home-catalog .row-heading h2{font-size:20px;line-height:28px}
@media(min-width:1800px){.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.search-page #outlawSearchResults>.search-trending-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.detail-main .title-logo img{max-width:100%}.detail-main .genres{font-size:15px}.detail-hero{padding-left:40px;padding-right:40px}.cast-row{height:auto}.site-header{left:28px;right:28px}}
@media(max-width:700px){.site-header{top:16px;left:16px;right:16px}.nav-pill>a:not(.nav-icon){padding:10px 12px}.detail-hero{padding:150px 6% 0}.detail-layout{display:flex;padding-top:0;gap:28px}.detail-main .title-logo img{max-width:80%;max-height:110px}.detail-main .genres{margin-bottom:20px}.detail-main .detail-meta{font-size:13px}.detail-main .detail-overview{font-size:14px;line-height:23px}.detail-main .director{font-size:14px}.info-panel{margin:0;width:100%;display:block}.detail-main .title-actions{gap:10px}.search-page.browse-page{padding:128px 24px 60px}.search-page>h1{font-size:28px}.search-page #outlawSearchResults>.poster-grid,.search-page #outlawSearchResults>.search-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.search-page #outlawSearchResults>.search-trending-heading{margin-top:70px}.poster-hover{opacity:1;justify-content:flex-end;transform:none;padding:8px;background:linear-gradient(transparent 60%,#000a)}.poster-hover>.hover-play{display:none}.poster-hover h3{font-size:11px}.poster-hover p{font-size:10px}.cast-section .row-heading h2,.trailers-section .row-heading h2{font-size:20px}.trailers-section .wide-row{overflow:auto}.trailers-section .wide-card{flex-basis:280px}.trailers-section .wide-art{height:auto}.detail-tagline{font-size:16px}}

/* Reference motion: 500ms card lift, 300ms artwork and copy reveal. */
@media(hover:hover) and (pointer:fine){.poster-card{position:relative;transform-origin:center;transition:transform .5s cubic-bezier(0,0,.2,1);isolation:isolate}.poster-card:hover,.poster-card:focus-visible{transform:scale(1.05);z-index:50}.poster-card .poster-art{position:relative;overflow:hidden;isolation:isolate}.poster-card .poster-art:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,transparent);opacity:0;transition:opacity .5s cubic-bezier(0,0,.2,1)}.poster-card:is(:hover,:focus-visible) .poster-art:after{opacity:1}.poster-card .poster-art>img{transform:none;transition:filter .3s cubic-bezier(0,0,.2,1)}.poster-card:is(:hover,:focus-visible) .poster-art>img{transform:none;filter:brightness(.5)}.poster-hover{z-index:2;opacity:0;transform:translateY(16px);transition:opacity .3s cubic-bezier(0,0,.2,1),transform .3s cubic-bezier(0,0,.2,1);background:none}.poster-card:is(:hover,:focus-visible) .poster-hover{opacity:1;transform:translateY(0)}.poster-hover>.hover-play{position:static;transform:none;width:48px;height:48px;margin:0 0 12px;transition:transform .3s cubic-bezier(0,0,.2,1);box-shadow:none}.poster-hover>.hover-play:hover{transform:scale(1.1)}.cast-person img{transition:transform .3s,box-shadow .3s,border-color .3s;border:2px solid transparent}.cast-person:is(:hover,:focus-visible) img{transform:scale(1.1);border-color:#ffffff4d;box-shadow:0 0 24px #ffffff18}.play-action,.round-button,.nav-pill>a,.nav-pill>button,.person-follow{transition:transform .3s cubic-bezier(0,0,.2,1),background-color .3s,color .3s,box-shadow .3s}.play-action:hover{transform:scale(1.05);background:#e6e6e6}.round-button:hover{transform:scale(1.1);background:#ffffff30}.nav-pill>a:not(.active):hover,.nav-pill>button:hover{background:#ffffff10;color:#fff}}
.poster-card:focus-visible,.play-action:focus-visible,.round-button:focus-visible{outline:2px solid white;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.poster-card,.poster-art>img,.poster-hover,.poster-art:after,.hover-play,.cast-person img,.play-action,.round-button,.person-follow{transition:none!important;animation:none!important}.poster-card:is(:hover,:focus-visible),.cast-person:is(:hover,:focus-visible) img,.play-action:hover,.round-button:hover{transform:none!important}}
body.reduced-motion .poster-card,body.reduced-motion .poster-hover{transition:none}


/* source-directory.css */
.source-directory{max-width:1200px;margin:auto}.source-directory>a{font-size:14px;color:#999}.source-directory>h1{margin-top:28px}.source-directory>p{color:#999;font-size:14px;line-height:1.6}.source-method{max-width:760px}.source-filters{display:flex;gap:16px;margin:32px 0}.source-filters input{flex:1;min-width:0}.source-filters input,.source-directory select{background:#171a16;border:1px solid #ffffff25;color:#eee;border-radius:10px;padding:12px;font:inherit}.source-ranking{border-top:1px solid #ffffff15}.source-entry{display:grid;grid-template-columns:44px minmax(0,1fr) 160px;gap:24px;padding:24px 0;border-bottom:1px solid #ffffff15}.source-rank{font-size:20px;color:#aaa;padding-top:5px}.source-entry h2{font-size:18px;margin:0 0 8px}.source-entry p{font-size:13px;color:#aaa;margin:8px 0;line-height:1.5}.source-entry small{font-size:12px;color:#95ff50}.source-entry details{margin-top:12px;font-size:12px;color:#888}.source-entry-actions{display:grid;gap:16px;align-content:start;font-size:13px}.source-entry-actions label{display:grid;gap:8px;color:#999}.source-entry-actions a{padding:10px 0;color:#fff}.source-entry-actions a:hover{text-decoration:underline}@media(max-width:700px){.source-entry{grid-template-columns:30px minmax(0,1fr);gap:12px}.source-entry-actions{grid-column:2;grid-template-columns:1fr 1fr;align-items:end}.source-filters{flex-wrap:wrap}}


/* person.css */
.person-page{background:radial-gradient(ellipse at 35% 12%,#2d241d48,transparent 65%),#080808;min-height:100vh;padding-bottom:70px}.person-hero{display:grid;grid-template-columns:288px minmax(0,1fr);gap:48px;padding:128px 8% 80px}.person-photo{width:288px;height:288px;border-radius:50%;object-fit:cover;border:4px solid #ffffff22}.person-no-photo{display:grid;place-items:center;background:#ffffff0c;font-size:80px}.person-heading{display:flex;align-items:center;gap:24px}.person-heading h1{font-size:60px;line-height:1.1;letter-spacing:-.04em;margin:0 0 14px;font-weight:750}.person-follow{background:none;color:#999;font-size:28px;width:40px;height:40px;border-radius:50%;margin-top:-12px}.person-follow[aria-pressed=true]{color:#95ff50;background:#95ff5010}.person-facts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.person-facts span{padding:10px 20px;background:#ffffff0c;border-radius:25px;color:#bbb;font-size:14px;font-weight:500}.person-biography{display:block;padding:0;border:0;color:#bbb;background:none;font:16px/26px Inter,Arial;text-align:left}.person-biography>span{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.person-biography[aria-expanded=true]>span{-webkit-line-clamp:unset}.person-biography small{display:block;color:#888;font-size:14px;font-weight:600;margin-top:10px}.person-filmography .row-heading{margin-bottom:24px}.person-filmography h2{font-size:28px}.person-filters{display:flex;gap:10px;margin-left:auto}.person-filters button[aria-pressed=true]{background:#fff;color:#111}.person-filmography>.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.person-filmography .poster-art{height:auto}.search-people{display:flex;gap:24px;overflow-x:auto;padding:10px}.search-people>a{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;flex:0 0 144px;font-size:14px}.search-people img{width:112px;height:112px;border-radius:50%;object-fit:cover;margin-bottom:5px}.search-people strong{font-weight:500}.search-people small{font-size:12px;color:#777}.production-logos{grid-column:2;grid-row:1;align-self:start;margin-top:369px;display:flex;gap:24px;align-items:center;justify-content:center;width:280px}.production-logos img{max-width:120px;max-height:40px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.55}.detail-layout>.info-panel{grid-column:2;grid-row:1;margin-top:160px}.director a{color:#ccc}.director a:hover{color:white;text-decoration:underline}
@media(min-width:1800px){.person-filmography>.poster-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:1000px){.person-hero{grid-template-columns:220px minmax(0,1fr);gap:32px;padding-left:40px;padding-right:40px}.person-photo{width:220px;height:220px}.person-heading h1{font-size:44px}.person-filmography>.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.person-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:125px 24px 45px}.person-photo{width:180px;height:180px}.person-heading{justify-content:center}.person-heading h1{font-size:34px}.person-facts{justify-content:center;gap:6px}.person-facts span{font-size:12px;padding:8px 12px}.person-biography{font-size:14px;line-height:23px}.person-filmography>.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.person-filmography .row-heading{flex-wrap:wrap}.person-filmography h2{font-size:24px}.person-filters{margin-left:0}.production-logos{position:static;display:flex;margin:0;width:100%}.detail-layout>.info-panel{margin-top:0}}

/* Match the reference profile's reading rhythm and column alignment. */
@media(min-width:1001px){.person-hero{padding-top:128px;padding-bottom:96px}.person-heading h1{font-weight:700;letter-spacing:-.025em;line-height:1;margin-bottom:16px}.person-photo{margin-top:0}.person-filmography{padding-left:8%;padding-right:8%}}
.person-biography{font-weight:500}.person-biography>span{white-space:normal;-webkit-line-clamp:5}.person-facts span{font-weight:600;background:#ffffff14;font-size:14px}.person-follow{display:grid;place-items:center}.person-follow svg{width:24px;height:24px}.person-follow:hover{color:white;background:#ffffff10;transform:scale(1.1)}

.person-filters{border:1px solid #ffffff24;background:#ffffff10;padding:4px;gap:0;border-radius:32px}.person-filters button{padding:9px 28px;border-radius:28px;font-size:14px;color:#aaa;background:transparent;transition:background .3s,color .3s}.person-filters button[aria-pressed=true]{background:#fff;color:#111}.person-empty{grid-column:1/-1;color:#888;font-size:14px}.person-filmography h2{font-size:24px}

/* Keep the final credit row and footer in normal document flow. */
.person-view{background:#080808}.person-view .ambient-silk-page,.person-view .ambient-silk-footer{display:none!important}.person-view .site-footer{position:relative;background:#080808;margin-top:0}.person-page{padding-bottom:0;background:radial-gradient(ellipse at 35% 0%,#2d241d48,transparent 900px),#080808}.person-filmography{height:auto;max-height:none;overflow:visible;padding-bottom:48px;margin-bottom:0}.person-filmography>.poster-grid{height:auto;max-height:none;overflow:visible;align-items:start}.person-filmography .poster-card{height:auto;min-width:0;max-height:none}.person-filmography .poster-art{height:auto;aspect-ratio:2/3}.person-credit-count{font:400 12px/20px Inter,Arial;color:#888;margin:24px 0 0}.person-info{min-width:0}.person-heading h1{overflow-wrap:anywhere}
@media(max-width:700px){.person-filmography{padding-left:20px;padding-right:20px;padding-bottom:36px}.person-filmography>.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.person-facts{max-width:100%}.person-facts span{max-width:100%;overflow-wrap:anywhere}}


/* settings-parity.css */
.settings-content{overflow:visible}.settings-content .setting-row>span:first-child{font-weight:500;font-size:14px;line-height:21px}.settings-content .setting-row small{font-size:12px;line-height:18px;color:#ffffff66;font-weight:400;margin-top:4px}.settings-page .settings-sections{scrollbar-width:none}.settings-sections a:after{transition:opacity .2s,transform .2s}.settings-sections a:not([aria-current]):after{content:"";position:absolute;bottom:0;height:2px;left:8px;right:8px;background:white;opacity:0;transform:scaleX(.3)}.settings-sections a:hover:after{opacity:.35;transform:scaleX(1)}
.preference-choice{position:relative;flex:0 0 auto;max-width:100%;font-size:14px}.choice-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;clip-path:inset(50%)!important;overflow:hidden!important;border:0!important;pointer-events:none!important}.preference-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 16px;min-width:155px;min-height:42px;border-radius:24px;border:1px solid #ffffff1a;background:#ffffff0d;color:#ddd;font:500 14px/20px Inter,Arial;transition:background .2s,border-color .2s}.preference-trigger:hover,.preference-trigger[aria-expanded=true]{background:#ffffff16;border-color:#ffffff30}.preference-trigger>span{display:flex}.preference-trigger svg{width:16px;height:16px;transition:transform .2s}.preference-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.preference-options{position:absolute;z-index:30;right:0;top:calc(100% + 8px);min-width:190px;max-height:320px;overflow:auto;padding:6px;border-radius:16px;background:#20251fed;border:1px solid #ffffff22;box-shadow:0 15px 50px #0008;backdrop-filter:blur(30px);animation:choice-enter .15s ease-out}.preference-options[hidden]{display:none}.choice-up .preference-options{top:auto;bottom:calc(100% + 8px)}.preference-options>button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:10px 12px;border-radius:10px;background:transparent;color:#ccc;font:500 14px/20px Inter,Arial}.preference-options>button span{display:flex;opacity:0}.preference-options>button svg{width:16px;height:16px}.preference-options>button[aria-selected=true]{color:white;background:#ffffff0c}.preference-options>button[aria-selected=true] span{opacity:1}.preference-options>button:hover,.preference-options>button:focus-visible{color:white;background:#ffffff16;outline:none}.preference-segments{display:flex;align-items:center;border:1px solid #ffffff18;background:#ffffff0a;border-radius:28px;padding:4px;gap:2px}.preference-segments>button{white-space:nowrap;border:0;border-radius:24px;padding:9px 18px;min-height:36px;background:none;color:#aaa;font:500 13px/18px Inter,Arial;transition:background .2s,color .2s,box-shadow .2s}.preference-segments>button[aria-pressed=true]{background:white;color:#111;box-shadow:0 2px 12px #0002}.preference-segments>button:not([aria-pressed=true]):hover{color:white;background:#ffffff0a}.preference-trigger:focus-visible,.preference-segments>button:focus-visible{outline:2px solid white;outline-offset:3px}.preference-range-value{font-size:12px;color:#aaa;font-variant-numeric:tabular-nums}.settings-content .setting-row:has(input[type=range]){flex-wrap:wrap}.settings-content .setting-row:has(input[type=range])>span{flex:1}.settings-content .setting-row>input[type=range]{width:100%;flex-basis:100%;height:4px;accent-color:white;margin:12px 0 8px}
.server-order-row{display:flex;align-items:center;gap:14px;min-height:60px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff04;margin:10px 0;padding:8px 12px;transition:border-color .2s,background .2s,opacity .2s}.server-order-row>span{flex:1;font-size:14px}.server-order-row .source-drag-handle{display:grid;place-items:center;background:none;color:#ffffff55;cursor:grab;width:28px;height:36px;padding:4px}.source-drag-handle svg{width:18px;height:18px}.source-reorder-arrow{width:30px;height:30px;border-radius:50%;background:transparent;color:#888}.source-reorder-arrow:hover:not(:disabled){background:#ffffff10;color:white}.source-reorder-arrow:disabled{opacity:.2}.server-order-row.dragging{opacity:.4}.server-order-row.drag-target{border-color:white;background:#ffffff15}.server-order-row:focus-within{border-color:#ffffff55}.source-drag-handle:active{cursor:grabbing}.febbox-heading{display:flex;align-items:center;gap:10px}.febbox-help{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:none;color:#888}.febbox-help:hover{color:white;background:#ffffff10}.febbox-help svg{width:18px;height:18px}.febbox-steps{padding-left:22px;font-size:14px;color:#bbb;line-height:1.7}.febbox-steps li{margin-bottom:12px}.febbox-help-dialog p{color:#aaa;line-height:1.6;font-size:14px}
.native-menu .player-setting-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.native-menu .player-setting-tiles>button{text-align:left;background:#ffffff06;border:1px solid #ffffff0c;padding:14px;border-radius:12px;color:#fff;min-width:0}.native-menu .player-setting-tiles small{display:block;color:#777;font-size:10px;letter-spacing:.08em;font-weight:600;margin-bottom:7px}.native-menu .player-setting-tiles strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500}.native-menu .stream-menu-row{display:flex;align-items:center;gap:10px;padding:12px 8px;min-height:44px;font:500 13px/20px Inter,Arial;color:#bbb}.native-menu .stream-menu-row>span{margin-left:auto;font-size:20px;color:#777}.native-menu .stream-menu-row>svg{width:17px;height:17px;color:#888}.native-menu hr{border:0;border-top:1px solid #ffffff10;margin:10px 0}.native-menu>header{gap:10px}.native-menu>header>strong{flex:1;font-size:17px;font-weight:600}.native-menu>header>.native-menu-back{width:28px;height:28px;padding:4px;background:none}.native-menu-back svg{width:20px;height:20px}.native-menu .stream-menu-description{color:#aaa;font-size:13px;line-height:1.7}
.settings-content input[role=switch]{position:relative;appearance:none;-webkit-appearance:none;width:40px;height:24px;border-radius:20px;border:1px solid #ffffff1a;background:#ffffff20;cursor:pointer;margin:0;transition:background .2s;flex-shrink:0}.settings-content input[role=switch]:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#aaa;transition:transform .2s,background .2s;box-shadow:0 1px 3px #0003}.settings-content input[role=switch]:checked{background:#fff;border-color:#fff}.settings-content input[role=switch]:checked:after{transform:translateX(16px);background:#151515}.settings-content input[role=switch]:focus-visible{outline:2px solid white;outline-offset:4px}
@keyframes choice-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.preference-options{animation:none}.preference-trigger,.preference-trigger svg,.preference-segments>button,.server-order-row,.settings-content input[role=switch],.settings-content input[role=switch]:after{transition:none}}html[data-motion=off] .preference-options{animation:none}@media(max-width:700px){.preference-trigger{min-width:130px}.preference-segments>button{padding:8px 12px}.settings-content .setting-row:has(.preference-segments){flex-wrap:wrap}.preference-options{max-width:calc(100vw - 64px)}.native-menu{right:16px;max-width:calc(100vw - 32px)}}
.nav-pill>button.active{background:#fff;color:#111;box-shadow:0 0 22px #ffffff12}.native-menu [hidden],.native-extras [hidden],.player-dialog .control-button[hidden],.player-dialog .native-volume-wrap[hidden]{display:none!important}.utility-page .ambient-silk-footer{display:none}.utility-page .site-footer{background:transparent}html[data-motion=off] .preference-trigger,html[data-motion=off] .preference-trigger svg,html[data-motion=off] .preference-segments>button,html[data-motion=off] .settings-content input[role=switch],html[data-motion=off] .settings-content input[role=switch]:after{transition:none}


/* home-parity.css */
/* Homepage measurements: 85vh hero, 20vh artwork bleed, 64px gutters. */
.home-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;background:#050505;contain:strict;display:none}.home-view .home-ambient{display:block}.home-ambient-layer{position:absolute;inset:0;opacity:0;transition:opacity 1s}.home-ambient-layer.visible{opacity:1}.home-ambient-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2);filter:blur(80px) saturate(1);opacity:.5}.home-ambient-bleed{position:absolute;inset:0 0 auto;height:40vh;mix-blend-mode:screen;opacity:.2;mask-image:linear-gradient(#000,transparent)}.home-ambient-bleed img{width:100%;height:100%;object-fit:cover;transform:scale(1.2);filter:blur(50px)}
.home-view #app{position:relative;z-index:1}.home-view .hero-carousel{height:85vh;min-height:0;max-height:none;overflow:visible;isolation:isolate}.home-view .hero-slide{inset:0;overflow:visible;transition:opacity .65s ease}.home-view .hero-slide .hero-backdrop{position:absolute;inset:0 0 auto;width:100%;height:calc(100% + 20vh);max-height:none;object-fit:cover;object-position:center top;transform:none!important;filter:none;mask-image:linear-gradient(to bottom,#000 40%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 98%)}.home-view .hero-vignette{position:absolute;inset:0 0 auto;height:calc(100% + 20vh);background:linear-gradient(to top,#0006,transparent),linear-gradient(to right,#0006,transparent);mask-image:linear-gradient(to bottom,#000 40%,transparent 98%);pointer-events:none}.home-view .hero-content{position:absolute;left:64px;right:auto;top:auto;bottom:96px;width:672px;max-width:calc(100% - 128px);transform:none;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:0;z-index:3}.home-view .hero-content .title-logo{display:block;line-height:0;font-size:0;width:auto;max-width:672px;min-height:0;height:auto;max-height:192px;margin:0}.home-view .hero-content .title-logo img{display:block;width:auto;max-width:100%;max-height:192px;height:auto;filter:drop-shadow(0 16px 24px #0004)}.home-view .hero-content .title-logo:not(:has(img)){font-size:60px;line-height:1.05;font-weight:700}.home-view .hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;font:500 16px/24px Inter,Arial,sans-serif;letter-spacing:0;color:white;text-shadow:0 2px 5px #0004}.home-view .hero-meta>span{display:flex;align-items:center;gap:6px}.home-view .hero-meta strong{font-weight:600}.home-view .hero-meta svg{width:16px;height:16px;flex:none}.home-view .hero-meta>span:first-child svg{width:18px;height:18px}.home-view .hero-meta i{font-size:10px;font-style:normal;color:#ffffff80}.home-view .hero-overview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:576px;margin:0;color:white;font:500 18px/28px Inter,Arial,sans-serif;text-shadow:0 2px 5px #0005}.home-view .hero-content .title-actions{margin:0;gap:12px}.home-view .hero-content .play-action{height:52px;min-width:130px;padding:0 24px;font-size:18px;font-weight:600;letter-spacing:.025em;background:#fff;color:#080808;box-shadow:0 12px 24px #0001}.home-view .hero-content .play-action svg{width:20px;height:20px}.home-view .hero-content .secondary-actions{height:52px;padding:0;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:999px;backdrop-filter:blur(20px) saturate(1.5)}.home-view .hero-content .secondary-actions .round-button{width:64px;height:50px;background:transparent;border:0;border-radius:0;color:white;transform:none}.home-view .hero-content .secondary-actions .round-button svg{width:24px;height:24px;transition:transform .3s}.home-view .hero-content .secondary-actions .round-button:hover svg{transform:scale(1.1)}.home-view .hero-content .secondary-actions .round-button:first-child{border-radius:999px 0 0 999px}.home-view .hero-content .secondary-actions .round-button:last-child{border-radius:0 999px 999px 0}.home-view .hero-content .secondary-actions .round-button:last-child:before{height:24px;top:13px;background:#ffffff40}.home-view .hero-carousel .carousel-controls{bottom:128px;right:64px;left:auto;gap:0;z-index:4}.home-view .carousel-dots{gap:8px;padding:0}.home-view .slide-dot{display:block;padding:0!important;min-width:0;min-height:0;width:8px;height:8px;position:relative;border:0;border-radius:999px;background:#ffffff66;overflow:hidden;box-shadow:0 4px 12px #0003;transition:width .3s,background-color .3s}.home-view .slide-dot.active{width:32px;background:#ffffff4d}.home-view .slide-dot.complete{background:#fff}.home-view .slide-dot>span{display:block;position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;background:white;transform:scaleX(0);transform-origin:left;pointer-events:none}.home-view .slide-dot.active>span{width:100%;transform:scaleX(calc(var(--hero-progress,0%) / 100%))}.home-view .slide-dot:not(.active)>span{display:none}
.home-view .home-catalog{position:relative;z-index:2;margin:0;padding-top:48px;background:transparent}.home-view .home-catalog .catalog-section{position:relative;padding:0;margin:0 0 48px;background:transparent}.home-view .home-catalog .row-heading{padding:0;margin:0 64px 16px;min-height:28px;line-height:28px}.home-view .home-catalog .row-heading h2{margin:0;font:600 20px/28px Inter,Arial,sans-serif;letter-spacing:0;color:#ffffffe6}.home-view .home-catalog .poster-row{gap:16px;padding:8px 64px 24px;margin:0;overflow-x:auto;overflow-y:clip;scroll-padding-left:64px;scrollbar-width:none}.home-view .poster-row .poster-card{flex:0 0 200px;width:200px;height:300px}.home-view .poster-row .poster-art{height:300px;border-radius:14px}.home-view .home-catalog .row-arrows{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;opacity:0;transition:opacity .3s;z-index:8}.home-view .home-catalog .catalog-section:is(:hover,:focus-within) .row-arrows{opacity:1}.home-view .home-catalog .row-arrows button{pointer-events:auto;width:48px;height:48px;border-radius:0;background:transparent;filter:drop-shadow(0 2px 6px #0008)}.home-view .home-catalog .row-arrows svg{height:40px;width:40px}.home-view .home-catalog .provider-rail{padding:8px 64px 16px;gap:24px;align-items:start;height:auto;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);scrollbar-width:none}.home-view .provider-rail button{height:auto;min-height:118px;gap:8px;width:92px;flex:0 0 92px}.home-view .provider-rail button img{width:80px;height:80px;border-radius:16px;border:1px solid #ffffff1a;box-shadow:0 10px 20px #0003;transition:transform .3s,border-color .3s}.home-view .provider-rail button:hover img{transform:scale(1.05);border-color:#ffffff4d}.home-view .provider-rail button span{width:92px;max-height:30px;height:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:clip;text-align:center;font:500 12px/15px Inter,Arial;color:#ffffff8c}.home-view .provider-rail button:hover span{color:white}
.continue-section .row-heading{display:flex;align-items:center;justify-content:space-between}.continue-edit{display:grid;place-items:center;width:28px;height:28px;padding:5px;background:none;color:#ffffff60}.continue-edit:hover{color:white}.continue-edit svg{width:20px;height:20px}.continue-rail{display:flex;gap:16px;padding:12px 64px 24px;overflow-x:auto;overflow-y:clip;scrollbar-width:none;scroll-padding-left:64px}.continue-card{position:relative;flex:0 0 288px;min-width:0;width:288px}.continue-art{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#1a1a1a;box-shadow:0 8px 15px #0006}.continue-image{display:block;width:100%;height:100%;object-fit:cover}.continue-logo{position:absolute;left:12.5%;top:50%;width:75%;height:auto;max-height:60%;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 2px 8px #0008)}.continue-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff33}.continue-progress>span{display:block;height:100%;background:#fff;border-radius:0 2px 2px 0}.continue-caption{display:block;margin-top:8px;padding:0 2px}.continue-caption strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 14px/20px Inter,Arial;color:#ffffffe6}.continue-caption small{display:flex;align-items:center;gap:4px;margin-top:2px;height:16px;overflow:hidden;white-space:nowrap;font:400 12px/16px Inter,Arial;color:#ffffff80}.continue-caption svg{width:12px;height:12px;flex-shrink:0}.continue-remove{display:none;position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;background:#000b;color:#fff;font-size:24px}.continue-editing .continue-remove{display:block}.continue-editing .continue-art{animation:continue-shake .25s infinite}.continue-preview{position:fixed;z-index:100;background:#28282c8c;backdrop-filter:blur(22px) saturate(1.8);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0008;animation:continue-expand .18s ease-out}.continue-preview-art{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.continue-preview-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#28282c22)}.continue-preview-actions{display:flex;align-items:center;gap:10px;padding:12px 13px 13px}.continue-preview-actions a,.continue-preview-actions .round-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;padding:10px;color:white;background:#ffffff0a;border:1px solid #ffffff26}.continue-preview-actions .continue-preview-play{background:#fff;color:#050505;border-color:#fff}.continue-preview-actions svg{width:23px;height:23px}.continue-preview-actions .continue-preview-info{margin-left:auto}.continue-preview-actions a:hover,.continue-preview-actions button:hover{transform:scale(1.08)}.continue-preview-progress{display:flex;align-items:center;gap:12px;padding:0 13px 14px}.continue-preview-progress>span{display:block;flex:1;min-width:0;height:4px;background:#ffffff33;overflow:hidden;border-radius:1px}.continue-preview-progress i{display:block;height:100%;background:white}.continue-preview-progress small{font:600 12px/16px Inter,Arial;color:#ffffff80;white-space:nowrap}.home-row-choice{position:relative;display:flex;align-items:baseline;gap:8px;max-width:100%;z-index:20}.home-row-choice h2{flex-shrink:0}.home-row-choice-trigger{display:flex;align-items:center;gap:5px;min-width:0;padding:0;font:600 20px/28px Inter,Arial;color:white;background:none;text-decoration:underline;text-decoration-color:#ffffff66;text-underline-offset:4px}.home-row-choice-trigger svg{width:18px;height:18px;transform:rotate(90deg);color:#ffffff80}.home-row-choice-trigger[aria-expanded=true] svg{transform:rotate(-90deg)}.home-row-choice-menu{position:absolute;top:calc(100% + 8px);left:220px;z-index:101;width:256px;max-height:288px;overflow:auto;padding:4px;background:#1a1a1af2;backdrop-filter:blur(24px);border:1px solid #ffffff1a;box-shadow:0 20px 50px #0006;border-radius:12px}.home-row-choice-menu[hidden]{display:none}.home-row-choice-menu button{display:block;width:100%;padding:10px 16px;border:0;background:none;color:#ffffffb3;text-align:left;font:500 14px/20px Inter,Arial;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-row-choice-menu button[aria-selected=true]{background:#ffffff0d;color:white}.home-row-choice-menu button:hover,.home-row-choice-menu button:focus-visible{background:#ffffff1a;color:white;outline:none}.home-view .site-footer{background:transparent}.home-view .ambient-silk-footer{display:none}
@keyframes continue-expand{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes continue-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}
@media(max-width:1000px){.home-view .hero-content{left:40px;max-width:calc(100% - 80px)}.home-view .home-catalog .row-heading{margin-left:40px;margin-right:40px}.home-view .home-catalog .poster-row,.home-view .home-catalog .provider-rail,.continue-rail{padding-left:40px;padding-right:40px}}
@media(max-width:700px){.home-view .hero-carousel{height:85svh;min-height:500px}.home-view .hero-content{left:24px;bottom:80px;width:calc(100% - 48px);max-width:none;align-items:center;text-align:center;gap:16px}.home-view .hero-content .title-logo{max-height:112px}.home-view .hero-content .title-logo img{max-height:112px;max-width:100%}.home-view .hero-meta{justify-content:center;gap:8px;font-size:13px;line-height:20px}.home-view .hero-overview{-webkit-line-clamp:2;font-size:14px;line-height:20px}.home-view .hero-content .title-actions{justify-content:center}.home-view .hero-carousel .carousel-controls{right:24px;bottom:28px}.home-view .home-catalog{padding-top:16px}.home-view .home-catalog .row-heading{margin-left:24px;margin-right:24px}.home-view .home-catalog .row-heading h2,.home-row-choice-trigger{font-size:18px;line-height:26px}.home-view .home-catalog .poster-row,.home-view .home-catalog .provider-rail,.continue-rail{padding-left:24px;padding-right:24px}.continue-card{flex-basis:240px;width:240px}.home-view .provider-rail button{width:76px;flex-basis:76px;min-height:98px}.home-view .provider-rail button img{width:64px;height:64px}.home-view .provider-rail button span{width:76px;font-size:11px}.home-view .home-catalog .catalog-section{margin-bottom:32px}.home-view .poster-row .poster-card{flex-basis:145px;width:145px;height:217.5px}.home-view .poster-row .poster-art{height:217.5px}.home-view .home-catalog .row-arrows{display:none}.home-ambient-bleed{display:none}.home-row-choice{gap:6px}.home-row-choice h2{flex-shrink:1}.home-row-choice-menu{left:auto;right:0;max-width:calc(100vw - 48px)}}
@media(prefers-reduced-motion:reduce){.home-ambient-layer,.home-view .hero-slide,.continue-preview,.continue-editing .continue-art{transition:none;animation:none}}html[data-motion=off] .continue-preview,html[data-motion=off] .continue-editing .continue-art{animation:none}html[data-motion=off] .home-ambient-layer{transition:none}
.home-view .slide-dot.active>span{width:var(--hero-progress,0%);transform:none}.home-view .nav-pill{background:#0000004d;backdrop-filter:blur(20px);border-color:#ffffff1a}
.home-view .hero-overview{display:block;-webkit-line-clamp:unset;overflow:visible}.home-view .hero-meta span,.home-view .hero-meta strong,.home-view .hero-meta svg{color:#fff}.home-view .continue-section .row-heading>a{margin:0 auto 0 0}.home-view .hero-content .secondary-actions .round-button:last-child:before{content:"";position:absolute;left:0;width:1px;height:24px;top:13px;background:#ffffff40}


/* title-parity.css */
/* The uploaded library and API catalog share the same title composition. */
.cast-section .cast-row{height:auto;max-height:none;align-items:stretch;padding-top:16px;padding-bottom:20px;overflow-x:auto;overflow-y:hidden}
.cast-section .cast-row .cast-person{height:auto;min-height:218px;overflow:visible;padding:0;justify-content:flex-start}
.cast-section .cast-row .cast-person>img,.cast-section .cast-row .cast-no-photo{flex-shrink:0;margin-bottom:12px}
.cast-section .cast-row .cast-person>strong{display:block;white-space:normal;overflow:visible;text-overflow:clip;width:100%;max-width:100%;min-height:40px;line-height:20px;overflow-wrap:anywhere}
.cast-section .cast-row .cast-person>small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;max-width:100%;line-height:18px;max-height:36px;margin-top:2px}
@media(max-width:700px){.cast-section .cast-row .cast-person{min-height:190px}}
.detail-hero{background:transparent;padding:0 64px;margin:0 0 56px;min-height:0}
.detail-hero>.hero-backdrop{position:absolute;inset:0 0 auto;width:100%;height:75vh;object-fit:cover;object-position:center top;opacity:1;filter:none;mask-image:none}
.detail-hero>.hero-vignette{position:absolute;inset:0 0 auto;height:75vh;background:linear-gradient(to top,#050505,#05050566 50%,transparent),linear-gradient(to right,#050505,transparent 50%);pointer-events:none}
.detail-layout{position:relative;padding-top:max(72px,calc(75vh - 352px));display:grid;grid-template-columns:minmax(0,650px) 280px;align-items:start;justify-content:space-between;gap:40px}
.detail-main{width:100%;max-width:650px;padding:0}.detail-main .title-logo,.detail-main .title-logo img{width:auto;height:auto;max-height:144px;max-width:500px;object-fit:contain;object-position:left center;margin:0;min-height:0}
.detail-main .genres{font-size:18px;line-height:28px;font-weight:500;color:#ffffffe6;margin:16px 0 24px}.detail-main .genres>span{padding:0 2px;color:#777}
.detail-main .title-actions{gap:12px;margin:0 0 24px;align-items:center}.detail-main .secondary-actions{display:contents}.detail-main .play-action{height:44px;min-height:44px;padding:0 24px;font-size:16px;font-weight:600}.detail-main .round-button,.detail-main .movie-watched{height:44px;width:44px;min-width:44px;border:1px solid #ffffff1a;background:#ffffff14;padding:11px;border-radius:50%;margin:0}.detail-main .round-button:hover,.detail-main .movie-watched:hover{background:#ffffff26;transform:scale(1.06)}
.detail-main .detail-meta{font-size:16px;font-weight:500;line-height:28px;color:#ffffffb3;gap:12px;margin:0}.detail-main .star{color:#fff9}.detail-main .star::first-letter{color:#f6d500}.detail-main .age-rating{height:26px;line-height:22px;color:#ccc}
.detail-main .director{margin:6px 0 0;font-size:16px;line-height:24px;color:#fff6}.detail-main .director a{color:#fffc;font-weight:500}.detail-main .detail-overview{margin:20px 0 0;line-height:26px;font-size:16px;color:#ffffffa6;font-weight:500;max-width:650px}.detail-main .detail-tagline{display:none}
.detail-layout>.info-panel{position:relative;inset:auto;align-self:start;width:280px;margin:160px 0 0;padding:0 16px;grid-column:2;grid-row:1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;backdrop-filter:blur(4px)}.detail-layout>.info-panel>div{padding:10px 0;min-height:36.8px;line-height:16px}.detail-layout>.info-panel strong{font-weight:500}.detail-layout>.production-logos{grid-column:2;grid-row:1;margin:366px 0 0;width:280px;position:relative;inset:auto;display:flex;justify-content:space-between;gap:24px;align-items:center}.production-logos img{max-width:115px;max-height:32px;object-fit:contain;opacity:.5}
.title-extras>.cast-section:first-child{margin-top:0}.cast-section .row-heading{height:32px;margin-bottom:32px}.cast-section .row-heading h2{font-size:24px;line-height:32px;font-weight:700}.cast-row{gap:24px}.cast-person{flex:0 0 140px;width:140px}.cast-person img{width:128px;height:128px;object-fit:cover;border-radius:50%}.cast-person strong{font-size:14px;line-height:20px}.cast-person small{font-size:12px;line-height:18px}
@media(max-width:1000px) and (min-width:701px){.detail-hero{padding-left:40px;padding-right:40px}.detail-layout{grid-template-columns:minmax(0,1fr) 240px}.detail-layout>.info-panel,.detail-layout>.production-logos{width:240px}.detail-main .title-logo img{max-width:100%}}
@media(max-width:700px){.detail-hero{padding:0 24px;margin-bottom:40px}.detail-hero>.hero-backdrop,.detail-hero>.hero-vignette{height:65vh}.detail-layout{display:flex;flex-direction:column;padding-top:max(120px,calc(65vh - 176px));gap:24px}.detail-main .title-logo,.detail-main .title-logo img{max-width:90%;max-height:100px}.detail-main .genres{font-size:14px;line-height:22px;margin:12px 0 20px}.detail-main .detail-meta{font-size:13px;gap:10px}.detail-main .director,.detail-main .detail-overview{font-size:14px;line-height:23px}.detail-layout>.info-panel{margin:0;width:100%}.detail-layout>.production-logos{margin:0;width:100%;justify-content:flex-start}.cast-person{flex-basis:112px;width:112px}.cast-person img{width:100px;height:100px}}


/* browse-interactions.css */
.nav-pill{position:relative;isolation:isolate}
.nav-pill .nav-marker{position:absolute;left:0;top:0;border-radius:999px;background:#fff;z-index:0;pointer-events:none;box-shadow:0 0 22px #ffffff15}
.nav-pill.nav-measured .nav-marker{transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1)}
.nav-pill>a,.nav-pill>button{position:relative;z-index:1}
.nav-pill a.active,.nav-pill button.active{background:transparent!important;box-shadow:none!important;color:#080808}
.home-view .slide-dot.active{background:#ffffff65;box-shadow:0 0 0 1px #ffffff55,0 2px 8px #0008}
.home-view .slide-dot.active>span{width:clamp(15%,var(--hero-progress,100%),100%);transform:none;background:#fff}
.home-view .hero-meta>span:first-child svg{color:#f6d500;fill:#f6d500;stroke:#f6d500}
.rating-star,.detail-main .star,.poster-hover p>span{color:#f6d500}
.search-field input::placeholder{opacity:1;transition:opacity .18s ease}
.search-field input.prompt-changing::placeholder{opacity:0}
.title-context-menu{position:fixed;z-index:1000;width:240px;max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);overflow:auto;padding:8px;background:#191919f5;border:1px solid #ffffff26;border-radius:14px;box-shadow:0 18px 65px #0009;backdrop-filter:blur(24px);animation:title-menu-in .14s ease-out;color:#fff}
.title-context-menu>p{padding:8px 12px;margin:0 0 5px;font-size:12px;font-weight:600;line-height:1.5;color:#aaa;overflow-wrap:anywhere}
.title-context-menu>[role=menuitem]{display:flex;width:100%;align-items:center;border:0;border-radius:8px;background:transparent;text-align:left;color:#eee;padding:12px;font:500 13px/1.3 Inter,Arial,sans-serif;cursor:pointer;text-decoration:none}
.title-context-menu>[role=menuitem]:is(:hover,:focus-visible){background:#ffffff12;outline:2px solid #ffffff55;outline-offset:-2px}
.title-context-menu>hr{border:0;border-top:1px solid #ffffff16;margin:5px}
@keyframes title-menu-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nav-pill.nav-measured .nav-marker,.search-field input::placeholder{transition:none}.title-context-menu{animation:none}}
html[data-motion=off] .nav-pill.nav-measured .nav-marker,html[data-motion=off] .search-field input::placeholder{transition:none}html[data-motion=off] .title-context-menu{animation:none}

/* Compact search posters for the 50-title catalog. */
.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
@media(max-width:1000px){.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}}
@media(max-width:700px){.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.search-page .poster-hover{padding:5px}.search-page .poster-hover h3{font-size:10px}.search-page .poster-hover p{font-size:9px}}


/* reference-upgrade.css */
/* Reference measurements: 64px gutters, 38px filters, 316px spotlight cards. */
.brand-mark>img{display:block;width:44px;height:44px;object-fit:contain}.brand-mark{width:44px;height:44px}
.nav-pill.nav-measured .nav-marker{transition:transform .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1)}
.home-ambient-layer{transition:opacity 1s cubic-bezier(.4,0,.2,1)}
.home-view .hero-slide{transition:opacity .85s cubic-bezier(.4,0,.2,1)}
.catalog-hero-slot{min-height:85vh}.catalog-hero-slot:empty{background:#151a13}
.discovery-page{position:relative;padding:0 64px 80px;z-index:2;margin-top:0;min-height:100vh}
.discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;margin-bottom:32px;padding-top:0}
.discovery-heading h1{font:700 48px/1 Inter,Arial,sans-serif;letter-spacing:-.025em;margin:0}
.discovery-controls,.pinned-filters-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.discovery-filter,.discovery-random,.discovery-clear{height:38px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff0d;backdrop-filter:blur(12px);color:#ffffffe6;font:500 14px/20px Inter,Arial;transition:background .2s,border-color .2s,transform .3s;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;min-width:140px}
.discovery-filter:hover,.discovery-filter[aria-expanded=true],.discovery-random:hover{background:#ffffff1a;border-color:#ffffff30}
.discovery-filter.has-selection{border-color:#ffffff50;background:#ffffff20}.filter-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:130px}
.discovery-filter>svg{width:16px;height:16px;color:#ffffff80;transition:transform .3s;flex:none}.discovery-filter[aria-expanded=true]>svg{transform:rotate(180deg)}
.discovery-random{width:38px;min-width:38px;max-width:38px;justify-content:flex-start;overflow:hidden;padding:10px;gap:10px;transition:max-width .3s,width .3s,background .3s}.discovery-random>svg{width:16px;height:16px;flex:none}.discovery-random>span{opacity:0;white-space:nowrap;transition:opacity .3s}.discovery-controls .discovery-random:hover{width:115px;max-width:115px}.discovery-controls .discovery-random:hover>span{opacity:1}
.discovery-clear{min-width:38px;width:38px;padding:10px}.discovery-clear>svg{width:16px;height:16px}.discovery-clear[hidden]{display:none}
.discovery-options{position:fixed;z-index:200;width:244px;max-width:calc(100vw - 16px);max-height:320px;overflow:auto;padding:6px;border-radius:16px;border:1px solid #ffffff26;background:#202020f2;backdrop-filter:blur(24px);box-shadow:0 20px 50px #0006;scrollbar-width:thin;animation:filter-in .18s cubic-bezier(.22,1,.36,1)}
.discovery-options>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;min-height:40px;color:#ffffffb3;font:500 14px/20px Inter,Arial;background:transparent;border-radius:9px}
.discovery-options>button>span{flex:1}.discovery-options>button>svg{width:16px;height:16px;opacity:0;flex:none}.discovery-options>button>img{width:24px;height:24px;border-radius:5px;object-fit:cover}
.discovery-options>button[aria-selected=true]{background:#ffffff0d;color:#fff}.discovery-options>button[aria-selected=true]>svg{opacity:1}.discovery-options>button:is(:hover,:focus-visible){background:#ffffff1a;color:#fff;outline:none}
.pinned-filters{position:fixed;left:50%;bottom:24px;z-index:60;max-width:calc(100vw - 48px);transform:translate(-50%,calc(100% + 40px));visibility:hidden;transition:transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s}
.pinned-filters.is-visible{transform:translate(-50%,0);visibility:visible;transition:transform .26s cubic-bezier(.22,1,.36,1),visibility 0s}
.pinned-filters-bar{flex-wrap:nowrap;padding:10px 12px;border-radius:999px;background:#101012b8;backdrop-filter:blur(14px) saturate(1.4);border:1px solid #ffffff1a;box-shadow:0 8px 28px #0005}
.pinned-filters-bar .discovery-filter{background:#ffffff1a;border-color:#ffffff26}
.spotlight-section{margin:0 -64px 24px}.spotlight-section .row-heading{margin:0 64px 16px;padding:0;justify-content:space-between}.spotlight-section h2{font:600 20px/28px Inter,Arial;margin:0}.spotlight-arrows{display:flex;gap:12px}.spotlight-arrows button{display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;color:white}.spotlight-arrows svg{width:28px;height:28px}
.spotlight-rail{display:flex;gap:16px;overflow-x:auto;overflow-y:clip;padding:8px 64px 24px;scroll-padding-left:64px;scroll-snap-type:x proximity;scrollbar-width:none}
.spotlight-card{flex:0 0 316px;min-width:0;scroll-snap-align:start;transform-origin:center;transition:transform .5s cubic-bezier(0,0,.2,1)}
.spotlight-art{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#ffffff0d;box-shadow:0 12px 24px #0006;isolation:isolate}.spotlight-art>img{width:100%;height:100%;display:block;object-fit:cover;transition:filter .3s}
.spotlight-badge{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2;padding:4px 12px;border-radius:7px 7px 0 0;font:500 11px/1.45 Inter,Arial;white-space:nowrap;background:#3c8217;color:#fff}
.spotlight-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s;text-align:center}.spotlight-hover h3{font-size:14px;line-height:18px;margin:0 0 5px}.spotlight-hover p{display:flex;align-items:center;gap:6px;font-size:12px;margin:0}.spotlight-hover svg{width:12px;height:12px}.spotlight-caption{display:none}
.discovery-page .discovery-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:32px 16px}.discovery-grid .poster-art{aspect-ratio:2/3;height:auto}.discovery-grid .poster-card{min-width:0}.show-more{margin:32px auto;min-width:140px;justify-content:center}.show-more[hidden]{display:none}.catalog-load-sentinel{height:1px}
.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:24px 18px}
.continue-preview{background:#191b1ff2;backdrop-filter:blur(24px);animation:none;opacity:0;transform:translate(var(--preview-x,0px),var(--preview-y,0px)) scale(var(--preview-scale,.9));transform-origin:top left;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.continue-preview.is-open{opacity:1;transform:translate(0,0) scale(1)}.continue-preview.is-closing{opacity:0;pointer-events:none;transform:translate(var(--preview-x,0px),var(--preview-y,0px)) scale(var(--preview-scale,.9))}
.continue-preview-art{border-bottom:1px solid #ffffff0d}.continue-preview-actions{padding:12px 16px;gap:12px}.continue-preview-progress{padding:0 16px 16px}.continue-preview-play{transition:transform .2s}.continue-preview-progress small{font-weight:500}
.cast-section .cast-row{gap:24px;align-items:flex-start}.cast-section .cast-row .cast-person{flex:0 0 144px;width:144px;min-height:0;height:auto;padding:0 0 8px}
.cast-section .cast-row .cast-person>strong{min-height:0;font-size:14px;line-height:20px;max-width:144px;white-space:normal;overflow:visible;margin:0}
.cast-section .cast-row .cast-person>small{display:block;max-height:none;overflow:visible;white-space:normal;margin-top:4px;font-size:12px;line-height:18px;color:#ffffff80}
.cast-section .cast-row .cast-person>img,.cast-section .cast-no-photo{width:112px;height:112px;margin-bottom:12px;flex:none;object-fit:cover;border-radius:50%}
.cast-no-photo{display:grid;place-items:center;border:1px solid #ffffff1a;background:#ffffff0d;color:#ffffff66}.cast-no-photo>svg{width:44%;height:44%;stroke-width:1.3}.person-no-photo{display:grid;place-items:center}.person-no-photo>svg{width:60%;height:60%}
.settings-page.settings-overview{padding:92px 0 80px;width:min(780px,calc(100% - 48px));max-width:none;margin:0 auto;min-height:100vh}
.settings-overview>h1{font-size:36px;line-height:44px;display:flex;align-items:center;gap:12px;margin:0 0 24px}.settings-overview>h1 svg{width:28px;height:28px}
.settings-nav-anchor{min-height:44px;margin-bottom:24px}.settings-overview .settings-sections{display:flex;align-items:center;gap:4px;width:100%;padding:0;overflow-x:auto;flex-wrap:nowrap;margin:0;background:transparent;border:0;box-shadow:none}
.settings-sections>button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:12px 8px;background:transparent;color:#ffffff99;font:500 13px/20px Inter,Arial;border-radius:0;transition:color .2s,background .2s}
.settings-sections>button>svg{width:16px;height:16px;flex:none}.settings-sections>button:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;border-radius:2px;background:#fff;opacity:0;transform:scaleX(.5);transition:opacity .2s,transform .2s}.settings-sections>button[aria-current=true]{color:#fff}.settings-sections>button[aria-current=true]:after{opacity:1;transform:scaleX(1)}
.settings-overview .settings-sections.is-docked{position:fixed;z-index:60;top:24px;left:108px;right:600px;width:auto;max-width:820px;padding:4px 10px;border-radius:999px;border:1px solid #ffffff1a;background:#101012bf;backdrop-filter:blur(24px);animation:filter-in .24s ease-out}
.settings-sections.is-docked>button{flex:1}.settings-panels{display:grid;gap:24px}.settings-panels>.settings-content{display:block;width:100%;padding:24px;background:#121612b3;border:1px solid #ffffff0d;border-radius:24px;backdrop-filter:blur(22px);scroll-margin-top:110px;box-shadow:none;overflow:visible;min-height:0}
.settings-content.section-flash{animation:settings-flash 1s ease-out}.settings-content>h2{font:600 18px/26px Inter,Arial;margin:0 0 3px}.settings-content>p{font:400 14px/21px Inter,Arial;color:#ffffff80;margin:0 0 28px}.settings-content .setting-row{min-height:88px;padding:20px 0;border-bottom:1px solid #ffffff0d}.settings-content .setting-row:last-child{border-bottom:0}.settings-content .preference-trigger{min-height:38px;min-width:130px;padding:8px 14px;font-size:13px}.settings-content .preference-segments>button{min-height:28px;padding:5px 12px;font-size:12px}.settings-content .preference-segments{padding:4px}.settings-content input[role=switch]{width:36px;height:20px}.settings-content input[role=switch]:after{left:2px;top:2px;width:14px;height:14px}.settings-content input[role=switch]:checked:after{transform:translateX(16px)}
.reference-lists.library-page{width:min(1088px,calc(100% - 48px));margin:0 auto;padding:96px 0 80px;min-height:100vh}.reference-lists h1{display:flex;align-items:center;gap:16px;font:700 36px/44px Inter,Arial;margin:0}.reference-lists h1>svg{width:32px;height:32px}.reference-lists .browse-heading{margin-bottom:32px;justify-content:space-between}.reference-lists .list-tabs{display:none}.reference-lists .browse-filters{gap:10px}.reference-lists .browse-filters .subtle-pill{background:#ffffff0d;backdrop-filter:blur(16px);border:1px solid #ffffff1a;height:44px;padding:10px 16px;font-size:14px}.reference-lists .browse-filters svg{width:18px;height:18px}
.discover-public-lists{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #ffffff0d;border-radius:24px;background:#151815ad;backdrop-filter:blur(24px);margin-bottom:24px;transition:background .3s,transform .3s}.discover-public-lists:hover{background:#ffffff1a;transform:translateY(-2px)}.discover-public-lists>svg:first-child{width:40px;height:40px;padding:11px;border:1px solid #ffffff1a;border-radius:50%;color:#ffffff80}.discover-public-lists>span{flex:1}.discover-public-lists strong{display:block;font-size:14px;line-height:20px}.discover-public-lists small{display:block;font-size:12px;line-height:18px;color:#ffffff66;margin-top:4px}.discover-public-lists>svg:last-child{width:16px;height:16px;color:#ffffff66}
.inline-list-form{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #ffffff0d;border-radius:24px;background:#151815ad;backdrop-filter:blur(24px);margin-bottom:24px}.inline-list-form[hidden]{display:none}.inline-list-form>input{min-width:0;flex:1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:13px 18px;color:#fff;font-size:14px;height:44px}.inline-list-form>button[data-random-list]{width:44px;height:44px;padding:12px;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffff99}.inline-list-form>button[data-random-list]>svg{width:20px;height:20px}.inline-list-form>.play-action{height:44px;min-height:44px;padding:0 24px;font-size:14px}
.list-cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.list-cover-grid .list-cover{display:block;width:auto;margin:0;padding:16px;background:#151815b3;border:1px solid #ffffff0d;backdrop-filter:blur(24px);border-radius:24px;transition:transform .3s,background .3s}.list-cover-grid .list-cover:hover{transform:translateY(-4px);background:#ffffff12}.list-cover>div:empty{background:#ffffff08;min-height:160px;display:grid;place-items:center}.list-cover>div:empty:after{content:"☷";font-size:48px;color:#ffffff66}.list-cover h3{font-size:18px;margin:16px 0 5px}.list-cover p{font-size:12px;color:#ffffff80}.lists-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:64px 24px;background:#151815b3;backdrop-filter:blur(24px);border:1px solid #ffffff0d;border-radius:24px;text-align:center}.lists-empty>svg{width:64px;height:64px;padding:18px;border:1px solid #ffffff1a;background:#ffffff08;border-radius:50%;color:#ffffff80}.lists-empty h2{font-size:18px;margin:24px 0 12px}.lists-empty p{max-width:360px;color:#ffffff66;font-size:14px;line-height:24px;margin:0}
.poster-grid .poster-card{animation:card-arrive .35s cubic-bezier(.22,1,.36,1) both}.poster-grid .poster-card:nth-child(7n+2){animation-delay:25ms}.poster-grid .poster-card:nth-child(7n+3){animation-delay:50ms}.poster-grid .poster-card:nth-child(7n+4){animation-delay:75ms}
@keyframes card-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes filter-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes settings-flash{0%{box-shadow:0 0 0 2px #ffffff55}100%{box-shadow:0 0 0 2px #ffffff00}}
@media(hover:hover) and (pointer:fine){.spotlight-card:hover{transform:scale(1.05);z-index:5}.spotlight-card:hover .spotlight-art>img{filter:brightness(.5)}.spotlight-card:hover .spotlight-hover{opacity:1;transform:translateY(0)}.poster-card:is(:hover,:focus-visible){transform:scale(1.05)}.poster-card:is(:hover,:focus-visible) .poster-art>img{filter:brightness(.5)}.poster-card:is(:hover,:focus-visible) .poster-hover{opacity:1;transform:translateY(0)}}
@media(max-width:1500px){.discovery-heading{align-items:flex-start;gap:20px}.discovery-heading h1{font-size:40px}.discovery-controls{gap:8px}.discovery-filter{min-width:120px;padding:8px 12px}.discovery-page .discovery-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.settings-overview .settings-sections.is-docked{right:auto;width:calc(100% - 700px)}.settings-sections.is-docked>button{padding:10px 5px}.settings-sections.is-docked>button>span{display:none}}
@media(max-width:1100px){.discovery-page{padding-left:32px;padding-right:32px}.discovery-heading{flex-direction:column;align-items:stretch}.discovery-controls{justify-content:flex-start}.spotlight-section{margin-left:-32px;margin-right:-32px}.spotlight-section .row-heading{margin-left:32px;margin-right:32px}.spotlight-rail{padding-left:32px;padding-right:32px}.spotlight-card{flex-basis:264px}.discovery-page .discovery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pinned-filters{display:none}.settings-overview .settings-sections.is-docked{top:auto;bottom:24px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px)}.settings-sections.is-docked>button>span{display:inline}}
@media(max-width:700px){.brand-mark,.brand-mark>img{width:36px;height:36px}.catalog-hero-slot{min-height:85svh}.discovery-page{padding:16px 24px 60px}.discovery-heading{margin-bottom:24px}.discovery-heading h1{font-size:30px}.discovery-controls{gap:8px;display:grid;grid-template-columns:38px repeat(2,minmax(0,1fr))}.discovery-filter{min-width:0;width:100%;font-size:12px;padding:8px 12px}.discovery-controls .discovery-random{grid-row:span 2;align-self:start}.discovery-controls .discovery-random:hover{max-width:38px;width:38px}.filter-label{max-width:none}.spotlight-section{margin-left:-24px;margin-right:-24px}.spotlight-section .row-heading{margin-left:24px;margin-right:24px}.spotlight-section h2{font-size:18px}.spotlight-rail{padding-left:24px;padding-right:24px}.spotlight-card{flex-basis:70vw;max-width:280px}.spotlight-hover{display:none}.spotlight-caption{display:block;padding:8px 0 4px}.spotlight-caption h3{font:500 12px/16px Inter,Arial;margin:0 0 3px}.spotlight-caption p{font:400 10px/14px Inter,Arial;color:#ffffff99;margin:0}.spotlight-arrows{display:none}.discovery-page .discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.search-page #outlawSearchResults>.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.cast-section .cast-row .cast-person{flex-basis:112px;width:112px}.cast-section .cast-row .cast-person>img,.cast-section .cast-no-photo{width:96px;height:96px}.cast-section .cast-row .cast-person>strong{font-size:12px;line-height:18px}.cast-section .cast-row .cast-person>small{font-size:11px;line-height:16px}.settings-page.settings-overview{padding-top:110px;width:calc(100% - 32px)}.settings-overview>h1{font-size:30px}.settings-sections>button{font-size:12px;padding:10px 7px}.settings-panels>.settings-content{padding:20px;border-radius:20px}.settings-content .preference-trigger{min-width:115px}.settings-overview .settings-sections.is-docked{padding:6px 10px;bottom:16px}.settings-sections.is-docked>button>span{display:none}.settings-sections.is-docked>button{padding:8px}.reference-lists.library-page{padding-top:110px;width:calc(100% - 32px)}.reference-lists h1{font-size:28px;gap:10px}.reference-lists .browse-heading{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.reference-lists .browse-filters{gap:6px}.reference-lists .browse-filters .subtle-pill{height:38px;min-height:38px;padding:8px 12px;font-size:12px}.discover-public-lists{padding:16px;gap:12px;border-radius:20px}.inline-list-form{padding:10px;gap:6px;border-radius:20px}.inline-list-form>input{padding:10px 12px;font-size:12px}.inline-list-form>.play-action{padding:0 15px;font-size:12px}.inline-list-form>button[data-random-list]{flex:none;width:38px;height:38px;padding:10px}.list-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.list-cover-grid .list-cover{padding:12px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.nav-pill.nav-measured .nav-marker,.home-view .hero-slide,.home-ambient-layer,.continue-preview,.discovery-filter,.discovery-random,.spotlight-card,.spotlight-hover,.pinned-filters{transition:none}.poster-grid .poster-card,.discovery-options,.settings-content.section-flash{animation:none}}
html[data-motion=off] .continue-preview{transition:none}html[data-motion=off] .poster-grid .poster-card{animation:none}

.site-header .brand-group{gap:8px}.site-header .brand-group .back-button{width:24px;margin-right:4px}.nav-pill a.active>svg{width:16px;height:16px;flex:none}

.preference-choice[data-preference=theme] .preference-trigger:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(90deg,var(--theme-dot) 50%,#ffffff44 50%);flex:none;margin-right:-12px}
.preference-segments{position:relative;isolation:isolate}.preference-segments>.segment-marker{position:absolute;top:0;left:0;z-index:0;background:#fff;border-radius:999px;pointer-events:none;box-shadow:0 2px 12px #0002;transition:transform .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1)}.preference-segments>button{position:relative;z-index:1}.settings-content .preference-segments>button[aria-pressed=true]{background:transparent;box-shadow:none}
@media(prefers-reduced-motion:reduce){.preference-segments>.segment-marker{transition:none}}

.footer-emblem>img{display:block;width:44px;height:44px;object-fit:contain}


/* detail-refinements.css */
/* Detail surfaces retain the selected film's ambient color through the footer. */
.detail-view .home-ambient{display:block}.detail-view #app,.detail-view .site-footer{position:relative;z-index:1;background:transparent}.detail-view .ambient-silk-footer,.detail-view .ambient-silk-page{display:none!important}.detail-view .home-ambient-blur{opacity:.5}
.detail-view .detail-hero{overflow:visible;isolation:isolate}.detail-view .detail-hero>.hero-backdrop{height:75vh;object-position:top;mask-image:linear-gradient(#000 45%,transparent 100%);-webkit-mask-image:linear-gradient(#000 45%,transparent 100%);z-index:-2}.detail-view .detail-hero>.hero-vignette{height:85vh;background:linear-gradient(to top,#05050500,transparent),linear-gradient(to right,#05050588,transparent 55%);z-index:-1}
.detail-main .title-logo img{display:block}.detail-main .play-action{min-width:120px;border-radius:999px;gap:6px;letter-spacing:0}.detail-main .play-action svg{width:20px;height:20px}.detail-main .title-actions{margin-bottom:16px}.detail-main .detail-meta{margin-top:22px}.detail-main .detail-overview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:26px;color:#ffffffb3}.detail-main .detail-overview.is-expanded{display:block;overflow:visible}.overview-toggle{padding:0;margin-top:8px;background:none;border:0;color:#ffffff80;font:500 14px/20px Inter,Arial;cursor:pointer}.overview-toggle:hover{color:#fff}.overview-toggle[hidden]{display:none}
.release-notice{display:flex;align-items:center;gap:8px;max-width:max-content;padding:9px 14px;margin:0;color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;backdrop-filter:blur(16px);font:400 12px/18px Inter,Arial}.release-notice strong{color:#ffffffe6;font-weight:600}.release-notice svg{width:14px;height:14px}.release-notice>span{color:#ffffff4d}
.detail-layout>.info-panel{margin-top:160px;padding:0 16px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;font:400 12px/16px Inter,Arial;color:#ffffff66}.detail-layout>.info-panel>div{padding:10px 0;min-height:36px;border-bottom:1px solid #ffffff0d;gap:12px}.detail-layout>.info-panel>div:last-child{border-bottom:0}.detail-layout>.info-panel strong{color:#ffffffb3;font-size:12px;font-weight:500;text-align:right}.detail-layout>.production-logos{margin-top:330px;justify-content:space-around}.production-logos img{filter:grayscale(1);opacity:.5}
.cast-section{position:relative}.cast-section .row-arrows{position:absolute;left:8px;right:8px;top:46%;display:flex;justify-content:space-between;z-index:4;pointer-events:none;opacity:0;transition:opacity .2s}.cast-section:is(:hover,:focus-within) .row-arrows{opacity:1}.cast-section .row-arrows .icon-button{pointer-events:auto;width:40px;height:54px;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 2px 5px #000);padding:4px}.cast-section .row-arrows svg{width:32px;height:32px}.trailers-section .wide-card .hover-play{display:none}.trailers-section .wide-card:hover{transform:scale(1.035)}
.spotlight-art>.spotlight-title-logo{position:absolute;left:12%;top:50%;transform:translateY(-50%);max-width:76%;width:auto;height:auto;max-height:54%;object-fit:contain;filter:drop-shadow(0 3px 8px #000b);z-index:1}.spotlight-art>.spotlight-title-text{position:absolute;inset:auto 16px 24px;display:block;text-align:center;font:800 24px/1.1 Inter,Arial;color:#fff;text-shadow:0 2px 12px #000}.spotlight-card:hover .spotlight-title-logo,.spotlight-card:hover .spotlight-title-text{opacity:0}.spotlight-title-logo,.spotlight-title-text{transition:opacity .3s}.spotlight-art>.spotlight-hover{z-index:2}
.settings-overview .settings-sections.is-docked{top:12px;left:max(132px,calc(50% - 390px));right:auto;bottom:auto;width:min(780px,calc(100% - 720px));max-width:780px;padding:3px 10px}.settings-content .setting-row{min-height:78px;padding:18px 0}.settings-panels>.settings-content{border-radius:24px;padding:24px}.site-header .back-button{padding:0;display:grid;place-items:center}.site-header .back-button[hidden]{display:none}.site-header .back-button svg{width:24px;height:24px}
.site-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:70px 24px 44px;min-height:240px}.site-footer .footer-brand{display:flex;align-items:center;gap:10px;font-size:28px;line-height:36px;letter-spacing:-1px;font-weight:800;color:white}.outlaw-footer-logo{width:38px;height:38px}.site-footer .footer-brand .outlaw-wordmark{display:inline;font:inherit;color:#fff}.site-footer .footer-brand .outlaw-wordmark>span{display:inline;font:inherit;color:#95ff50;letter-spacing:inherit}.site-footer .footer-description{max-width:500px;margin:0;font:400 12px/18px Inter,Arial;color:#ffffff66}.site-footer .footer-contact{font:400 12px/18px Inter,Arial;color:#ffffff66;text-decoration:underline;text-underline-offset:3px}.site-footer .footer-contact:hover{color:white}
.film-preview{position:fixed;z-index:110;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;background:#17191dbd;backdrop-filter:blur(28px) saturate(1.5);box-shadow:0 20px 70px #000a;transform:scale(.9);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .22s}.film-preview.is-open{transform:scale(1);opacity:1}.preview-screen{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#101010}.preview-poster{width:100%;height:100%;object-fit:cover;transition:opacity .65s}.preview-screen iframe{position:absolute;left:-13%;top:-13%;width:126%;height:126%;border:0;pointer-events:none;opacity:0;transition:opacity .65s}.preview-screen.is-playing iframe{opacity:1}.preview-screen.is-playing .preview-poster{opacity:0}.preview-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#0009);pointer-events:none}.preview-title-logo{position:absolute;left:20px;bottom:18px;max-width:65%;max-height:65px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 5px #0008)}.preview-title-logo[hidden]{display:none}.preview-name{position:absolute;bottom:18px;left:20px;right:20px;font:700 22px/26px Inter,Arial;color:white}.preview-name.has-logo{display:none}.preview-bottom{height:82px;display:flex;align-items:center;gap:14px;padding:16px;color:#ffffff99;font:500 13px/20px Inter,Arial}.preview-play,.preview-info{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff40;color:#fff;font:600 20px Inter;background:#ffffff0d}.preview-play{background:#fff;color:#000;border:0}.preview-play svg{width:22px;height:22px}.preview-info{margin-left:auto}.preview-bottom .rating-star{margin-left:8px;color:#f7d442}
@media(max-width:1500px){.settings-overview .settings-sections.is-docked{left:132px;top:12px;width:calc(100% - 710px)}.settings-sections.is-docked>button>span{display:none}.settings-sections.is-docked>button{padding:9px}}
@media(max-width:1100px){.settings-overview .settings-sections.is-docked{left:24px;top:84px;width:calc(100% - 48px);max-width:none;transform:none;bottom:auto}.settings-sections.is-docked>button>span{display:inline}.settings-panels>.settings-content{scroll-margin-top:150px}}
@media(max-width:700px){.detail-view .detail-hero>.hero-backdrop{height:65vh}.detail-view .detail-hero>.hero-vignette{height:70vh}.detail-layout>.info-panel,.detail-layout>.production-logos{margin-top:0}.release-notice{gap:6px;padding:8px 10px;font-size:10px}.detail-main .detail-meta{margin-top:18px}.cast-section .row-arrows{display:none}.settings-overview .settings-sections.is-docked{left:16px;top:82px;width:calc(100% - 32px);padding:4px 8px}.settings-sections.is-docked>button>span{display:none}.site-footer{padding-top:40px}.film-preview{display:none}.spotlight-art>.spotlight-title-text{font-size:20px}}
@media(prefers-reduced-motion:reduce){.film-preview,.preview-poster,.preview-screen iframe{transition:none}}
.detail-main .movie-watched svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7}.detail-main .play-action svg{fill:currentColor;stroke:none}
.detail-main .movie-watched svg{transform:none}.detail-main .detail-overview{font-weight:400}.detail-main .star{font-weight:500}.settings-content input[role=switch]:checked{background:#4c8b16!important}.settings-content input[role=switch]:after{background:#fff!important}
.trailers-section .wide-row{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:12px;scroll-snap-type:x proximity}.trailers-section .wide-card{scroll-snap-align:start}
.subtitle-swatches{display:flex;align-items:center;gap:10px}.subtitle-swatches>button{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid transparent;background:var(--swatch-color);box-shadow:0 0 0 1px #ffffff20;transition:transform .2s,box-shadow .2s}.subtitle-swatches>button:hover{transform:scale(1.12)}.subtitle-swatches>button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 5px #ffffff20}.subtitle-swatches>input[type=color]{width:24px;height:24px;padding:0;border:0;border-radius:50%;overflow:hidden;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);cursor:pointer}.subtitle-swatches>input::-webkit-color-swatch-wrapper{padding:4px}.subtitle-swatches>input::-webkit-color-swatch{border:0;border-radius:50%}
/* Match the reference's shared surfaces without a hard edge at the hero bottom. */
.detail-view .detail-hero>.hero-vignette{height:75vh;background:linear-gradient(#0003,#0003),linear-gradient(to right,#0006,transparent 55%);mask-image:linear-gradient(#000 45%,transparent 100%);-webkit-mask-image:linear-gradient(#000 45%,transparent 100%)}
.detail-layout>.detail-sidebar{grid-column:2;grid-row:1;margin-top:160px;width:280px;min-width:0}.detail-sidebar>.info-panel{position:static;margin:0;width:100%;padding:0 16px;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;backdrop-filter:blur(16px);font:400 12px/16px Inter,Arial;overflow:hidden}.detail-sidebar>.info-panel>div{padding:10px 0;min-height:36.8px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff0d}.detail-sidebar>.info-panel span{color:#ffffff80}.detail-sidebar>.info-panel strong{font-weight:500;color:#ffffffb3;font-size:12px;text-align:right}.detail-sidebar>.production-logos{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:20px 8px 0;width:auto;position:static}.detail-sidebar>.production-logos img{width:auto;max-width:120px;max-height:28px;filter:brightness(0) invert(1);opacity:.5}
.info-panel .collection-shortcut{display:flex;align-items:center;gap:10px;width:calc(100% + 32px);margin:0 -16px;padding:10px 16px;background:transparent;color:#ffffffb3;font:500 12px/16px Inter,Arial;text-align:left;border:0;border-top:1px solid #ffffff0d;transition:background .2s}.info-panel .collection-shortcut:hover{background:#ffffff0d}.collection-shortcut>svg{width:14px;height:14px;flex:none;color:#ffffff66}.collection-shortcut>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-shortcut>svg:last-child{width:12px;color:#ffffff33}#titleCollection{scroll-margin-top:100px}
.cast-section .cast-row{gap:20px}.cast-section .cast-row .cast-person>img{width:110px;height:110px;background:transparent;border:0;box-shadow:none}.cast-section .cast-row .cast-person:is(:hover,:focus-visible)>img{border:0;box-shadow:none;transform:scale(1.1)}.cast-section .cast-row .cast-person>strong,.cast-section .cast-row .cast-person>small{display:block;width:144px;max-width:144px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-section .cast-row .cast-person>small{margin-top:2px;line-height:16px}
.home-view .hero-content .title-actions{gap:12px}.home-view .hero-content .play-action{gap:8px;background:#f2f2f2;min-width:130px;width:130px;height:52px;padding:0 24px;font:600 18px/28px Inter,Arial;letter-spacing:.025em}.home-view .hero-content .play-action svg{width:20px;height:20px;stroke-width:2;stroke-linejoin:round;stroke:currentColor}.home-view .hero-content .secondary-actions{display:flex;gap:0;height:52px;border:1px solid #ffffff1a;border-radius:999px;overflow:hidden;background:#ffffff1a;backdrop-filter:blur(20px) saturate(1.5)}.home-view .hero-content .secondary-actions .round-button{width:64px;height:50px;padding:0;display:grid;place-items:center;flex:none;transform:none}.home-view .hero-content .secondary-actions .round-button:last-child{border-left:1px solid #ffffff40}.home-view .hero-content .secondary-actions .round-button:before{display:none}.home-view .hero-content .secondary-actions svg{width:24px;height:24px;stroke-width:2;transform:none}.home-view .hero-content .secondary-actions .round-button:hover svg{transform:scale(1.1)}
.preview-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.preview-screen.is-playing video{opacity:1}.preview-screen .preview-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1000px) and (min-width:701px){.detail-layout>.detail-sidebar{width:240px}.detail-sidebar>.production-logos{gap:20px}.detail-sidebar>.production-logos img{max-width:100px}}
@media(max-width:700px){.detail-view .detail-hero>.hero-vignette{height:65vh}.detail-layout>.detail-sidebar{margin:0;width:100%}.detail-sidebar>.production-logos{justify-content:flex-start;margin-top:20px}.cast-section .cast-row .cast-person>img{width:96px;height:96px}.cast-section .cast-row .cast-person>strong,.cast-section .cast-row .cast-person>small{width:112px;max-width:112px}}
.home-view .hero-content .secondary-actions .round-button{position:relative}.home-view .hero-content .secondary-actions .round-button:last-child{border-left:0}.home-view .hero-content .secondary-actions .round-button:last-child:before{content:"";display:block;position:absolute;left:0;top:13px;width:1px;height:24px;background:#ffffff40}.home-view .hero-content .play-action svg path{stroke:currentColor;stroke-width:2}.short-preview video{width:100%;height:100%;object-fit:contain}.detail-view .catalog-section{position:relative}.detail-view .catalog-section:not(.cast-section) .row-arrows{position:absolute;left:16px;right:16px;top:50%;display:flex;justify-content:space-between;pointer-events:none;z-index:4;opacity:0;transition:opacity .2s}.detail-view .catalog-section:not(.cast-section):is(:hover,:focus-within) .row-arrows{opacity:1}.detail-view .catalog-section:not(.cast-section) .row-arrows button{pointer-events:auto;background:transparent;width:40px;height:54px;filter:drop-shadow(0 2px 5px #000);padding:4px}.detail-view .catalog-section:not(.cast-section) .row-arrows svg{width:32px;height:32px}
.title-list-popover{position:fixed;z-index:150;width:260px;max-height:min(360px,calc(100vh - 24px));overflow:auto;padding:6px;border:1px solid #ffffff1a;border-radius:14px;background:#18181bcc;backdrop-filter:blur(24px) saturate(1.5);box-shadow:0 16px 50px #0005;opacity:0;transform:translateY(-5px) scale(.97);transform-origin:top left;transition:opacity .18s,transform .18s}.title-list-popover.is-open{opacity:1;transform:none}.title-list-options>label{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;cursor:pointer;font:500 14px/20px Inter,Arial;color:#ffffffe6}.title-list-options>label:hover{background:#ffffff0d}.title-list-options input{accent-color:#95ff50;width:16px;height:16px;flex:none}.title-list-options span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-list-options small{font-size:12px;color:#ffffff66}.title-list-popover>button{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid #ffffff0d;background:none;width:100%;padding:12px;color:#ffffffb3;font:500 14px/20px Inter,Arial}.title-list-popover>button:hover{background:#ffffff0d;border-radius:8px}.title-list-popover>button>svg{width:18px;height:18px}.home-view .hero-content .play-action{transition-duration:.2s}
@media(prefers-reduced-motion:reduce){.title-list-popover{transition:none}}


/* interface-polish.css */
/* A little edge fade and consistent keyboard feedback keep long rows readable. */
.polished-rail{scrollbar-width:none;mask-image:linear-gradient(to right,var(--rail-start,#000),#000 32px,#000 calc(100% - 32px),var(--rail-end,#000));-webkit-mask-image:linear-gradient(to right,var(--rail-start,#000),#000 32px,#000 calc(100% - 32px),var(--rail-end,#000));outline:none}.polished-rail:focus-visible{outline:1px solid #ffffff80;outline-offset:-2px;border-radius:10px}.rail-arrow{transition:opacity .2s,color .2s,transform .2s}.rail-arrow:disabled{opacity:0!important;pointer-events:none}.rail-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:999px!important}.poster-art>img,.spotlight-art>img:first-child,.continue-image,.cast-person>img,img.person-photo{transition:opacity .28s ease,filter .3s ease,transform .3s ease}.art-loading{opacity:0}.art-loaded{opacity:1}.art-unavailable{background:linear-gradient(145deg,#30312d,#11120f)!important}.art-unavailable>img[hidden]{display:none!important}.artwork-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#ffffffb3;font:600 18px/1.3 Inter,Arial;text-align:center;overflow-wrap:anywhere}.cast-person:focus-visible{outline:none}.cast-person:focus-visible>img,.cast-person:focus-visible>.cast-no-photo{outline:2px solid #fff;outline-offset:5px}.home-view .hero-content .secondary-actions .round-button:focus-visible{outline:2px solid #fff;outline-offset:-5px}.preview-play:focus-visible,.preview-info:focus-visible,.preview-save:focus-visible{outline:2px solid #fff;outline-offset:3px}
.continue-undo{position:fixed;z-index:170;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:22px;max-width:calc(100% - 32px);padding:13px 16px 13px 20px;background:#1a1d18e6;border:1px solid #ffffff20;backdrop-filter:blur(24px);box-shadow:0 10px 36px #0006;border-radius:16px;animation:undo-enter .22s ease-out;font:500 13px/20px Inter,Arial;color:#ffffffe6}.continue-undo>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-undo>button{flex:none;background:none;color:#b6ff73;font:600 13px/20px Inter,Arial;padding:3px 4px}.continue-undo>button:hover{text-decoration:underline;text-underline-offset:3px}@keyframes undo-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.polished-rail{mask-image:none;-webkit-mask-image:none}.continue-undo{bottom:20px;gap:14px}.continue-row-arrows{display:none!important}}
@media(prefers-reduced-motion:reduce){.art-loading,.art-loaded,.rail-arrow,.continue-undo{animation:none!important;transition:none!important}}
html[data-motion=off] .art-loading,html[data-motion=off] .art-loaded,html[data-motion=off] .rail-arrow,html[data-motion=off] .continue-undo{animation:none!important;transition:none!important}
.film-preview{border-radius:16px;background:#1b1f1bd9;box-shadow:0 24px 70px #0009;backdrop-filter:blur(28px) saturate(1.4);transform-origin:top left;transform:translate(var(--card-offset-x,0),var(--card-offset-y,0)) scale(var(--card-scale,.92));transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s}.film-preview.is-open{transform:translate(0,0) scale(1)}.film-preview.is-closing{pointer-events:none;transform:scale(.96);opacity:0;transition-duration:.2s}.preview-controls{display:flex;align-items:center;gap:12px;padding:14px 16px 10px}.preview-controls .round-button,.preview-controls .preview-info{height:40px;width:40px;min-width:40px;display:grid;place-items:center;border:1px solid #ffffff40;background:#ffffff08;border-radius:50%;padding:9px;color:#fff;transition:transform .2s,background .2s}.preview-controls .preview-play{height:42px;width:42px;min-width:42px;padding:10px}.preview-controls svg{display:block;width:21px;height:21px;transform:none}.preview-controls .preview-play svg{fill:currentColor;stroke:none}.preview-controls .round-button:hover,.preview-controls .preview-info:hover{transform:scale(1.08);background:#ffffff1a}.preview-controls .preview-info{margin-left:auto}.preview-controls .round-button.saved{color:#b6ff73;border-color:#b6ff7366}.preview-summary{padding:0 16px 16px}.preview-facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:500 12px/18px Inter,Arial;color:#ffffffb3}.preview-facts>span+span:before{content:"·";color:#ffffff4d;margin-right:8px}.preview-facts .preview-rating>span{color:#f6d044}.preview-genres{font:500 12px/18px Inter,Arial;color:#ffffff80;margin:7px 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview-overview{font:400 12px/19px Inter,Arial;color:#ffffffa6;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-genres[hidden],.preview-overview[hidden]{display:none}.film-preview .preview-poster{filter:none}.preview-title-logo{max-height:64px;max-width:70%}
@media(prefers-reduced-motion:reduce){.film-preview,.film-preview.is-closing{transition:none;transform:none}}
html[data-motion=off] .film-preview,html[data-motion=off] .film-preview.is-closing{transition:none;transform:none}

.preview-trailer{border:1px solid #ffffff38;color:#fff;background:#ffffff12;border-radius:999px;padding:9px 13px;cursor:pointer;font:600 12px Inter,Arial}.preview-trailer:hover{background:#ffffff25}.spex-trailer-dialog{width:min(900px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid #ffffff26;border-radius:16px;color:#fff;background:#101216;overflow:hidden}.spex-trailer-dialog::backdrop{background:#000c}.spex-trailer-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font:600 14px Inter,Arial}.spex-trailer-dialog header button{background:none;border:0;color:#fff;font-size:26px;cursor:pointer}.spex-trailer-dialog iframe{display:block;width:100%;height:min(54vw,506px);min-height:200px;border:0;background:#000}

.spex-trailer-row{display:flex;gap:20px;overflow-x:auto;scrollbar-width:thin;padding:12px 0 8px}.spex-trailer-card{position:relative;display:block;flex:0 0 320px;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff18;border-radius:10px;background:#15191c;color:white;text-align:left;cursor:pointer;padding:0}.spex-trailer-card img{width:100%;height:100%;object-fit:cover;display:block}.spex-trailer-card:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#000d);pointer-events:none}.spex-trailer-caption{position:absolute;bottom:10px;left:12px;right:12px;z-index:1;display:grid;gap:2px}.spex-trailer-caption strong{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spex-trailer-caption small{font-size:11px;color:#ddd}.spex-trailer-card:hover{border-color:#ffffff70}.spex-trailer-card:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:700px){.spex-trailer-card{flex-basis:min(300px,80vw)}.spex-trailer-row{gap:12px}}


/* comparison-polish.css */

.nav-pill.nav-measured .nav-marker{transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1)}
.detail-view .home-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(#0007,#0003 65%,#0004);pointer-events:none}
.detail-view .home-ambient-bleed{display:none}.detail-view .detail-hero>.hero-backdrop{mask-image:linear-gradient(#000 45%,transparent 100%);-webkit-mask-image:linear-gradient(#000 45%,transparent 100%)}
.detail-view .detail-main .star{color:#ffffffb3}.detail-view .detail-main .star::first-letter{color:#f5d400}
.detail-view .cast-section .cast-person{min-height:174px}.detail-view .cast-section .cast-person>strong{min-height:20px;line-height:20px}.detail-view .cast-section .cast-person>small{margin-top:2px;max-height:36px}.detail-view .catalog-section{margin-bottom:56px}
.detail-view .cast-section .cast-row{padding-top:16px;padding-bottom:16px}.detail-view .cast-section .cast-person>img,.detail-view .cast-section .cast-no-photo{margin-bottom:12px}
.detail-view .catalog-section .row-heading h2,.detail-view .episodes-section h2{font-size:24px;line-height:32px;font-weight:700}
.detail-view .catalog-section:not(.cast-section) .poster-row{padding-left:56px;padding-right:16px}.detail-view .catalog-section:not(.cast-section) .row-heading{margin-left:8px}
.episode-toolbar{align-items:center}.episode-toolbar .episode-sort{display:flex;align-items:center;gap:8px}.episode-sort svg{width:16px;height:16px}.watched-episode{display:grid;place-items:center;width:32px;height:32px;top:8px;right:8px}.watched-episode svg{width:16px;height:16px}
.downloads-dialog{width:min(672px,calc(100vw - 32px));border-radius:16px;background:#09090bf5;padding:24px 28px}.downloads-dialog>header{margin-bottom:24px}.downloads-dialog h2{font-size:20px;line-height:28px}.downloads-dialog::backdrop{backdrop-filter:none;background:#000a}.download-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#ffffff66;font:400 14px/20px Inter,Arial}.download-empty>svg{width:36px;height:36px;opacity:.5}.download-empty>p{margin:0}.download-empty>.subtle-pill{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:12px}.download-empty button svg{width:14px;height:14px}.download-empty.is-loading>svg{animation:download-pulse 1s ease-in-out infinite alternate}.download-episode-choice{display:flex;gap:16px}.download-episode-choice label{display:flex;align-items:center;gap:10px;font-size:13px;color:#aaa}.download-episode-choice input{max-width:80px}.download-episode-choice select{padding:10px;border-radius:10px;color:white;background:#ffffff0c;border:1px solid #ffffff20}
.collection-dialog{width:min(1024px,calc(100vw - 32px));padding:24px 32px 40px;border-radius:16px;background:#090909f5}.collection-dialog>header{margin-bottom:12px}.collection-dialog h2{font-size:24px}.collection-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#ffffff66;font-size:14px}.collection-summary>button{font-size:12px;line-height:18px;background:none;color:#ffffff80;padding:4px 12px;border:1px solid transparent;border-radius:20px}.collection-summary>button[aria-pressed=true]{background:#ffffff26;border-color:#ffffff1a;color:white}.collection-description{font-size:14px;line-height:21px;color:#ffffff80;margin:16px 0 24px}.collection-dialog-rail{display:flex;gap:16px;overflow:auto;padding:2px 0 0;scrollbar-width:thin}.collection-dialog-rail>.poster-card{flex:0 0 170px;width:170px;height:255px}.collection-dialog-rail .poster-art{height:255px}.collection-dialog-rail .poster-meta{display:none}
.ratings-dialog{padding:20px 24px 0;max-height:82vh;border-radius:16px;background:#090909f5}.ratings-dialog>header{margin-bottom:0}.ratings-dialog h2{font-size:20px}.ratings-dialog .outlaw-dialog-body>p{font:400 14px/20px Inter,Arial;margin:0 0 12px;color:#ffffff66}.rating-legend{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 16px;font:400 11px/16px Inter,Arial;color:#ffffff80}.rating-legend>span{display:flex;gap:6px;align-items:center}.rating-legend i{display:block;width:12px;height:12px;border-radius:3px;background:var(--rating-color)}.rating-grid{max-height:calc(82vh - 130px);margin:0 -24px;padding:0 24px 20px;border-top:1px solid #ffffff0d}.rating-grid table{margin:12px 0 0;border-spacing:4px}.rating-grid th{padding:4px;font-size:12px}.rating-grid td{height:40px;min-width:48px}.rating-grid .rating-cell{width:48px;height:40px;border-radius:6px}.rating-grid thead{position:sticky;top:0;z-index:1;background:#090909}.rating-cell:focus-visible{outline:2px solid white;outline-offset:1px}.rating-tooltip{position:absolute;z-index:10;max-width:260px;padding:8px 12px;border-radius:8px;background:#161616ee;border:1px solid #ffffff1a;font-size:12px;pointer-events:none;color:#fff;box-shadow:0 4px 20px #0005}.rating-tooltip small{display:block;font-size:11px;color:#ffffff80;margin-top:3px}
.settings-content input[role=switch]{width:44px;height:24px;border:0;background:#ffffff26}.settings-content input[role=switch]:after{width:18px;height:18px;top:3px;left:3px}.settings-content input[role=switch]:checked:after{transform:translateX(20px)}.settings-content .setting-row:has([data-pref=logos])>span:after{content:"Display movie and series titles as image logos.";display:block;font-size:12px;line-height:18px;color:#ffffff66;font-weight:400;margin-top:4px}.settings-content .setting-row{min-height:78px;padding:18px 0}.settings-content>p{margin-bottom:20px}.settings-content .preference-options{background:#222222d9}.preference-options [role=option]:first-child[data-value=Custom]{border-bottom:1px solid #ffffff1a;border-radius:0;margin-bottom:6px;padding-bottom:16px}.preference-options [role=option][data-theme-color]:before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(90deg,var(--theme-color) 50%,#121212 50%)}.preference-options [role=option][data-theme-color]{gap:10px}.preference-options [role=option]>span:last-child{margin-left:auto}
.febbox-heading{position:relative}.febbox-help-popover{position:absolute;bottom:calc(100% + 12px);left:145px;width:330px;max-width:calc(100vw - 64px);z-index:40;padding:18px;border:1px solid #ffffff1a;border-radius:12px;background:#202020e6;backdrop-filter:blur(24px);box-shadow:0 8px 36px #0005;font:400 13px/22px Inter,Arial;color:#ccc}.febbox-help-popover>strong{display:block;color:#fff;margin-bottom:12px;font-size:14px}.febbox-help-popover ol{padding-left:18px;margin:0}.febbox-help-popover li+li{margin-top:8px}.febbox-help-popover a{text-decoration:underline}.inline-list-form[hidden]{display:none!important}
@media(min-width:1001px){.person-page>.person-hero{max-width:1408px;margin:auto;padding-left:0;padding-right:0;padding-bottom:96px}.person-page>.person-filmography{max-width:1408px;margin:auto;padding-left:0;padding-right:0}.person-filmography>.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.person-biography>span{-webkit-line-clamp:6}.person-hero{grid-template-columns:288px minmax(0,1fr)}}
@media(min-width:1001px) and (max-width:1500px){.person-page>.person-hero,.person-page>.person-filmography{max-width:calc(100% - 96px)}}
.layout-editor-page{max-width:860px;width:calc(100% - 48px);margin:auto;padding:92px 0 70px}.layout-editor-page h1{display:flex;gap:12px;align-items:center;font:700 36px/44px Inter,Arial;letter-spacing:-1px;margin:0 0 24px}.layout-editor-page h1 svg{width:32px;height:32px}.layout-editor-panel{border:1px solid #ffffff1a;border-radius:24px;background:#0c100ca6;backdrop-filter:blur(24px);padding:24px;margin-bottom:24px}.layout-editor-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.layout-editor-panel h2{font:600 18px/26px Inter,Arial;margin:0}.layout-editor-panel [data-reset-layout]{display:flex;align-items:center;gap:8px;font-size:13px}.layout-editor-panel [data-reset-layout] svg{width:16px;height:16px}.layout-editor-panel [data-reset-layout]:disabled{opacity:.3;cursor:default}.layout-preview{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid #ffffff1a;background:#111}.layout-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.layout-top{position:absolute;inset:12px 16px auto;display:flex;align-items:center;gap:12px}.layout-top>span>svg{width:22px;height:22px}.layout-title{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;color:#ddd}.layout-top>[data-layout-zone]{margin-left:auto}.layout-bottom{position:absolute;inset:auto 12px 12px}.layout-bottom:before{content:"";position:absolute;inset:-50px -12px -12px;pointer-events:none;background:linear-gradient(transparent,#000b);z-index:-1}.layout-progress{height:4px;background:#ffffff40;margin-bottom:12px;border-radius:4px;overflow:hidden}.layout-progress>span{display:block;width:38%;height:100%;background:var(--outlaw-accent,#95ff50)}.layout-bottom-row{display:flex;justify-content:space-between;gap:16px}.layout-preview [data-layout-zone]{display:flex;align-items:center;gap:6px;min-width:36px;min-height:36px;border:1px dashed transparent;border-radius:8px}.layout-preview [data-layout-zone]:empty{border-color:#ffffff40}.layout-preview button{display:grid;place-items:center;min-width:36px;height:36px;padding:6px;color:white;background:transparent;border-radius:8px;cursor:grab}.layout-preview button svg{width:24px;height:24px}.layout-preview button[data-layout-action=time]{font-size:12px;white-space:nowrap}.layout-preview button:hover,.layout-preview button:focus-visible{background:#ffffff1a}.layout-editor-panel>[data-layout-zone=available]{display:flex;flex-wrap:wrap;gap:8px;padding:8px;margin-top:16px;min-height:58px;border:1px dashed #ffffff26;border-radius:12px}.layout-editor-panel>[data-layout-zone=available]>button{display:flex;align-items:center;gap:8px;border:1px solid #ffffff1a;border-radius:999px;padding:8px 12px;background:#ffffff0d;font-size:12px;color:white;cursor:grab}.layout-editor-panel>[data-layout-zone=available]>button svg{width:20px;height:20px}.layout-help{font-size:12px;line-height:20px;color:#ffffff66}.layout-action-menu{position:fixed;z-index:100;width:240px;padding:6px;background:#202020ed;backdrop-filter:blur(24px);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 12px 40px #0006}.layout-action-menu[hidden]{display:none}.layout-action-menu>strong{display:block;padding:10px;font-size:13px}.layout-action-menu>button{display:block;width:100%;padding:10px;border-radius:8px;font-size:13px;text-align:left;color:#ccc;background:none}.layout-action-menu>button:hover,.layout-action-menu>button:focus-visible{background:#ffffff14;color:white}.layout-action-menu>button:disabled{opacity:.3}.layout-editor-page .drag-target{background:#ffffff1a!important;border-color:#fff!important}.layout-editor-page .dragging{opacity:.35}.stream-layout-top,.native-layout-top{display:flex;align-items:center;gap:8px;margin-left:auto}.stream-layout-top button,.native-layout-top button{width:38px;height:38px;padding:8px;background:none;color:white}.stream-layout-top svg,.native-layout-top svg{width:22px;height:22px}.has-control-layout [hidden]{display:none!important}.has-control-layout .stream-transport>[data-time]{margin-left:0}.has-control-layout .stream-layout-left,.has-control-layout .stream-layout-right{display:flex;align-items:center;gap:8px}.has-control-layout .stream-layout-right{margin-left:auto}.has-control-layout .stream-volume{margin:0}.has-control-layout .native-extras{margin-left:auto}.has-control-layout .player-status{gap:8px}.has-control-layout .native-clock{white-space:nowrap;margin:0 8px}.stream-layout-top [data-time]{font-size:12px}.stream-layout-top .stream-volume input{width:80px}
@keyframes download-pulse{to{opacity:.3;transform:translateY(4px)}}
@media(max-width:700px){.layout-editor-page{padding-top:110px;width:calc(100% - 32px)}.layout-editor-page h1{font-size:28px}.layout-editor-panel{padding:16px;border-radius:20px}.layout-preview{aspect-ratio:4/3}.layout-preview button{min-width:24px;width:24px;height:30px;padding:3px}.layout-preview button svg{width:18px;height:18px}.layout-preview [data-layout-action=time]{font-size:9px}.layout-preview [data-layout-zone]{gap:0}.layout-bottom-row{gap:4px}.layout-bottom{left:6px;right:6px}.layout-help{font-size:11px}.collection-dialog{padding:20px}.collection-dialog-rail>.poster-card{flex-basis:140px;width:140px;height:210px}.collection-dialog-rail .poster-art{height:210px}.collection-dialog h2{font-size:20px}.download-episode-choice{flex-wrap:wrap}.febbox-help-popover{left:0}.detail-view .catalog-section:not(.cast-section) .poster-row{padding-left:0}.detail-view .catalog-section .row-heading h2,.detail-view .episodes-section h2{font-size:20px}.ratings-dialog{padding:16px 16px 0}.rating-grid{margin:0 -16px;padding:0 16px 16px}.rating-legend{gap:8px}.settings-content input[role=switch]{flex-shrink:0}.stream-layout-top:empty,.native-layout-top:empty{display:none}}
@media(prefers-reduced-motion:reduce){.nav-pill.nav-measured .nav-marker{transition:none}.download-empty.is-loading>svg{animation:none}}
html[data-motion=off] .nav-pill.nav-measured .nav-marker{transition:none}

.public-list-total{font-size:14px;color:#ffffff66;margin:-12px 0 24px}.public-list-search{margin-bottom:24px}.public-list-search input{height:48px;font-size:14px}.public-list-search>svg{width:20px;height:20px}
.settings-content .setting-row:has(input[type=range]){flex-wrap:nowrap;gap:14px}.settings-content .setting-row:has(input[type=range])>span{flex:1}.settings-content .setting-row>input[type=range]{width:120px;flex:0 0 120px;max-width:30%;margin:0;height:4px}.settings-content .preference-range-value{flex:none;font-size:12px;color:#ffffff80}.settings-content .setting-row:has([data-pref=subSize])>span:after{content:"Adjust subtitle size for your display.";display:block;font-size:12px;line-height:18px;color:#ffffff66;font-weight:400;margin-top:4px}.settings-content[data-settings-panel=servers]{display:flex;flex-direction:column}.settings-content[data-settings-panel=servers]>h2,.settings-content[data-settings-panel=servers]>p{order:0}.settings-content[data-settings-panel=servers]>#serverOrder{order:1}.settings-content[data-settings-panel=servers]>a{order:2;font-size:13px;margin-top:12px}.settings-content [disabled]{cursor:default;opacity:.35}.febbox-token{display:flex;align-items:center;gap:12px;font-size:12px;color:#ffffff66}.febbox-token input{flex:1;min-width:0}.settings-sections.is-docked{overflow-y:hidden}.stream-layout-left .stream-volume{display:flex;align-items:center}.stream-layout-left .stream-volume input{width:88px}
.detail-view .catalog-section:not(.cast-section) .poster-row{margin-right:0;padding-left:64px;padding-right:16px;scroll-padding-left:64px}.detail-view .catalog-section:not(.cast-section) .poster-row>.poster-card{box-shadow:0 8px 16px #0003}
.detail-view .detail-hero>.hero-vignette{background:linear-gradient(90deg,#000b,transparent 55%),linear-gradient(#0002,#0002);mask-image:linear-gradient(#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,transparent 100%)}.detail-main .age-rating{font-size:14px;padding:1px 5px}.detail-sidebar>.production-logos:has(img:only-child){justify-content:center}
@media(max-width:700px){.settings-content .setting-row>input[type=range]{flex-basis:90px;max-width:30%}.settings-content .setting-row:has(input[type=range]){flex-wrap:wrap}.settings-content .setting-row:has([data-pref=subSize])>span{flex-basis:100%}.layout-top{left:10px;right:10px}.layout-title{font-size:11px}.febbox-token{display:grid}}
@media(max-width:700px){.detail-view .catalog-section:not(.cast-section) .poster-row{padding-left:0;scroll-padding-left:0}}

@media(max-width:700px){.layout-bottom-row{flex-wrap:wrap}.layout-bottom-row>[data-layout-zone=right]{margin-left:auto}}
@media(max-width:700px){.layout-preview button[data-layout-action=time]{width:auto;min-width:80px;font-size:10px}.layout-bottom-row>[data-layout-zone]{max-width:100%}}

.catalog-index-page{width:calc(100% - 48px);max-width:1536px;margin:auto;padding:96px 0 70px;min-height:100vh}.catalog-index-heading{margin:0 0 32px}.catalog-index-heading h1{display:flex;align-items:center;gap:16px;font:700 48px/64px Inter,Arial;letter-spacing:-1.5px;margin:0}.catalog-index-heading h1>img{width:64px;height:64px;border-radius:16px;object-fit:cover}.catalog-index-heading h1>svg{width:40px;height:40px}.catalog-index-grid.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:48px 24px}.catalog-index-grid .poster-art{height:auto;aspect-ratio:2/3}.catalog-index-grid .poster-card{height:auto}.catalog-index-grid .poster-meta{display:none}.provider-type-tabs{position:relative;display:flex;isolation:isolate;gap:0;width:max-content;border:1px solid #ffffff1a;background:#ffffff0a;border-radius:24px;padding:4px;margin-bottom:32px}.provider-type-tabs[hidden]{display:none}.provider-type-tabs>span{position:absolute;left:4px;top:4px;width:88px;height:32px;background:white;border-radius:20px;z-index:-1;transition:transform .3s cubic-bezier(.22,1,.36,1)}.provider-type-tabs[data-type=tv]>span{transform:translateX(88px)}.provider-type-tabs button{width:88px;height:32px;padding:6px 14px;background:none;color:#ffffff80;font:600 14px/20px Inter,Arial;transition:color .2s}.provider-type-tabs button[aria-pressed=true]{color:#111}.catalog-index-page .show-more{margin:32px auto}.home-catalog .row-heading>a{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.catalog-index-page .poster-card{box-shadow:0 8px 16px #0003}
@media(max-width:1200px){.catalog-index-grid.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.catalog-index-grid.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.catalog-index-page{padding-top:110px}.catalog-index-heading h1{font-size:32px;line-height:44px;letter-spacing:-.5px}.catalog-index-heading h1>img{width:48px;height:48px;border-radius:12px}.catalog-index-heading h1>svg{width:28px;height:28px}.catalog-index-grid.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.provider-type-tabs{margin-bottom:24px}.home-catalog .row-heading>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.provider-type-tabs>span{transition:none}}html[data-motion=off] .provider-type-tabs>span{transition:none}


/* refinement-v26.css */
/* Measured reference geometry, shared materials, and restrained interaction motion. */
body{background-color:var(--outlaw-background,#050505)}
.utility-page{background:var(--outlaw-background,#04120b)}
.utility-page:before{filter:none!important;background:radial-gradient(ellipse at 25% 0%,var(--outlaw-accent),transparent 65%),radial-gradient(ellipse at 95% 45%,var(--outlaw-secondary),transparent 65%);opacity:.22}
.nav-pill,.home-view .nav-pill{background:rgba(14,14,16,.25);border-color:#ffffff12;backdrop-filter:blur(20px) saturate(1.5)}
.nav-pill>a:not(.active):hover,.nav-pill>button:not(.active):hover{background:transparent!important;box-shadow:none!important;color:white}
.nav-pill>a,.nav-pill>button{transition:color .2s}
.nav-pill .nav-marker{background:var(--nav-active,#fff)}
.preference-options,.discovery-options,.home-row-choice-menu,.outlaw-settings-menu,.season-menu,.title-list-popover{background:color-mix(in srgb,var(--theme-dropdown-background,#1a1a1a) 88%,transparent);backdrop-filter:blur(24px) saturate(1.4);border-color:#ffffff1a;transform-origin:top center}
.preference-options,.season-menu,.outlaw-settings-menu{animation:menu-drop-in .24s cubic-bezier(.22,1,.36,1)}
.choice-up .preference-options{transform-origin:bottom center}
.home-row-choice-menu button{display:flex;align-items:center;gap:12px}
.home-row-choice-menu button img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none}
.home-row-choice-menu button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-row-choice-menu{left:0;width:256px}
.home-row-choice{position:relative}
.home-row-choice-trigger{position:relative}
.home-catalog .row-heading .home-row-choice{flex:1;min-width:0}
.settings-panels>.settings-content{background:color-mix(in srgb,var(--theme-background-main,#050505) 60%,transparent);border-color:#ffffff14;backdrop-filter:blur(24px) saturate(1.25)}
.settings-content .preference-options{background:color-mix(in srgb,var(--theme-dropdown-background,#1a1a1a) 88%,transparent)}
.settings-content input[role=switch]:checked{background:var(--theme-buttons-toggle,#fff);border-color:transparent}
.settings-content input[role=switch]:checked:after{background:white}
.preference-segments>.segment-marker{background:var(--theme-pill-highlight,#fff)}
.preference-segments>button[aria-pressed=true]{background:transparent;color:#fff}
.preference-options [role=option][data-theme-color]:before{background:linear-gradient(90deg,var(--theme-color) 50%,var(--theme-second) 50%)}
.preference-trigger[data-theme-color]:before{background:var(--theme-color)}
.settings-sections a[aria-current]:after{background:var(--theme-themePreview-primary,#fff)}
.settings-sections a[aria-current] svg{color:var(--theme-themePreview-primary,#fff)}
html[data-theme=surface] .nav-pill{background:rgba(14,14,16,.38);backdrop-filter:blur(4px) saturate(1.5);box-shadow:inset 0 1px 1px #ffffff20,inset 0 -1px 2px #0002,0 8px 30px #0001}
html[data-theme=surface] .settings-content{background:rgba(0,0,0,.14);border:1px solid #ffffff0f;backdrop-filter:blur(4px) saturate(1.45);box-shadow:inset 0 1px 1px #ffffff09,0 12px 40px #0001}
html[data-theme=surface] .settings-sections,html[data-theme=surface] .pinned-filters-bar{background:rgba(12,12,14,.55);backdrop-filter:blur(4px) saturate(1.5);box-shadow:inset 0 1px 1px #ffffff1a,0 8px 32px #0002}
html[data-theme=surface] :is(.preference-trigger,.preference-segments,.discovery-filter,.title-context-menu,.outlaw-dialog,.outlaw-settings-menu){background:#ffffff0d;backdrop-filter:blur(6px) saturate(1.5);box-shadow:inset 0 1px 1px #ffffff1a,0 12px 36px #0002}
html[data-theme=aero] .nav-pill,html[data-theme=aero] .settings-sections{background:#21304070;border-color:#b9dff52e;box-shadow:inset 0 1px 0 #e9f5fd33,0 8px 30px #08111a40}
html[data-theme=aero] .settings-content{background:#18243266;box-shadow:inset 0 1px 0 #e9f5fd12}
html[data-theme=amoled] :is(.settings-content,.outlaw-dialog,.title-context-menu){background:#000;border-color:#ffffff12}
html[data-theme=dark] .settings-content{background:#080808b8}
.settings-page .preference-trigger{min-width:140px;min-height:38px;padding:8px 16px}
.settings-page .settings-content{padding:24px}
.settings-content .setting-row small{color:#ffffff99}
.settings-content .setting-row{border-color:#ffffff1a}
.settings-page h2{font-size:18px;line-height:28px}
.settings-page .settings-content>p{font-size:14px;line-height:20px;color:#ffffffb3}
.has-carousel-edges{position:relative}
.has-carousel-edges>.row-heading .row-arrows,.has-carousel-edges>.row-heading .spotlight-arrows{display:none!important}
.carousel-edge{position:absolute;z-index:60;width:48px;height:48px;padding:4px;display:grid;place-items:center;background:transparent;border:0;color:white;transform:translateY(-50%);filter:drop-shadow(0 2px 6px #0009);opacity:0;transition:opacity .3s,scale .3s;pointer-events:none}
.carousel-edge svg{width:40px;height:40px;stroke-width:2}
.has-carousel-edges:hover>.carousel-edge:not(:disabled),.has-carousel-edges:focus-within>.carousel-edge:not(:disabled){opacity:1;pointer-events:auto}
.carousel-edge:hover{scale:1.1}
.carousel-edge:focus-visible{opacity:1;pointer-events:auto;outline:2px solid white;outline-offset:3px}
.polished-rail{scroll-behavior:auto;overscroll-behavior-x:contain}
.home-view .home-catalog .poster-row{gap:16px;scroll-padding-left:64px;padding-top:16px;padding-bottom:40px;min-height:356px;scroll-snap-type:none}
.home-view .poster-row .poster-card{flex:0 0 200px;width:200px;height:300px;scroll-snap-align:none}
.home-view .poster-row .poster-art{height:300px}
.home-view .hero-vignette{background:linear-gradient(to top,#05050555,transparent 65%),linear-gradient(to right,#05050555,transparent 65%)}
.poster-card,.spotlight-card{transition:transform .4s cubic-bezier(.25,1,.5,1),filter .3s}
.film-preview{transition:opacity .24s ease,transform .4s cubic-bezier(.25,1,.5,1);box-shadow:0 18px 50px #0008;background:color-mix(in srgb,var(--theme-mediaCard-hoverBackground,#151515) 95%,transparent)}
.film-preview .preview-info,.continue-preview-info{border:1px solid #ffffff4d;background:#ffffff0d}
.film-preview .preview-info:hover,.continue-preview-info:hover{border-color:white;background:#ffffff1a}
.film-preview .preview-info svg,.continue-preview-info svg{width:21px;height:21px;stroke-width:2}
.continue-edit{width:32px;height:32px;padding:6px;color:#ffffff80;transition:color .2s,transform .2s}
.continue-edit svg{width:20px;height:20px}
.continue-edit:hover{color:white;transform:scale(1.08)}
.continue-edit[aria-pressed=true]{color:white}
.continue-editing .continue-card{animation:continue-wiggle .35s ease-in-out infinite alternate;transform-origin:center}
.continue-editing .continue-card:nth-child(2n){animation-delay:-.2s}
.continue-editing .continue-art{animation:none;box-shadow:0 8px 24px #0005;transform:translateY(-3px)}
.continue-editing .continue-art:hover{transform:translateY(-5px)}
.continue-remove{display:none;right:-8px;top:0;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid #ffffff4d;background:#fff;color:#111;border-radius:50%;box-shadow:0 2px 10px #0004;z-index:5;padding:5px}
.continue-editing .continue-remove{display:flex}
.continue-remove svg{width:17px;height:17px;stroke-width:2.5}
.continue-card{overflow:visible}
.continue-rail{padding-top:16px!important;padding-bottom:24px!important}
.continue-editing .continue-caption{cursor:pointer}
.movie-watched[aria-pressed=true],.detail-main .movie-watched{background:#ffffff0d!important;border:1px solid #ffffff1a!important;color:white!important;box-shadow:0 4px 20px #0001!important;width:44px;height:44px;min-width:44px;padding:10px;border-radius:50%}
.movie-watched:hover{background:#ffffff1a!important;border-color:#ffffff33!important}
.movie-watched svg{width:20px;height:20px;stroke-width:2}
.detail-main .title-actions{gap:12px}
.detail-main .play-action{height:44px;padding:10px 24px;min-width:114px;font-weight:600;box-shadow:0 4px 16px #0001}
.detail-main .title-download{width:44px;height:44px;background:#ffffff0d;border:1px solid #ffffff1a;backdrop-filter:blur(20px)}
.detail-main .genres{gap:8px;font-size:14px;line-height:20px;margin-bottom:24px}
.detail-main .detail-meta{gap:16px}
.detail-view .detail-hero>.hero-vignette{height:75vh;background:linear-gradient(to top,#050505 0%,#05050566 50%,transparent 100%),linear-gradient(to right,#050505,transparent 50%);mask-image:linear-gradient(#000 70%,transparent)}
.detail-view .home-ambient-blur{filter:blur(90px) saturate(1);opacity:.42}
.detail-view .info-panel strong{font-weight:500}
.cast-person{transition:transform .3s cubic-bezier(.25,1,.5,1)}
.cast-person:hover{transform:translateY(-4px)}
.cast-person img,.cast-person .cast-no-photo{outline:2px solid transparent;outline-offset:4px;transition:outline-color .3s,transform .3s;border:0!important;box-shadow:none!important}
.cast-person:hover img,.cast-person:hover .cast-no-photo{outline-color:#ffffffb3;transform:scale(1.03)}
.cast-section .cast-row{padding-top:10px;padding-bottom:18px}
.toast{display:flex;align-items:center;gap:12px;left:50%;right:auto;bottom:32px;transform:translateX(-50%);padding:14px 20px;border-radius:14px;background:#141414d9;backdrop-filter:blur(24px);border:1px solid #ffffff1a;color:white;box-shadow:0 12px 40px #0003}
.toast[hidden]{display:none}
.toast-check{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid #fff;border-radius:50%;flex:none}
.toast-check svg{width:16px;height:16px}
.toast-check path{stroke-dasharray:24;animation:check-draw .28s ease-out}
.outlaw-settings-menu{top:60px;right:0;width:200px;padding:8px;border-radius:12px;box-shadow:0 15px 50px #0005;transform-origin:top right}
.outlaw-settings-menu a,.outlaw-settings-menu>button{height:44px;font-size:14px;gap:12px}
@keyframes menu-drop-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes continue-wiggle{from{transform:rotate(-.6deg)}to{transform:rotate(.6deg)}}
@keyframes check-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
.search-result-status{font-size:13px;line-height:20px;color:#ffffff80;margin:0 0 24px;min-height:20px}
.search-skeleton-grid{pointer-events:none;margin-top:0!important}
.search-poster-skeleton{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#ffffff0a;border:1px solid #ffffff05}
.search-poster-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff0b 45%,transparent 70%);transform:translateX(-100%);animation:search-shimmer 1.4s ease-in-out infinite}
.search-poster-skeleton:nth-child(3n+2):after{animation-delay:.12s}.search-poster-skeleton:nth-child(3n):after{animation-delay:.24s}
.search-poster-skeleton>span{position:absolute;left:12px;right:30%;bottom:18px;height:9px;border-radius:8px;background:#ffffff07}
.search-field.is-searching:after{content:"";width:16px;height:16px;flex:none;border:2px solid #ffffff26;border-top-color:#ffffffb3;border-radius:50%;animation:search-spin .7s linear infinite}
.search-live-grid>.poster-card{animation:search-result-in .2s ease-out both}
.search-live-grid>.poster-card:nth-child(2n){animation-delay:25ms}
.search-page .search-field{transition:background .2s,border-color .2s,box-shadow .2s}
.search-page .search-field:focus-within{background:#ffffff1a;border-color:#ffffff55;box-shadow:0 0 0 3px #ffffff05}
@keyframes search-shimmer{to{transform:translateX(100%)}}
@keyframes search-spin{to{transform:rotate(360deg)}}
@keyframes search-result-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
/* The in-app setting reduces decoration; it keeps brief spatial feedback. */
html[data-motion=off] .nav-pill.nav-measured .nav-marker{transition:transform .16s ease,width .16s ease,height .16s ease}
html[data-motion=off] :is(.preference-options,.season-menu,.outlaw-settings-menu){animation:menu-drop-in .12s ease-out}
html[data-motion=off] .film-preview,html[data-motion=off] .continue-preview{transition:opacity .12s,transform .16s}
html[data-motion=off] .continue-editing .continue-card{animation:none}
@media(min-width:1001px){.catalog-hero-slot{min-height:90vh}.catalog-hero-slot .hero-carousel{height:90vh}.discovery-page{padding-top:24px}.spotlight-section{margin-top:40px}.home-view .home-catalog .provider-rail button img{width:80px;height:80px}}
@media(max-width:1000px){.home-view .poster-row .poster-card{flex-basis:170px;width:170px;height:255px}.home-view .poster-row .poster-art{height:255px}.home-view .home-catalog .poster-row{min-height:311px;scroll-padding-left:40px}}
@media(max-width:700px){.carousel-edge{display:none!important}.home-view .poster-row .poster-card{flex-basis:140px;width:140px;height:210px}.home-view .poster-row .poster-art{height:210px}.home-view .home-catalog .poster-row{min-height:266px;scroll-padding-left:24px}.detail-main .title-actions{gap:8px}.detail-main .detail-meta{gap:10px}.settings-page .settings-content{padding:20px}.toast{max-width:calc(100vw - 32px);width:max-content;font-size:13px;bottom:20px}.home-row-choice-menu{max-width:calc(100vw - 48px);right:0;left:auto}}
@media(prefers-reduced-motion:reduce){.continue-editing .continue-card{animation:none}.nav-pill.nav-measured .nav-marker,.film-preview,.continue-preview,.cast-person,.poster-card{transition-duration:.01ms!important}.preference-options,.season-menu,.outlaw-settings-menu,.toast-check path{animation:none!important}}
@media(prefers-reduced-motion:reduce){.search-poster-skeleton:after,.search-live-grid>.poster-card,.search-field.is-searching:after{animation:none}}


/* sports.css */
.sports-page{width:calc(100% - 9vw);max-width:1640px;margin:auto;padding:140px 0 80px;min-height:80svh}.sports-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.sports-eyebrow{font-size:11px;letter-spacing:.2em;color:var(--outlaw-accent);margin:0 0 10px}.sports-heading h1{font-size:48px;line-height:1;margin:0;font-weight:600;letter-spacing:-.04em}.sports-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.sports-modes{display:flex;gap:6px;padding:5px;background:#ffffff0a;border:1px solid #ffffff16;border-radius:40px}.sports-modes button{background:transparent;color:#ffffffa0;border:0;padding:12px 22px;border-radius:30px;font:500 13px Inter,Arial;cursor:pointer;transition:background .2s,color .2s}.sports-modes [aria-pressed=true]{background:var(--nav-active,#fff);color:#080808}.sports-search{width:310px}.sports-search input{width:100%;border:1px solid #ffffff20;background:#ffffff08;border-radius:30px;padding:16px 22px;color:inherit;font:400 13px Inter,Arial}.sports-filters{display:flex;gap:12px;align-items:center;margin:22px 0}.sports-filters select{max-width:220px;border:1px solid #ffffff20;border-radius:24px;padding:10px 32px 10px 16px;background:#151515;color:#ddd;font:400 12px Inter,Arial}.sports-updated{margin-left:auto;font-size:11px;color:#ffffff70}.sports-status{font-size:12px;color:#ffffff90;margin:24px 0 18px;min-height:18px}.sports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.sports-card{display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.sports-art{position:relative;aspect-ratio:16/9;background:#ffffff09;border:1px solid #ffffff12;border-radius:16px;overflow:hidden;isolation:isolate}.sports-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .3s,opacity .3s}.sports-art:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(#0002,transparent 50%,#0006)}.sports-art-fallback{position:absolute;inset:16%;display:flex;align-items:center;justify-content:space-evenly;gap:16px;text-align:center;color:#ffffffb0;font-weight:600;font-size:17px}.sports-art-fallback>img{width:32%;height:100%;object-fit:contain}.has-image .sports-art-fallback{visibility:hidden}.sports-versus{font-size:10px;letter-spacing:.12em;opacity:.5}.sports-badge{position:absolute;z-index:3;top:13px;left:13px;background:#080808c9;border:1px solid #ffffff25;backdrop-filter:blur(10px);border-radius:20px;padding:6px 9px;font-size:9px;font-weight:600;letter-spacing:.05em}.sports-badge.is-live{color:var(--outlaw-accent)}.sports-card-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);width:48px;height:48px;border-radius:50%;background:#fff;color:#111;z-index:3;opacity:0;transition:opacity .2s,transform .2s;font-size:17px;padding-left:3px}.sports-card:hover .sports-card-play,.sports-card:focus-visible .sports-card-play{opacity:1;transform:translate(-50%,-50%)}.sports-card:hover .sports-art>img{transform:scale(1.035);opacity:.72}.sports-card-caption{padding:13px 2px 0}.sports-card-caption>span{font-size:10px;color:var(--outlaw-accent)}.sports-card h2{font-size:14px;font-weight:500;line-height:1.5;margin:5px 0}.sports-card p{font-size:11px;line-height:1.6;color:#ffffff80;margin:0}.sports-card p>span{white-space:nowrap}.sports-more{display:block;margin:36px auto}.sports-more[hidden],.sports-watch[hidden]{display:none}.sports-providers{margin-top:50px;padding-top:24px;border-top:1px solid #ffffff18;color:#ffffff80;font-size:12px;line-height:1.7}.sports-providers summary{cursor:pointer;color:inherit}.sports-provider-status{max-width:430px;margin:20px 0}.sports-provider-status p{display:flex;justify-content:space-between;gap:15px}.sports-provider-status strong{font-weight:500;color:#ddd}.sports-providers>a{color:var(--outlaw-accent)}.sports-watch{scroll-margin-top:110px;margin-bottom:55px}.sports-watch-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.sports-watch-heading h2{font-size:26px;font-weight:500;letter-spacing:-.03em;margin:14px 0 8px}.sports-watch-heading p{font-size:12px;color:#ffffff80;margin:0}.sports-back{font-size:12px;color:#ffffff90}.sports-screen{aspect-ratio:16/9;max-height:76svh;width:100%;background:#000;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;display:grid;place-items:center}.sports-screen>p{font-size:14px;color:#aaa}.sports-frame{width:100%;height:100%;border:0;display:block}.sports-source-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 16px}.sports-source-heading h3{margin:0;font-size:16px;font-weight:500}.sports-source-heading .subtle-pill{font-size:11px}.sports-source-list{display:flex;gap:10px;overflow:auto;padding:2px 2px 12px}.sports-source-list>button{flex:none;display:grid;gap:6px;text-align:left;min-width:150px;max-width:260px;border:1px solid #ffffff25;border-radius:13px;padding:13px 18px;background:#ffffff08;color:inherit;cursor:pointer}.sports-source-list strong{font-size:12px;font-weight:500}.sports-source-list span{font-size:11px;color:#ffffff80}.sports-source-list [aria-pressed=true]{border-color:var(--outlaw-accent);background:color-mix(in srgb,var(--outlaw-accent) 10%,transparent)}.sports-stream-status,.sports-playback-note{font-size:11px;color:#ffffff80;line-height:1.7;margin:10px 0}.sports-player-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.sports-player-actions .subtle-pill{font-size:12px}.sports-unavailable{padding:24px 0}.sports-unavailable p{color:#aaa}.sports-page button:focus-visible,.sports-page a:focus-visible,.sports-page select:focus-visible,.sports-page input:focus-visible{outline:2px solid var(--outlaw-accent);outline-offset:4px}
@media(min-width:1600px){.sports-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){.sports-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sports-card h2{font-size:13px}}
@media(max-width:700px){.sports-page{width:calc(100% - 36px);padding-top:112px}.sports-heading{margin-bottom:28px}.sports-heading h1{font-size:36px}.sports-toolbar{align-items:stretch;flex-direction:column;gap:15px}.sports-modes{align-self:flex-start}.sports-modes button{padding:10px 19px;font-size:12px}.sports-search{width:100%}.sports-filters{gap:8px;flex-wrap:wrap;margin:16px 0}.sports-filters select{max-width:180px;font-size:11px}.sports-updated{width:100%;margin:4px 0 0}.sports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.sports-art{border-radius:11px}.sports-art-fallback{font-size:12px;gap:7px}.sports-badge{top:8px;left:8px;padding:4px 6px;font-size:8px}.sports-card h2{font-size:12px}.sports-card p{font-size:10px}.sports-card p>span{display:block}.sports-card-play{width:35px;height:35px;font-size:13px}.sports-watch{scroll-margin-top:100px}.sports-watch-heading h2{font-size:21px}.sports-screen{border-radius:10px;max-height:none}.sports-source-list>button{min-width:140px;padding:12px}.sports-source-heading{margin-top:18px}.sports-playback-note{font-size:10px}}
@media(max-width:420px){.site-header{left:12px;right:12px;gap:8px}.site-header .brand-group{gap:4px}.site-header .brand-mark,.site-header .brand-mark>img{width:28px;height:32px}.site-header .brand-group .back-button{width:18px;margin:0}}
@media(prefers-reduced-motion:reduce){.sports-art>img,.sports-card-play,.sports-modes button{transition:none}}
/* Dedicated event viewing */
.sports-page.sports-watching{max-width:1700px;padding-top:110px}.sports-watching>.sports-heading,.sports-watching>.sports-toolbar,.sports-watching>.sports-filters,.sports-watching>.sports-favorite-shortcuts,.sports-watching>.sports-status,.sports-watching>.sports-grid,.sports-watching>.sports-more,.sports-watching>.sports-providers{display:none!important}.sports-watch-heading{margin:0 0 22px}.sports-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:#ccc;text-decoration:none;font-size:13px}.sports-back span{font-size:21px;line-height:1}.sports-back:hover{color:white}.sports-watch-heading h2{font-size:clamp(24px,3vw,38px);margin:0 0 9px}.sports-watch-heading p{color:#aeb5ae;font-size:13px}.sports-viewers{color:#a4f27d}.sports-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,350px);gap:20px;align-items:start}.sports-video-column{min-width:0}.sports-screen{width:100%;aspect-ratio:16/9;background:#08090b;border-radius:12px;overflow:hidden}.sports-screen iframe{width:100%;height:100%;border:0}.sports-source-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.sports-source-list{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}.sports-source-list button{flex:0 0 180px;display:grid;gap:6px;text-align:left;color:#ddd;background:#ffffff08;border:1px solid #ffffff1e;border-radius:10px;padding:12px;cursor:pointer}.sports-source-list button[aria-pressed=true]{border-color:#a5f27c;background:#a5f27c12}.sports-source-list small{color:#a5f27c}.sports-playback-note,.sports-stream-status{font-size:12px;color:#aab0aa}.sports-player-actions{display:flex;gap:10px}.sports-chat{position:sticky;top:100px;display:flex;flex-direction:column;height:min(680px,calc(100dvh - 140px));min-height:440px;border:1px solid #ffffff1c;border-radius:12px;background:#111514;overflow:hidden}.sports-chat-heading{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #ffffff16}.sports-chat-heading h3{font-size:16px;margin:0}.sports-chat-heading span{font-size:11px;color:#a4f27d}.sports-chat-warning{margin:auto;padding:24px;text-align:center}.sports-chat-warning p{font-size:13px;color:#aab2aa;line-height:1.5}.sports-chat-body{flex:1;min-height:0;display:flex;flex-direction:column}.sports-chat-body[hidden],.sports-chat-warning[hidden]{display:none}.sports-chat-messages{flex:1;overflow:auto;padding:14px}.sports-chat-messages article{font-size:13px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}.sports-chat-messages article strong{color:#a5f27c;margin-right:7px}.sports-chat-empty,.sports-chat-status{color:#9aa69a;font-size:12px}.sports-chat-status{margin:0;padding:0 12px}.sports-chat-compose{padding:12px;border-top:1px solid #ffffff16}.sports-chat-compose form{display:flex;gap:8px}.sports-chat-compose input{min-width:0;flex:1;background:#ffffff0a;border:1px solid #ffffff20;border-radius:8px;color:#fff;padding:11px}.sports-chat-compose button{color:#111;background:#b6f695;border:0;border-radius:8px;padding:9px 14px;cursor:pointer}.sports-chat-signin{width:100%}.site-header .back-button:hover{background:transparent!important;box-shadow:none!important}.site-header .brand-mark{transition:transform .22s ease,filter .22s ease}.site-header .brand-mark:hover{transform:translateY(-3px);filter:brightness(1.15)}
@media(max-width:900px){.sports-watch-layout{grid-template-columns:minmax(0,1fr)}.sports-chat{position:static;height:450px;min-height:0}.sports-page.sports-watching{padding-top:100px}.sports-watch-heading h2{font-size:25px}}

.sports-chat-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;text-align:center}.sports-chat-warning p{margin:0}.sports-chat-warning button{margin:0 auto}.sports-chat-warning[hidden]{display:none}.sports-source-heading [data-sports-risk]{margin-left:auto}.sports-source-heading{gap:12px}.source-indicator{font-style:normal;font-size:10px;font-weight:600}.source-indicator--danger{color:#ff8a82}.source-indicator--caution{color:#f3c76f}.source-indicator--unknown{color:#aeb5af}


/* spex-features.css */
/* Existing catalog filter geometry and theme colors, shared with Sports. */
.sports-heading-actions{display:flex;align-items:center;gap:10px}.sports-filters .discovery-filter{min-width:140px}.sports-follow-sport{width:38px;height:38px;flex:none;border:1px solid #ffffff1a;border-radius:50%;background:#ffffff0d;color:#ffffffa0;font-size:21px;cursor:pointer}.sports-follow-sport[aria-pressed=true]{color:var(--outlaw-accent);border-color:var(--outlaw-accent)}.sports-follow-sport[hidden],.sports-clear-filters[hidden]{display:none}.sports-favorite-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.sports-favorite-shortcuts:empty{display:none}.sports-favorite-shortcuts .subtle-pill{font-size:11px;min-height:32px;padding:7px 13px;color:var(--outlaw-accent)}.sports-favorite-shortcuts [aria-pressed=true]{border-color:var(--outlaw-accent)}.sports-filter-options{z-index:210}
.sports-alert-launcher{position:fixed;right:24px;bottom:84px;z-index:95;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff26;border-radius:50%;background:#1b1b1bed;backdrop-filter:blur(18px);color:#fff;cursor:pointer;box-shadow:0 8px 30px #0004}.sports-alert-launcher[hidden]{display:none}.sports-alert-launcher svg{width:21px;height:21px}.sports-alert-launcher>span{position:absolute;top:-4px;right:-5px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;border-radius:20px;background:var(--outlaw-accent);color:#080808;font:600 10px Inter,Arial}.sports-alert-launcher>span[hidden]{display:none}
.sports-preferences-dialog{position:fixed;inset:0;margin:auto;width:min(600px,calc(100vw - 32px));max-height:82svh;box-sizing:border-box;padding:0;border:1px solid #ffffff26;border-radius:22px;background:#191919f5;backdrop-filter:blur(24px);color:#eee;box-shadow:0 30px 100px #0008;font:400 13px/1.6 Inter,Arial;overflow:auto}.sports-preferences-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.sports-preferences-dialog>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#191919;z-index:1;border-bottom:1px solid #ffffff14}.sports-preferences-dialog h2{font-size:20px;letter-spacing:-.03em;margin:0;font-weight:500}.sports-preferences-dialog h3{font-size:14px;font-weight:500;margin:26px 0 12px}.sports-preferences-dialog p{color:#ffffff80;font-size:12px;margin:0 0 18px}.sports-preferences-body{padding:20px 24px 24px}.favorite-sport-list{display:flex;flex-wrap:wrap;gap:8px}.favorite-sport-list button,.favorite-team-selected button{padding:8px 12px;border-radius:20px;border:1px solid #ffffff1a;background:#ffffff06;color:#ffffffa6;font:400 12px/18px Inter,Arial;cursor:pointer}.favorite-sport-list [aria-pressed=true],.favorite-team-selected button{color:var(--outlaw-accent);border-color:color-mix(in srgb,var(--outlaw-accent) 40%,transparent);background:color-mix(in srgb,var(--outlaw-accent) 7%,transparent)}.favorite-team-selected{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.favorite-team-selected:empty{display:none}.favorite-team-search{display:grid;gap:6px;font-size:11px;color:#ffffff80}.favorite-team-search input{width:100%;padding:12px 16px;border-radius:24px;border:1px solid #ffffff20;background:#ffffff09;color:#eee;font:400 13px Inter,Arial}.favorite-team-list{max-height:220px;overflow:auto;margin:12px 0;scrollbar-width:thin}.favorite-team-list>button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:15px;text-align:left;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#ffffffb3;font:400 13px/20px Inter,Arial;cursor:pointer}.favorite-team-list>button:hover{background:#ffffff10}.favorite-team-list>button[aria-pressed=true]{color:var(--outlaw-accent)}.sports-alert-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #ffffff14}.sports-alert-setting small{display:block;color:#ffffff70;font-size:11px;margin-top:4px}.sports-alert-setting input{accent-color:var(--outlaw-accent);width:18px;height:18px;flex:none}.sports-alert-inbox-tools{display:flex;gap:10px;margin-bottom:16px}.sports-alert-inbox-tools button{font-size:11px}.sports-alert-inbox>button{display:grid;gap:5px;width:100%;padding:14px 16px;margin:0 0 9px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff03;color:#eee;text-align:left;cursor:pointer}.sports-alert-inbox>button.is-unread{border-color:color-mix(in srgb,var(--outlaw-accent) 35%,transparent);background:color-mix(in srgb,var(--outlaw-accent) 5%,transparent)}.sports-alert-inbox small{color:#ffffff70;font-size:10px}.sports-alert-inbox strong{font-size:13px;font-weight:500}.sports-alert-inbox>button>span{font-size:11px;color:var(--outlaw-accent)}
.sports-live-alert{position:fixed;right:24px;bottom:144px;z-index:96;width:min(340px,calc(100vw - 48px));display:grid;gap:8px;padding:20px 40px 20px 20px;background:#1b1b1bf5;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 12px 60px #0006;backdrop-filter:blur(24px);animation:game-alert-in .25s ease}.sports-live-alert small{font:500 10px Inter,Arial;letter-spacing:.1em;color:var(--outlaw-accent)}.sports-live-alert strong{font:500 14px/1.5 Inter,Arial}.sports-live-alert>span{font:400 11px Inter,Arial;color:#ffffff80}.sports-live-alert .subtle-pill{justify-self:start;font-size:11px;margin-top:5px}.sports-alert-dismiss{position:absolute;top:10px;right:10px;background:none;border:0;color:#aaa;font-size:20px;cursor:pointer}.sports-preferences-dialog button:focus-visible,.sports-alert-launcher:focus-visible,.sports-live-alert button:focus-visible{outline:2px solid var(--outlaw-accent);outline-offset:3px}
.search-page .search-field input{min-width:0}.search-microphone{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:7px;border:1px solid transparent;border-radius:50%;background:transparent;color:#ffffff80;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s,border-color .2s}.search-microphone svg{width:17px;height:17px}.search-microphone:hover{color:#fff;background:#ffffff10}.search-microphone.is-listening{color:var(--outlaw-accent);background:color-mix(in srgb,var(--outlaw-accent) 10%,transparent);border-color:color-mix(in srgb,var(--outlaw-accent) 45%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--outlaw-accent) 25%,transparent)}.search-microphone.is-speaking{box-shadow:0 0 22px color-mix(in srgb,var(--outlaw-accent) 65%,transparent);animation:voice-listening 1s ease-in-out infinite alternate}.search-microphone:focus-visible{outline:2px solid var(--outlaw-accent);outline-offset:3px}.search-microphone[aria-disabled=true]{opacity:.5}.voice-search-message{font:400 12px/1.6 Inter,Arial;color:#ffffffa6;margin:-6px 0 22px}.search-page .search-field.is-searching:after{position:absolute;right:62px;width:12px;height:12px}.search-page .search-field{position:relative}.search-page .search-field.is-searching{padding-right:24px}
@keyframes voice-listening{from{box-shadow:0 0 10px color-mix(in srgb,var(--outlaw-accent) 25%,transparent)}to{box-shadow:0 0 24px color-mix(in srgb,var(--outlaw-accent) 65%,transparent)}}@keyframes game-alert-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.sports-heading-actions{gap:7px}.sports-heading-actions .subtle-pill{padding:9px 12px;font-size:11px}.sports-filters .discovery-filter{min-width:110px;max-width:calc(50vw - 40px);font-size:12px;padding:8px 12px}.sports-filters .filter-label{max-width:130px}.sports-filters .sports-follow-sport{width:32px;height:32px;font-size:18px}.sports-preferences-dialog>header{padding:16px 18px}.sports-preferences-body{padding:18px}.sports-alert-launcher{right:16px;bottom:78px;width:42px;height:42px}.sports-live-alert{right:16px;bottom:132px;width:min(340px,calc(100vw - 32px))}.sports-heading{gap:10px}.search-microphone{width:30px;height:30px;padding:6px}.search-page .search-field{gap:10px}.search-page .search-field.is-searching:after{right:54px}}
@media(prefers-reduced-motion:reduce){.search-microphone,.sports-live-alert{animation:none!important;transition:none}}


/* player-qol.css */
.stream-volume-group{display:flex;align-items:center;flex:none;gap:0;min-height:39px}.stream-volume-group[hidden]{display:none}.stream-volume-group .stream-volume{display:flex;align-items:center;width:0;height:36px;margin:0;opacity:0;overflow:hidden;transition:width .18s,opacity .18s}.stream-volume-group:is(:hover,:focus-within,.is-volume-open) .stream-volume{width:88px;opacity:1;margin:0}.stream-volume-group .stream-volume input{width:74px;min-width:74px;margin:0 7px;height:22px;cursor:pointer;touch-action:none;accent-color:var(--outlaw-accent)}.stream-player.volume-open .stream-controller{opacity:1;pointer-events:auto}.stream-player .stream-center-play,.video-big-play{display:none!important}.stream-transport [data-skip] svg{overflow:visible}.stream-native-actions button{display:flex;align-items:center;gap:6px;min-width:35px;padding:8px 10px;border-radius:10px}.stream-native-actions [hidden]{display:none!important}.stream-native-actions svg{width:18px;height:18px}.stream-native-actions button[aria-label="Browse subtitles"]:after{content:'Subtitles';font-size:11px}.stream-native-actions button[aria-label="Choose server"]:after{content:'Servers';font-size:11px}.stream-player.has-native-controls .stream-controller{display:none!important}
.stream-external-subtitles{position:absolute;z-index:3;left:8%;right:8%;bottom:13%;text-align:center;white-space:pre-line;pointer-events:none;font:600 clamp(16px,2.1vw,34px)/1.4 Inter,Arial,sans-serif;color:#fff;text-shadow:0 2px 3px #000,1px 0 2px #000,-1px 0 2px #000;background:#0007;border-radius:5px;padding:4px 10px;max-width:1100px;margin:auto}.stream-external-subtitles:empty,.stream-external-subtitles[hidden]{display:none}.subtitle-browser{padding:0 14px 12px}.subtitle-browser .stream-menu-row{padding:10px 6px;min-height:38px;height:auto;width:100%;text-align:left;justify-content:flex-start;font-size:12px}.subtitle-browser .stream-menu-row>span{min-width:0;overflow-wrap:anywhere}.subtitle-browser .stream-menu-row small{display:block;color:#999;font-size:10px;margin-top:4px}.subtitle-offset,.subtitle-language{display:grid;gap:7px;font-size:11px;color:#aaa;margin:14px 0}.subtitle-offset input,.subtitle-language select{width:100%;border:1px solid #ffffff25;border-radius:8px;background:#ffffff08;color:#eee;padding:8px 10px;font:400 12px Inter,Arial}.subtitle-language option{background:#202020;color:white}.subtitle-file-list{max-height:210px;overflow:auto;scrollbar-width:thin}.stream-popover:has(.subtitle-browser){max-height:min(680px,calc(100svh - 130px));overflow:auto;width:390px}.subtitle-browser [role=status]{font-size:11px;line-height:1.6;color:var(--outlaw-accent);overflow-wrap:anywhere}.downloads-dialog .download-row small{line-height:1.6}.downloads-dialog .download-row strong{overflow-wrap:anywhere}
@media(max-width:700px){.stream-volume-group{min-height:36px}.stream-volume-group .stream-volume{height:34px}.stream-volume-group:is(:hover,:focus-within,.is-volume-open) .stream-volume{width:62px}.stream-volume-group .stream-volume input{width:52px;min-width:52px;margin:0 5px}.stream-native-actions button:after{display:none}.stream-native-actions button[aria-label="Browse subtitles"]:after,.stream-native-actions button[aria-label="Choose server"]:after{display:none}.stream-native-actions button{min-width:32px;padding:7px}.stream-external-subtitles{bottom:16%;left:5%;right:5%;font-size:clamp(15px,3vw,23px)}.stream-popover:has(.subtitle-browser){width:min(390px,calc(100vw - 24px));max-height:calc(100svh - 110px)}.stream-transport .stream-layout-left{min-width:0}.stream-volume-group:is(:hover,:focus-within,.is-volume-open)~[data-time]{display:none}}
@media(prefers-reduced-motion:reduce){.stream-volume-group .stream-volume{transition:none}}

@media(max-width:700px){.downloads-dialog .download-row{flex-wrap:wrap;gap:14px}.downloads-dialog .download-row>span{flex:1 0 100%}.downloads-dialog .download-row>button{margin-left:auto}.stream-player .stream-transport button[aria-label="Subtitles and audio"]{display:grid}.stream-player .stream-layout-left,.stream-player .stream-layout-right{gap:4px}}
.downloads-dialog .download-file{display:flex;align-items:center;gap:14px}.download-quality{width:30px;height:28px;flex:none;fill:#ffffff16}.download-quality .is-lit{fill:currentColor}.downloads-dialog .download-file strong{font-size:14px;font-weight:500;line-height:1.5}.downloads-dialog .download-count{margin:18px 0 0}.downloads-dialog .download-row{padding:18px 0}.downloads-dialog .download-row:last-child{border-bottom:0}.downloads-dialog .download-row>button{min-height:44px;padding:8px 0}.downloads-dialog .download-row>.play-action{min-height:44px}


/* explore.css */
.explore-page{max-width:1440px;margin:auto;padding:110px 48px 80px;min-height:85vh}.explore-heading>p{margin:0 0 8px;color:#aaa;font-size:13px}.explore-heading h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2px;margin:0 0 28px}.explore-tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff18;margin-bottom:24px;overflow:auto;padding-bottom:12px}.explore-tabs a{padding:10px 18px;white-space:nowrap;color:#aaa;border-radius:24px;font-size:14px}.explore-tabs a[aria-current]{background:white;color:#111}.explore-search{display:flex;gap:12px;max-width:640px;margin-bottom:22px}.explore-search input{flex:1;min-width:0;padding:14px 18px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff08;color:inherit;font:inherit}.explore-sources{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;font-size:12px;line-height:1.6}.explore-sources>span{color:#888}.explore-sources a{color:#bbb}.explore-sources a:hover{color:#fff;text-decoration:underline}.explore-caption{color:#888;font-size:13px;margin:20px 0 28px}.explore-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 22px}.explore-grid .poster-card{width:100%;height:auto}.explore-grid .poster-art{height:auto;aspect-ratio:2/3}.explore-grid .poster-meta{display:none}.explore-cover{aspect-ratio:2/3;overflow:hidden;background:#ffffff08;border-radius:8px}.explore-cover img{width:100%;height:100%;object-fit:cover}.explore-no-cover{height:100%;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font:500 17px/1.5 Georgia,serif;background:#20211c;color:#ddd}.explore-card{min-width:0}.explore-card.is-music .explore-cover{aspect-ratio:1}.explore-card h2{font-size:14px;line-height:1.5;font-weight:600;margin:12px 0 5px;overflow-wrap:anywhere}.explore-card p{font-size:12px;line-height:1.5;color:#aaa;margin:0 0 5px}.explore-card>small{font-size:11px;color:#888}.explore-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px}.explore-card-actions .play-action{padding:0 18px;min-height:36px;font-size:12px}.explore-card details{margin-top:12px;font-size:12px;color:#aaa}.explore-card summary{cursor:pointer;padding:8px 0}.explore-chapters{max-height:220px;overflow:auto}.explore-chapters button{display:block;width:100%;text-align:left;background:transparent;color:inherit;padding:10px 5px;border-bottom:1px solid #ffffff16;font-size:12px;line-height:1.5}.explore-chapters button:hover{color:white}.explore-status{font-size:13px;color:#aaa;margin:24px 0}.explore-more{display:block;margin:24px auto}.explore-more[hidden]{display:none}.explore-skeleton i{display:block;aspect-ratio:2/3;background:#ffffff08;border-radius:8px}.explore-skeleton span,.explore-skeleton small{display:block;height:12px;margin-top:12px;background:#ffffff08;width:80%}.explore-skeleton small{width:50%}.explore-reader{width:min(1100px,calc(100vw - 24px));height:90svh;padding:0;background:#111;color:#eee;border:1px solid #ffffff24;border-radius:16px}.explore-reader[open]{display:flex;flex-direction:column}.explore-reader header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #ffffff18}.explore-reader header strong{flex:1;min-width:0;font-size:14px}.explore-reader header a{font-size:12px;white-space:nowrap}.explore-reader header button{background:transparent;color:white;font-size:25px;min-width:44px;min-height:44px}.explore-reader>p{padding:24px;line-height:1.6}.explore-reader iframe{flex:1;width:100%;border:0;min-height:0;background:#f2eee5}.explore-audio-dock{position:fixed;z-index:95;bottom:20px;left:50%;transform:translateX(-50%);width:min(920px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:16px 20px;background:#171719f5;border:1px solid #ffffff20;border-radius:18px;box-shadow:0 12px 48px #0008;flex-wrap:wrap}.audio-identity{flex:1;min-width:100px}.audio-identity strong{font-size:13px;display:block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-identity small{display:block;color:#999;font-size:11px;margin-top:5px}.explore-audio-dock canvas{width:120px;height:32px}.explore-audio-dock audio{width:300px;height:40px;max-width:100%}.explore-audio-dock button{background:transparent;color:white;min-height:40px;min-width:28px;font-size:24px}.explore-audio-dock button:disabled{opacity:.3}.explore-audio-dock [role=status]{flex-basis:100%;font-size:12px;color:#ccc}.explore-audio-dock [role=status]:empty{display:none}.has-audio-dock .site-footer{padding-bottom:150px}.explore-page :focus-visible,.explore-audio-dock :focus-visible{outline:2px solid #fff;outline-offset:4px}
.explore-filters{display:flex;gap:20px;margin:0 0 22px}.explore-filters label{display:flex;align-items:center;gap:10px;color:#aaa;font-size:12px}.explore-filters select{background:#19191b;color:#eee;border:1px solid #ffffff24;border-radius:10px;padding:10px;font:inherit}
@media(max-width:1100px){.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.explore-audio-dock canvas{display:none}}@media(max-width:700px){.explore-page{padding:105px 20px 48px}.explore-heading h1{letter-spacing:-1px}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.explore-tabs a{padding:10px 12px;font-size:13px}.explore-search{gap:8px}.explore-sources{gap:10px 16px}.explore-card h2{font-size:13px}.explore-audio-dock{bottom:12px;padding:12px;gap:8px}.audio-identity{flex-basis:calc(100% - 60px);order:0}.explore-audio-dock [data-close-audio]{order:1}.explore-audio-dock [data-prev-track]{order:2}.explore-audio-dock audio{order:3;width:calc(100% - 80px);flex:1}.explore-audio-dock [data-next-track]{order:4}.explore-audio-dock [role=status]{order:5}.explore-reader header{gap:8px;padding:10px}.explore-reader header strong{font-size:12px}.explore-reader header a{font-size:11px}}
.utility-page:has(.explore-page) .ambient-silk-page{opacity:.18}
.explore-filters{flex-wrap:wrap;gap:10px}.explore-filters .discovery-filter{min-width:140px}.explore-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.explore-heading>p{flex-basis:100%}.explore-heading h1{margin-bottom:24px}.explore-category-menu{margin-bottom:24px}.edition-status{font-size:11px;color:#999;line-height:1.5}.manga-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.manga-body>p,.manga-summary{padding:20px 24px;color:#aaa;font-size:13px;line-height:1.7}.manga-summary p{margin:0 0 12px;max-width:800px}.manga-summary small,.manga-credit{color:#999;font-size:11px}.manga-chapter-list{padding:0 24px 24px}.manga-chapter-list button{display:flex;flex-direction:column;gap:7px;width:100%;padding:16px 0;border:0;border-bottom:1px solid #ffffff18;background:transparent;color:inherit;text-align:left;line-height:1.5;cursor:pointer}.manga-chapter-list button:hover{color:#b3ff45}.manga-chapter-list small{color:#999;font-size:11px}.manga-chapter-list strong{font-size:13px;margin-right:12px}.manga-reader header [data-chapters]{font-size:12px;padding:0 12px;border:1px solid #ffffff28;border-radius:24px}.manga-reader [hidden]{display:none!important}.manga-pages{width:min(100%,800px);margin:auto}.manga-pages img{display:block;width:100%;height:auto;min-height:100px;background:#191919}.manga-transport{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px}.manga-transport button{font:inherit;font-size:12px;background:#ffffff10;color:inherit;border:1px solid #ffffff20;border-radius:24px;padding:10px 16px;cursor:pointer}.manga-transport button:disabled{opacity:.3;cursor:default}.manga-transport span{font-size:12px}.manga-body .manga-credit{margin:0;padding:0 24px;text-align:center}.manga-body [data-more]{margin:0 24px 24px}.manga-body [role=status]:empty{display:none}.manga-reader :focus-visible{outline:2px solid #b3ff45;outline-offset:4px}
@media(max-width:700px){.site-header .brand-group{flex-shrink:0}}
@media(max-width:1100px){.explore-audio-dock canvas{display:block;width:70px;height:28px}}@media(max-width:700px){.explore-audio-dock .audio-identity{flex:1;min-width:0;flex-basis:0}.explore-audio-dock .audio-identity strong{max-width:none}.explore-audio-dock canvas{order:0;width:50px;height:24px;flex:none}}


.explore-card[hidden]{display:none}.explore-card-actions [data-manga-access]{flex-basis:100%;font-size:11px;color:#aaa;line-height:1.5}.explore-card-actions button:disabled{opacity:.5}
.manga-detail-page{max-width:1240px;margin:auto;padding:115px 48px 100px;min-height:90svh;animation:manga-enter .28s ease-out}.manga-back{display:inline-flex;color:#bbb;font-size:14px;padding:8px 0;margin-bottom:28px}.manga-detail-hero{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}.manga-detail-cover img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 16px 60px #0005}.manga-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#a8c38b}.manga-detail-info h1{font-size:clamp(30px,5vw,56px);line-height:1.08;letter-spacing:-1.8px;margin:12px 0 20px}.manga-detail-info>p{color:#aaa;font-size:14px;line-height:1.75}.manga-detail-info .manga-facts{font-size:12px;color:#888}.manga-overview{max-width:740px}.manga-genres{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.manga-genres span{border:1px solid #ffffff20;border-radius:20px;padding:6px 11px;font-size:11px;color:#bbb}.manga-chapters-section{margin-top:64px}.manga-chapters-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.manga-chapters-heading h2{font-size:24px;letter-spacing:-.5px}.manga-chapters-heading small{color:#888;font-size:14px;font-weight:400;margin-left:10px}.manga-chapter-tools{display:flex;gap:10px;flex-wrap:wrap}.manga-chapter-search{display:block;margin:20px 0}.manga-chapter-search input{width:100%;padding:16px 18px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff06;color:#eee;font:inherit;font-size:14px}.manga-detail-page .manga-chapter-list{padding:0}.manga-detail-page .manga-chapter-list button{display:grid;grid-template-columns:130px 1fr 20px;gap:4px 20px;padding:20px 14px;border-radius:8px}.manga-chapter-list button:hover{background:#ffffff06}.manga-chapter-number{font-size:14px;font-weight:600;grid-row:1/3;align-self:center}.manga-chapter-title{font-size:14px;min-width:0}.manga-detail-page .manga-chapter-list small{grid-column:2;line-height:1.5}.manga-detail-page .manga-chapter-list button>span:last-child{grid-column:3;grid-row:1/3;align-self:center}.manga-language-note,.manga-list-status{font-size:13px;color:#aaa;line-height:1.7}.manga-detail-page [hidden]{display:none!important}.manga-detail-page :focus-visible,.native-manga-reader :focus-visible{outline:2px solid #b3ff45;outline-offset:3px}
.native-manga-reader{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#111;color:#eee;overflow:hidden}.native-manga-reader[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:manga-enter .2s ease-out}.native-manga-reader header{display:flex;align-items:center;gap:12px;padding:12px max(20px,env(safe-area-inset-right));border-bottom:1px solid #ffffff18;background:#181818;min-width:0}.native-manga-reader header>div{flex:1;min-width:0}.native-manga-reader header strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.native-manga-reader header small{display:block;color:#999;font-size:11px;margin-top:6px}.native-manga-reader button{background:#ffffff09;color:inherit;border:1px solid #ffffff18;border-radius:22px;padding:10px 15px;font:inherit;font-size:12px;min-height:42px;cursor:pointer}.native-manga-reader button:disabled{opacity:.3;cursor:default}.native-manga-pages{overflow:auto;overscroll-behavior:contain;scrollbar-color:#666 #111;min-height:0;scroll-padding-top:10px}.native-page-stack{width:min(900px,100%);margin:auto}.native-page-stack img{display:block;width:100%;height:auto;min-height:180px;background:#181818}.native-manga-pages.is-paged .native-page-stack{height:100%;display:flex;align-items:flex-start;justify-content:center;width:100%}.native-manga-pages.is-paged img{width:auto;max-width:100%;height:auto;min-height:0;max-height:100%;object-fit:contain}.native-manga-pages>p,.native-manga-pages>[data-retry]{margin:30px}.native-manga-reader footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #ffffff18;background:#181818}.native-manga-reader footer>div{display:flex;align-items:center;gap:12px}.native-manga-reader [data-page-count]{font-size:12px;color:#bbb;min-width:100px;text-align:center}.native-page-error:empty{display:none}.native-page-error{color:#e8b89f;font-size:13px;padding:14px}.hero-loading{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 45%,#202322,#101111 70%);color:#888;font-size:13px}.hero-loading span{animation:hero-loading-pulse 1.8s ease-in-out infinite}
@keyframes manga-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hero-loading-pulse{50%{opacity:.4}}
@media(max-width:700px){.manga-detail-page{padding:105px 20px 64px}.manga-detail-hero{grid-template-columns:110px 1fr;gap:20px}.manga-detail-info h1{font-size:28px;letter-spacing:-.6px}.manga-detail-info>p{font-size:12px}.manga-detail-info .manga-overview{grid-column:1/-1}.manga-chapters-section{margin-top:36px}.manga-detail-page .manga-chapter-list button{grid-template-columns:95px 1fr 15px;gap:4px 10px;padding:16px 4px}.manga-chapter-number,.manga-chapter-title{font-size:12px}.native-manga-reader header{gap:8px;padding:10px}.native-manga-reader header strong{font-size:12px}.native-manga-reader header small{font-size:10px}.native-manga-reader button{padding:8px 10px;font-size:11px}.native-manga-reader footer{padding-left:8px;padding-right:8px;gap:6px}.native-manga-reader footer>div{gap:5px}.native-manga-reader [data-page-count]{min-width:75px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.manga-detail-page,.native-manga-reader[open],.hero-loading span{animation:none}}
.utility-page:has(.manga-detail-page) .ambient-silk-page{opacity:.12}.explore-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.explore-cover{display:block}.hero-loading{gap:20px}@media(max-width:700px){.manga-detail-hero{display:block}.manga-detail-cover{float:left;width:110px;margin:0 22px 15px 0}.manga-overview{clear:both;padding-top:12px}.manga-detail-hero:after{content:"";display:block;clear:both}}

.explore-filters button[hidden]{display:none!important}

/* Preserve the complete publisher artwork for audiobook editions. */
.is-audiobook .explore-cover{aspect-ratio:1;height:auto;background:#151815}.is-audiobook .explore-cover img{width:100%;height:100%;object-fit:contain}.is-audiobook>small{display:block;line-height:1.6}

@media(max-width:700px){.site-header .nav-pill .nav-marker{display:none}}


/* vendor/pdfjs/pdf_viewer.css */
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --button-primary-bg-color: var(
    --button-background-color-primary,
    light-dark(#0060df, #0df)
  );
  --button-primary-fg-color: var(
    --button-text-color-primary,
    light-dark(#fbfbfe, #15141a)
  );
  --button-primary-border-color: var(--button-primary-bg-color);
  --button-primary-active-bg-color: var(
    --button-background-color-primary-active,
    light-dark(#054096, #aaf2ff)
  );
  --button-primary-active-fg-color: var(--button-primary-fg-color);
  --button-primary-active-border-color: var(--button-primary-active-bg-color);
  --button-primary-hover-bg-color: var(
    --button-background-color-primary-hover,
    light-dark(#0250bb, #80ebff)
  );
  --button-primary-hover-fg-color: var(--button-primary-fg-color);
  --button-primary-hover-border-color: var(--button-primary-hover-bg-color);
  --button-primary-disabled-bg-color: var(--button-primary-bg-color);
  --button-primary-disabled-border-color: var(--button-primary-border-color);
  --button-primary-disabled-fg-color: var(--button-primary-fg-color);

  --button-secondary-bg-color: var(
    --button-background-color,
    light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07))
  );
  --button-secondary-fg-color: var(--text-color, light-dark(#15141a, #fbfbfe));
  --button-secondary-border-color: var(
    --button-border-color,
    var(--button-secondary-bg-color)
  );
  --button-secondary-active-bg-color: var(
    --button-background-color-active,
    light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21))
  );
  --button-secondary-active-fg-color: var(--button-secondary-fg-color);
  --button-secondary-active-border-color: var(--button-secondary-bg-color);
  --button-secondary-hover-bg-color: var(
    --button-background-color-hover,
    light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14))
  );
  --button-secondary-hover-fg-color: var(--button-secondary-fg-color);
  --button-secondary-hover-border-color: var(--button-secondary-hover-bg-color);
  --button-secondary-disabled-bg-color: var(--button-secondary-bg-color);
  --button-secondary-disabled-border-color: var(
    --button-secondary-border-color
  );
  --button-secondary-disabled-fg-color: var(--button-secondary-fg-color);
  --button-disabled-opacity: 0.4;
  --hover-filter: brightness(0.9);

  @media (prefers-color-scheme: dark) {
    --button-disabled-opacity: 0.6;
    --hover-filter: brightness(1.4);
  }

  @media screen and (forced-colors: active) {
    --button-primary-bg-color: var(
      --button-background-color-primary,
      ButtonText
    );
    --button-primary-fg-color: var(--button-text-color-primary, ButtonFace);
    --button-primary-border-color: var(
      --button-border-color-primary,
      ButtonText
    );
    --button-primary-active-bg-color: var(
      --button-background-color-primary-active,
      SelectedItem
    );
    --button-primary-active-fg-color: var(
      --button-text-color-primary-active,
      HighlightText
    );
    --button-primary-active-border-color: var(
      --button-border-color-primary-active,
      ButtonText
    );
    --button-primary-hover-bg-color: var(
      --button-background-color-primary-hover,
      SelectedItem
    );
    --button-primary-hover-fg-color: var(
      --button-text-color-primary-hover,
      HighlightText
    );
    --button-primary-hover-border-color: var(
      --button-border-color-primary-hover,
      SelectedItem
    );
    --button-primary-disabled-bg-color: var(
      --button-background-color-primary-disabled,
      GrayText
    );
    --button-primary-disabled-fg-color: var(
      --button-text-color-primary-disabled,
      ButtonFace
    );
    --button-primary-disabled-border-color: var(
      --button-border-color-primary-disabled,
      GrayText
    );

    --button-secondary-bg-color: var(--button-background-color, ButtonFace);
    --button-secondary-fg-color: var(--button-text-color, ButtonText);
    --button-secondary-border-color: var(--button-border-color, ButtonText);
    --button-secondary-active-bg-color: var(
      --button-background-color-active,
      HighlightText
    );
    --button-secondary-active-fg-color: var(
      --button-text-color-active,
      SelectedItem
    );
    --button-secondary-active-border-color: var(
      --button-border-color-active,
      ButtonText
    );
    --button-secondary-hover-bg-color: var(
      --button-background-color-hover,
      HighlightText
    );
    --button-secondary-hover-fg-color: var(
      --button-text-color-hover,
      SelectedItem
    );
    --button-secondary-hover-border-color: var(
      --button-border-color-hover,
      SelectedItem
    );
    --button-secondary-disabled-fg-color: var(
      --button-text-color-disabled,
      GrayText
    );
    --button-secondary-disabled-border-color: var(
      --button-border-color-disabled,
      GrayText
    );
    --button-disabled-opacity: 1;
    --hover-filter: none;
  }
}

.primaryButton,
.secondaryButton {
  border-radius: var(--button-border-radius, 4px);
  border: 1px solid;
  font: menu;
  font-weight: var(--button-font-weight, 590);
  font-size: var(--button-font-size, 13px);
  padding: var(--button-padding, 4px 16px);
  width: auto;
  min-height: var(--button-min-height, 32px);

  &:hover {
    cursor: pointer;
    filter: var(--hover-filter);
  }

  > span {
    color: inherit;
    font: inherit;
  }

  &:disabled {
    pointer-events: none;
  }
}

.primaryButton {
  color: var(--button-primary-fg-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  opacity: 1;

  &:hover {
    color: var(--button-primary-hover-fg-color);
    background-color: var(--button-primary-hover-bg-color);
    border-color: var(--button-primary-hover-border-color);
  }

  &:active {
    color: var(--button-primary-active-fg-color);
    background-color: var(--button-primary-active-bg-color);
    border-color: var(--button-primary-active-border-color);
  }

  &:disabled {
    background-color: var(--button-primary-disabled-bg-color);
    border-color: var(--button-primary-disabled-border-color);
    color: var(--button-primary-disabled-fg-color);
    opacity: var(--button-disabled-opacity);
  }
}

.secondaryButton {
  color: var(--button-secondary-fg-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);

  &:hover {
    color: var(--button-secondary-hover-fg-color);
    background-color: var(--button-secondary-hover-bg-color);
    border-color: var(--button-secondary-hover-border-color);
  }

  &:active {
    color: var(--button-secondary-active-fg-color);
    background-color: var(--button-secondary-active-bg-color);
    border-color: var(--button-secondary-active-border-color);
  }

  &:disabled {
    background-color: var(--button-secondary-disabled-bg-color);
    border-color: var(--button-secondary-disabled-border-color);
    color: var(--button-secondary-disabled-fg-color);
    opacity: var(--button-disabled-opacity);
  }
}

.messageBar {
  --closing-button-icon: url(vendor/pdfjs/images/messageBar_closingButton.svg);
  --message-bar-close-button-color: var(--text-primary-color);
  --message-bar-close-button-color-hover: var(--text-primary-color);
  --message-bar-close-button-border-radius: var(--border-radius-small, 4px);
  --message-bar-close-button-border: none;
  --message-bar-close-button-hover-bg-color: var(
    --button-background-color-hover,
    light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14))
  );
  --message-bar-close-button-active-bg-color: var(
    --button-background-color-active,
    light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21))
  );
  --message-bar-close-button-focus-bg-color: var(
    --button-background-color,
    light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07))
  );

  @media screen and (forced-colors: active) {
    --message-bar-close-button-color: var(--button-text-color, ButtonText);
    --message-bar-close-button-border: 1px solid
      var(--button-border-color, ButtonText);
    --message-bar-close-button-hover-bg-color: var(
      --button-background-color-hover,
      SelectedItemText
    );
    --message-bar-close-button-active-bg-color: var(
      --button-background-color-hover,
      SelectedItemText
    );
    --message-bar-close-button-focus-bg-color: var(
      --button-background-color-hover,
      SelectedItemText
    );
    --message-bar-close-button-color-hover: var(
      --button-text-color-hover,
      SelectedItem
    );
  }

  display: flex;
  position: relative;
  padding: 8px 8px 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: var(--border-radius-small, 4px);

  border: 1px solid var(--message-bar-border-color);
  background: var(--message-bar-bg-color);
  color: var(--message-bar-fg-color);

  > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;

    &::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      -webkit-mask-image: var(--message-bar-icon);
              mask-image: var(--message-bar-icon);
      -webkit-mask-size: cover;
              mask-size: cover;
      background-color: var(--message-bar-icon-color);
      flex-shrink: 0;
    }
  }

  button {
    cursor: pointer;

    &:focus-visible {
      outline: var(--focus-ring-outline);
      outline-offset: 2px;
    }
  }

  .closeButton {
    width: 32px;
    height: 32px;
    background: none;
    border-radius: var(--message-bar-close-button-border-radius);
    border: var(--message-bar-close-button-border);

    display: flex;
    align-items: center;
    justify-content: center;

    &::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      -webkit-mask-image: var(--closing-button-icon);
              mask-image: var(--closing-button-icon);
      -webkit-mask-size: cover;
              mask-size: cover;
      background-color: var(--message-bar-close-button-color);
    }

    &:is(:hover, :active, :focus)::before {
      background-color: var(--message-bar-close-button-color-hover);
    }

    &:hover {
      background-color: var(--message-bar-close-button-hover-bg-color);
    }

    &:active {
      background-color: var(--message-bar-close-button-active-bg-color);
    }

    &:focus {
      background-color: var(--message-bar-close-button-focus-bg-color);
    }

    > span {
      display: inline-block;
      width: 0;
      height: 0;
      overflow: hidden;
    }
  }
}

#editorUndoBar {
  --message-bar-icon: url(vendor/pdfjs/images/messageBar_info.svg);
  --message-bar-icon-color: light-dark(#0060df, #73a7f3);
  --message-bar-bg-color: light-dark(#deeafc, #003070);
  --message-bar-fg-color: var(--text-primary-color);
  --message-bar-border-color: light-dark(
    rgb(0 0 0 / 0.08),
    rgb(255 255 255 / 0.08)
  );

  @media screen and (forced-colors: active) {
    --message-bar-icon-color: CanvasText;
    --message-bar-bg-color: Canvas;
    --message-bar-border-color: CanvasText;
  }

  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;

  padding-block: 8px;
  padding-inline: 16px 8px;

  font: menu;
  font-size: 15px;

  cursor: default;

  button {
    cursor: pointer;
  }

  #editorUndoBarUndoButton {
    margin-inline-start: 8px;
    border-color: var(--color-accent-primary, light-dark(#0060df, #0df));
  }

  > div {
    align-items: center;
  }
}

.dialog {
  --dialog-bg-color: var(--background-color-canvas, light-dark(white, #1c1b22));
  --dialog-border-color: var(
    --background-color-canvas,
    light-dark(white, #1c1b22)
  );
  --dialog-shadow: 0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
  --text-secondary-color: light-dark(#5b5b66, #cfcfd8);
  --separator-color: light-dark(#f0f0f4, #52525e);
  --textarea-border-color: var(--border-color-interactive, #8f8f9d);
  --textarea-bg-color: light-dark(white, #42414d);
  --textarea-fg-color: var(--text-secondary-color);

  --input-text-bg-color: light-dark(white, #42414d);
  --input-text-fg-color: var(--text-primary-color);

  @media screen and (forced-colors: active) {
    --dialog-bg-color: var(--background-color-canvas, Canvas);
    --dialog-border-color: var(--border-color, CanvasText);
    --dialog-shadow: none;
    --text-secondary-color: CanvasText;
    --separator-color: CanvasText;

    --textarea-border-color: ButtonBorder;
    --textarea-bg-color: Field;
    --textarea-fg-color: ButtonText;

    --input-text-bg-color: Field;
    --input-text-fg-color: FieldText;
  }

  font: message-box;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  border-radius: var(--border-radius-medium, 4px);
  padding: 12px 16px;
  border: 1px solid var(--dialog-border-color);
  background: var(--dialog-bg-color);
  color: var(--text-primary-color);
  box-shadow: var(--dialog-shadow);

  .mainContainer {
    *:focus-visible {
      outline: var(--focus-ring-outline);
      outline-offset: 2px;
    }

    .title {
      display: flex;
      width: auto;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 12px;

      > span {
        font-size: 13px;
        font-style: normal;
        font-weight: 590;
        line-height: 150%;
      }
    }

    .dialogSeparator {
      width: 100%;
      height: 0;
      margin-block: 4px;
      border-top: 1px solid var(--separator-color);
      border-bottom: none;
    }

    .dialogButtonsGroup {
      display: flex;
      gap: 12px;
      align-self: flex-end;
    }
    input:is([type="checkbox"], [type="radio"]) {
      accent-color: var(--color-accent-primary, light-dark(#0060df, #0df));
      width: var(--checkbox-size, 16px);
      height: var(--checkbox-size, 16px);
    }

    .radio {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;

      > .radioButton {
        display: flex;
        gap: 8px;
        align-self: stretch;
        align-items: center;
      }

      > .radioLabel {
        display: flex;
        padding-inline-start: 24px;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;

        > span {
          flex: 1 0 0;
          font-size: 11px;
          color: var(--text-secondary-color);
        }
      }
    }

    button:not(:is(.toggle-button, .closeButton, .clearInputButton)) {
      border-radius: var(--button-border-radius, 4px);
      border-width: 1px;
      border-style: solid;
      font: menu;
      font-weight: var(--button-font-weight, 590);
      font-size: var(--button-font-size, 13px);
      padding: var(--button-padding, 4px 16px);
      width: auto;
      min-height: var(--button-min-height, 32px);

      &:hover {
        cursor: pointer;
        filter: var(--hover-filter);
      }

      > span {
        color: inherit;
        font: inherit;
      }
      &:disabled {
        pointer-events: none;
      }
    }

    a {
      color: var(--link-fg-color);

      &:hover {
        color: var(--link-hover-fg-color);
      }
    }

    textarea {
      font: inherit;
      padding: 8px;
      resize: none;
      margin: 0;
      box-sizing: border-box;
      border-radius: var(--border-radius-small, 4px);
      border: 1px solid var(--textarea-border-color);
      background: var(--textarea-bg-color);
      color: var(--textarea-fg-color);

      &:focus {
        outline-offset: 0;
        border-color: transparent;
      }

      &:disabled {
        pointer-events: none;
        opacity: 0.4;
      }
    }

    input[type="text"] {
      background-color: var(--input-text-bg-color);
      color: var(--input-text-fg-color);
    }

    .messageBar {
      --message-bar-bg-color: light-dark(#ffebcd, #5a3100);
      --message-bar-fg-color: light-dark(#15141a, #fbfbfe);
      --message-bar-border-color: light-dark(
        rgb(0 0 0 / 0.08),
        rgb(255 255 255 / 0.08)
      );
      --message-bar-icon: url(vendor/pdfjs/images/messageBar_warning.svg);
      --message-bar-icon-color: light-dark(#cd411e, #e49c49);

      @media screen and (forced-colors: active) {
        --message-bar-bg-color: HighlightText;
        --message-bar-fg-color: CanvasText;
        --message-bar-border-color: CanvasText;
        --message-bar-icon-color: CanvasText;
      }

      align-self: stretch;

      > div {
        &::before,
        > div {
          margin-block: 4px;
        }

        > div {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 8px;
          flex: 1 0 0;

          .title {
            font-size: 13px;
            font-weight: 590;
          }

          .description {
            font-size: 13px;
          }
        }
      }
    }

    .toggler {
      display: flex;
      align-items: center;
      gap: 8px;
      align-self: stretch;

      > .togglerLabel {
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
      }
    }
  }
}

.textLayer {
  color-scheme: only light;

  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: clip;
  opacity: 1;
  line-height: 1;
  letter-spacing: normal;
  word-spacing: normal;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  caret-color: CanvasText;
  z-index: 0;

  &.highlighting {
    touch-action: none;
  }

  :is(span, br) {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0% 0%;
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }
  --min-font-size: 1;
  --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));
  --min-font-size-inv: calc(1 / var(--min-font-size));

  > :not(.markedContent),
  .markedContent span:not(.markedContent) {
    z-index: 1;

    --font-height: 0;
    font-size: calc(var(--text-scale-factor) * var(--font-height));

    --scale-x: 1;
    --rotate: 0deg;
    transform: rotate(var(--rotate)) scaleX(var(--scale-x))
      scale(var(--min-font-size-inv));
  }

  .markedContent {
    display: contents;
  }

  span[role="img"] {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: default;
  }

  .highlight {
    --highlight-bg-color: rgb(180 0 170 / 0.25);
    --highlight-selected-bg-color: rgb(0 100 0 / 0.25);
    --highlight-backdrop-filter: none;
    --highlight-selected-backdrop-filter: none;

    @media screen and (forced-colors: active) {
      --highlight-bg-color: transparent;
      --highlight-selected-bg-color: transparent;
      --highlight-backdrop-filter: var(--hcm-highlight-filter);
      --highlight-selected-backdrop-filter: var(
        --hcm-highlight-selected-filter
      );
    }

    margin: -1px;
    padding: 1px;
    background-color: var(--highlight-bg-color);
    backdrop-filter: var(--highlight-backdrop-filter);
    border-radius: 4px;

    &.appended {
      position: initial;
    }

    &.begin {
      border-radius: 4px 0 0 4px;
    }

    &.end {
      border-radius: 0 4px 4px 0;
    }

    &.middle {
      border-radius: 0;
    }

    &.selected {
      background-color: var(--highlight-selected-bg-color);
      backdrop-filter: var(--highlight-selected-backdrop-filter);
      scroll-margin-top: 50px;
    }
  }

  ::-moz-selection {
    background: rgba(0 0 255 / 0.25);
    background: color-mix(in srgb, AccentColor, transparent 50%);
    color: transparent;
  }

  ::selection {
    background: rgba(0 0 255 / 0.25);
    background: color-mix(in srgb, AccentColor, transparent 50%);
    color: transparent;
  }

  &.selectionRendering {
    ::-moz-selection {
      background: transparent;
      color: transparent;
    }
    ::selection {
      background: transparent;
      color: transparent;
    }
  }
  br::-moz-selection {
    background: transparent;
  }
  br::selection {
    background: transparent;
  }

  .endOfContent {
    display: block;
    position: absolute;
    inset: 100% 0 0;
    z-index: 0;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  &.selecting .endOfContent {
    top: 0;
  }
}

.textLayerImages {
  position: absolute;
  inset: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

  canvas {
    position: absolute;
    transform-origin: 0% 0%;
  }
}

.annotationLayer {
  color-scheme: only light;

  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --annotation-unfocused-field-filter: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='pdfjsFillableField' x='0%' y='0%' width='100%' height='100%' color-interpolation-filters='sRGB'><feFlood flood-color='rgb(0,54,255)' flood-opacity='0.13' result='f'/><feComposite in='f' in2='SourceGraphic' operator='over'/></filter></svg>#pdfjsFillableField");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;

  @media screen and (forced-colors: active) {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;

    .textWidgetAnnotation :is(input, textarea):required,
    .choiceWidgetAnnotation select:required,
    .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
      outline: 1.5px solid selectedItem;
    }

    .linkAnnotation {
      outline: var(--link-outline);

      &:hover {
        backdrop-filter: var(--hcm-highlight-filter);
      }

      & > a:hover {
        opacity: 0 !important;
        background: none !important;
        box-shadow: none;
      }
    }

    .popupAnnotation .popup {
      outline: calc(1.5px * var(--total-scale-factor)) solid CanvasText !important;
      background-color: ButtonFace !important;
      color: ButtonText !important;
    }

    .highlightArea:hover::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backdrop-filter: var(--hcm-highlight-filter);
      content: "";
      pointer-events: none;
    }

    .popupAnnotation.focused .popup {
      outline: calc(3px * var(--total-scale-factor)) solid Highlight !important;
    }
  }

  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;

  &[data-main-rotation="90"] .norotate {
    transform: rotate(270deg) translateX(-100%);
  }
  &[data-main-rotation="180"] .norotate {
    transform: rotate(180deg) translate(-100%, -100%);
  }
  &[data-main-rotation="270"] .norotate {
    transform: rotate(90deg) translateY(-100%);
  }

  &.disabled {
    section,
    .popup {
      pointer-events: none;
    }
  }

  .annotationContent {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;

    &.freetext {
      background: transparent;
      border: none;
      inset: 0;
      overflow: visible;
      white-space: nowrap;
      font: 10px sans-serif;
      line-height: 1.35;
    }
  }

  section {
    position: absolute;
    text-align: initial;
    pointer-events: auto;
    box-sizing: border-box;
    transform-origin: 0 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    &:has(div.annotationContent) {
      canvas.annotationContent {
        display: none;
      }
    }

    .overlaidText {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      display: inline-block;
      overflow: hidden;
    }
  }
  .hasOwnCanvas:not(.sandboxModified) :is(input, textarea) {
    display: none;
  }

  .hasOwnCanvas.sandboxModified canvas.annotationContent {
    display: none;
  }

  .textLayer.selecting ~ & section {
    pointer-events: none;
  }

  :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
    > a:hover {
    opacity: 0.2;
    background-color: rgb(255 255 0);
  }

  .linkAnnotation.hasBorder:hover {
    background-color: rgb(255 255 0 / 0.2);
  }

  .hasBorder {
    background-size: 100% 100%;
  }

  .textAnnotation img {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .textWidgetAnnotation :is(input, textarea),
  .choiceWidgetAnnotation select,
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
    background-image: var(--annotation-unfocused-field-background);
    border: 2px solid var(--input-unfocused-border-color);
    box-sizing: border-box;
    font: calc(9px * var(--total-scale-factor)) sans-serif;
    height: 100%;
    margin: 0;
    vertical-align: top;
    width: 100%;
  }

  .textWidgetAnnotation :is(input, textarea):required,
  .choiceWidgetAnnotation select:required,
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid red;
  }

  .choiceWidgetAnnotation select option {
    padding: 0;
  }

  .textWidgetAnnotation textarea {
    resize: none;
  }

  .textWidgetAnnotation :is(input, textarea)[disabled],
  .choiceWidgetAnnotation select[disabled],
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
    background: none;
    border: 2px solid var(--input-disabled-border-color);
    cursor: not-allowed;
  }

  .textWidgetAnnotation :is(input, textarea):hover,
  .choiceWidgetAnnotation select:hover,
  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
    border: 2px solid var(--input-hover-border-color);
  }
  .textWidgetAnnotation :is(input, textarea):hover,
  .choiceWidgetAnnotation select:hover,
  .buttonWidgetAnnotation.checkBox input:hover {
    border-radius: 2px;
  }

  .textWidgetAnnotation :is(input, textarea):focus,
  .choiceWidgetAnnotation select:focus {
    background: none;
    border: 2px solid var(--input-focus-border-color);
    border-radius: 2px;
    outline: var(--input-focus-outline);
  }

  .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
    background-image: none;
    background-color: transparent;
  }

  .buttonWidgetAnnotation.checkBox :focus {
    border: 2px solid var(--input-focus-border-color);
    border-radius: 2px;
    outline: var(--input-focus-outline);
  }

  .buttonWidgetAnnotation.radioButton :focus {
    border: 2px solid var(--input-focus-border-color);
    outline: var(--input-focus-outline);
  }

  .buttonWidgetAnnotation:is(.checkBox, .radioButton) {
    [data-canvas-name] {
      filter: var(--annotation-unfocused-field-filter);
    }

    &:focus-within [data-canvas-name] {
      filter: none;
    }

    [data-canvas-name="checked"] {
      &:has(~ input:checked) {
        display: block;
      }

      &:has(~ input:not(:checked)) {
        display: none;
      }
    }

    [data-canvas-name="unchecked"] {
      &:has(~ input:checked) {
        display: none;
      }

      &:has(~ input:not(:checked)) {
        display: block;
      }
    }
  }

  .textWidgetAnnotation input.comb {
    --comb-width: 0px;
    --comb-letter-spacing: calc(var(--comb-width) - 1ch);

    font-family: monospace;
    letter-spacing: var(--comb-letter-spacing);
    overflow-x: hidden;
    padding: 0;
    text-indent: calc(
      var(--comb-offset, 0) * var(--comb-width) + var(--comb-letter-spacing) / 2
    );
  }

  .textWidgetAnnotation input.comb:focus {
    background-image: repeating-linear-gradient(
      to right,
      transparent 0 calc(var(--comb-width) - 1px),
      var(--input-focus-border-color) calc(var(--comb-width) - 1px)
        var(--comb-width)
    );
  }

  .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .buttonWidgetAnnotation:is(.checkBox, .radioButton):has(
      [data-canvas-name="checked"]
    )
    input:checked,
  .buttonWidgetAnnotation:is(.checkBox, .radioButton):has(
      [data-canvas-name="unchecked"]
    )
    input:not(:checked) {
    background-image: none;
  }

  .fileAttachmentAnnotation .popupTriggerArea {
    height: 100%;
    width: 100%;
  }

  .mediaAnnotation {
    pointer-events: auto;

    .mediaContent {
      width: 100%;
    }

    video.mediaContent {
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
    }

    audio.mediaContent {
      position: absolute;
      bottom: 0;
    }

    .mediaPlayButton {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      border: none;
      cursor: pointer;
      background-color: transparent;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='rgba(0,0,0,0.55)'/%3E%3Cpath d='M40 32 L70 50 L40 68 Z' fill='white'/%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-size: calc(48px * var(--total-scale-factor));

      &:hover {
        background-color: rgba(255 255 255 / 0.1);
      }
    }
  }

  .popupAnnotation {
    position: absolute;
    font-size: calc(9px * var(--total-scale-factor));
    pointer-events: none;
    width: -moz-max-content;
    width: max-content;
    max-width: 45%;
    height: auto;
  }

  .popup {
    background-color: rgb(255 255 153);
    color: black;
    box-shadow: 0 calc(2px * var(--total-scale-factor))
      calc(5px * var(--total-scale-factor)) rgb(136 136 136);
    border-radius: calc(2px * var(--total-scale-factor));
    outline: 1.5px solid rgb(255 255 74);
    padding: calc(6px * var(--total-scale-factor));
    cursor: pointer;
    font: message-box;
    white-space: normal;
    word-wrap: break-word;
    pointer-events: auto;
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }

  .popupAnnotation.focused .popup {
    outline-width: 3px;
  }

  .popup * {
    font-size: calc(9px * var(--total-scale-factor));
  }

  .popup > .header {
    display: inline-block;
  }

  .popup > .header > .title {
    display: inline;
    font-weight: bold;
  }

  .popup > .header .popupDate {
    display: inline-block;
    margin-left: calc(5px * var(--total-scale-factor));
    width: -moz-fit-content;
    width: fit-content;
  }

  .popupContent {
    border-top: 1px solid rgb(51 51 51);
    margin-top: calc(2px * var(--total-scale-factor));
    padding-top: calc(2px * var(--total-scale-factor));
  }

  .richText > * {
    white-space: pre-wrap;
    font-size: calc(9px * var(--total-scale-factor));
  }

  .popupTriggerArea {
    cursor: pointer;

    &:hover {
      backdrop-filter: var(--hcm-highlight-filter);
    }
  }

  section svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .annotationTextContent {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;

    span {
      width: 100%;
      display: inline-block;
    }
  }

  svg.quadrilateralsContainer {
    contain: strict;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}

:root {
  --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-focus-outline: auto;
}

@media screen and (forced-colors: active) {
  :root {
    --xfa-focus-outline: 2px solid CanvasText;
  }
  .xfaLayer *:required {
    outline: 1.5px solid selectedItem;
  }
}

.xfaLayer {
  color-scheme: only light;

  background-color: transparent;
}

.xfaLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgb(239 203 237);
  border-radius: 4px;
}

.xfaLayer .highlight.appended {
  position: initial;
}

.xfaLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.xfaLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.xfaLayer .highlight.middle {
  border-radius: 0;
}

.xfaLayer .highlight.selected {
  background-color: rgb(203 223 203);
}

.xfaPage {
  overflow: hidden;
  position: relative;
}

.xfaContentarea {
  position: absolute;
}

.xfaPrintOnly {
  display: none;
}

.xfaLayer {
  position: absolute;
  text-align: initial;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  line-height: 1.2;
}

.xfaLayer * {
  color: inherit;
  font: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-kerning: inherit;
  letter-spacing: -0.01px;
  text-align: inherit;
  text-decoration: inherit;
  box-sizing: border-box;
  background-color: transparent;
  padding: 0;
  margin: 0;
  pointer-events: auto;
  line-height: inherit;
}

.xfaLayer *:required {
  outline: 1.5px solid red;
}

.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg * {
  pointer-events: none;
}

.xfaLayer a {
  color: blue;
}

.xfaRich li {
  margin-left: 3em;
}

.xfaFont {
  color: black;
  font-weight: normal;
  font-kerning: none;
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0;
  text-decoration: none;
  vertical-align: 0;
}

.xfaCaption {
  overflow: hidden;
  flex: 0 0 auto;
}

.xfaCaptionForCheckButton {
  overflow: hidden;
  flex: 1 1 auto;
}

.xfaLabel {
  height: 100%;
  width: 100%;
}

.xfaLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.xfaRight {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
  max-height: 100%;
}

.xfaTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.xfaBottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
  width: 100%;
}

.xfaBorder {
  background-color: transparent;
  position: absolute;
  pointer-events: none;
}

.xfaWrapped {
  width: 100%;
  height: 100%;
}

:is(.xfaTextfield, .xfaSelect):focus {
  background-image: none;
  background-color: transparent;
  outline: var(--xfa-focus-outline);
  outline-offset: -1px;
}

:is(.xfaCheckbox, .xfaRadio):focus {
  outline: var(--xfa-focus-outline);
}

.xfaTextfield,
.xfaSelect {
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  border: none;
  resize: none;
  background-image: var(--xfa-unfocused-field-background);
}

.xfaSelect {
  padding-inline: 2px;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) {
  flex: 0 1 auto;
}

.xfaButton {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
}

.xfaLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.xfaCheckbox,
.xfaRadio {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  border: none;
}

.xfaRich {
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
}

.xfaImage {
  -o-object-position: left top;
     object-position: left top;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.xfaLrTb,
.xfaRlTb,
.xfaTb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.xfaLr {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.xfaRl {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
}

.xfaTb > div {
  justify-content: left;
}

.xfaPosition {
  position: relative;
}

.xfaArea {
  position: relative;
}

.xfaValignMiddle {
  display: flex;
  align-items: center;
}

.xfaTable {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.xfaTable .xfaRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.xfaTable .xfaRlRow {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  flex: 1;
}

.xfaTable .xfaRlRow > div {
  flex: 1;
}

:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) {
  background: initial;
}

@media print {
  .xfaTextfield,
  .xfaSelect {
    background: transparent;
  }

  .xfaSelect {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
}

.canvasWrapper {
  svg {
    transform: none;

    &.moving {
      z-index: 100000;
    }

    &.highlight,
    &.highlightOutline {
      &[data-main-rotation="90"] {
        mask,
        use:not(.clip, .mask) {
          transform: matrix(0, 1, -1, 0, 1, 0);
        }
      }

      &[data-main-rotation="180"] {
        mask,
        use:not(.clip, .mask) {
          transform: matrix(-1, 0, 0, -1, 1, 1);
        }
      }

      &[data-main-rotation="270"] {
        mask,
        use:not(.clip, .mask) {
          transform: matrix(0, -1, 1, 0, 0, 1);
        }
      }
    }

    &.draw {
      position: absolute;
      mix-blend-mode: normal;

      &[data-draw-rotation="90"] {
        transform: rotate(90deg);
      }

      &[data-draw-rotation="180"] {
        transform: rotate(180deg);
      }

      &[data-draw-rotation="270"] {
        transform: rotate(270deg);
      }
    }

    &.highlight {
      --blend-mode: multiply;

      @media screen and (forced-colors: active) {
        --blend-mode: difference;
      }

      position: absolute;
      mix-blend-mode: var(--blend-mode);

      &:not(.free) {
        fill-rule: evenodd;
      }
    }

    &.highlightOutline {
      position: absolute;
      mix-blend-mode: normal;
      fill-rule: evenodd;
      fill: none;

      &:not(.free) {
        &.hovered:not(.selected) {
          stroke: var(--hover-outline-color);
          stroke-width: var(--outline-width);
        }

        &.selected {
          .mainOutline {
            stroke: var(--outline-around-color);
            stroke-width: calc(
              var(--outline-width) + 2 * var(--outline-around-width)
            );
          }

          .secondaryOutline {
            stroke: var(--outline-color);
            stroke-width: var(--outline-width);
          }
        }
      }

      &.free {
        &.hovered:not(.selected) {
          stroke: var(--hover-outline-color);
          stroke-width: calc(2 * var(--outline-width));
        }

        &.selected {
          .mainOutline {
            stroke: var(--outline-around-color);
            stroke-width: calc(
              2 * (var(--outline-width) + var(--outline-around-width))
            );
          }

          .secondaryOutline {
            stroke: var(--outline-color);
            stroke-width: calc(2 * var(--outline-width));
          }
        }
      }
    }
  }
}

.toggle-button {
  --toggle-background-color: var(
    --button-background-color,
    color-mix(in srgb, currentColor 7%, transparent)
  );
  --toggle-background-color-hover: var(
    --button-background-color-hover,
    color-mix(in srgb, currentColor 14%, transparent)
  );
  --toggle-background-color-active: var(
    --button-background-color-active,
    color-mix(in srgb, currentColor 21%, transparent)
  );
  --toggle-background-color-pressed: var(
    --color-accent-primary,
    light-dark(#0060df, #0df)
  );
  --toggle-background-color-pressed-hover: var(
    --color-accent-primary-hover,
    light-dark(#0250bb, #80ebff)
  );
  --toggle-background-color-pressed-active: var(
    --color-accent-primary-active,
    light-dark(#054096, #aaf2ff)
  );
  --toggle-border-color: var(
    --border-color-interactive,
    light-dark(#8f8f9d, #f9f9fa)
  );
  --toggle-border-color-hover: var(--toggle-border-color);
  --toggle-border-color-active: var(--toggle-border-color);
  --toggle-border-radius: var(--border-radius-circle, 9999px);
  --toggle-border-width: var(--border-width, 1px);
  --toggle-height: var(--size-item-small, 16px);
  --toggle-width: var(--size-item-large, 32px);
  --toggle-dot-background-color: var(--toggle-border-color);
  --toggle-dot-background-color-hover: var(--toggle-dot-background-color);
  --toggle-dot-background-color-active: var(--toggle-dot-background-color);
  --toggle-dot-background-color-on-pressed: var(
    --background-color-canvas,
    light-dark(white, #1c1b22)
  );
  --toggle-dot-margin: 1px;
  --toggle-dot-height: calc(
    var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
      var(--toggle-border-width)
  );
  --toggle-dot-width: var(--toggle-dot-height);
  --toggle-dot-transform-x: calc(
    var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
  );
  --input-width: var(--toggle-width);

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;
  padding: 0;
  border: var(--toggle-border-width) solid var(--toggle-border-color);
  height: var(--toggle-height);
  width: var(--toggle-width);
  border-radius: var(--toggle-border-radius);
  background-color: var(--toggle-background-color);
  box-sizing: border-box;

  &:focus-visible {
    outline: var(--focus-ring-outline);
    outline-offset: var(--focus-outline-offset, 2px);
  }

  &:enabled:hover {
    background-color: var(--toggle-background-color-hover);
    border-color: var(--toggle-border-color);
  }

  &:enabled:hover:active {
    background-color: var(--toggle-background-color-active);
    border-color: var(--toggle-border-color);
  }

  &::before {
    display: block;
    content: "";
    background-color: var(--toggle-dot-background-color);
    height: var(--toggle-dot-height);
    width: var(--toggle-dot-width);
    margin: var(--toggle-dot-margin);
    border-radius: var(--toggle-border-radius);
    translate: 0;
  }
}

.toggle-button[aria-pressed="true"] {
  background-color: var(--toggle-background-color-pressed);
  border-color: transparent;

  &:enabled:hover {
    background-color: var(--toggle-background-color-pressed-hover);
    border-color: transparent;
  }

  &:enabled:hover:active {
    background-color: var(--toggle-background-color-pressed-active);
    border-color: transparent;
  }

  &::before {
    translate: var(--toggle-dot-transform-x);
    background-color: var(--toggle-dot-background-color-on-pressed);
  }

  &:enabled:hover::before,
  &:enabled:hover:active::before {
    background-color: var(--toggle-dot-background-color-on-pressed);
  }

  &:-moz-locale-dir(rtl)::before,
  &:dir(rtl)::before {
    translate: calc(-1 * var(--toggle-dot-transform-x));
  }
}

@media (prefers-reduced-motion: no-preference) {
  .toggle-button::before {
    transition: translate 100ms;
  }
}

@media (prefers-contrast) {
  .toggle-button:enabled:hover {
    border-color: var(--toggle-border-color-hover);
  }

  .toggle-button:enabled:hover:active {
    border-color: var(--toggle-border-color-active);
  }

  .toggle-button[aria-pressed="true"]:enabled {
    border-color: var(--toggle-border-color);
    position: relative;

    &:hover {
      border-color: var(--toggle-border-color-hover);

      &:active {
        background-color: var(--toggle-dot-background-color-active);
        border-color: var(--toggle-dot-background-color-hover);
      }
    }
  }

  .toggle-button:enabled:hover::before,
  .toggle-button:enabled:hover:active::before {
    background-color: var(--toggle-dot-background-color-hover);
  }
}

@media (forced-colors) {
  .toggle-button {
    --toggle-background-color: var(--button-background-color, ButtonFace);
    --toggle-background-color-pressed: var(--color-accent-primary, ButtonText);
    --toggle-background-color-pressed-hover: var(
      --color-accent-primary-hover,
      SelectedItem
    );
    --toggle-background-color-pressed-active: var(
      --color-accent-primary-active,
      SelectedItem
    );
    --toggle-border-color: var(--border-color-interactive, ButtonText);
    --toggle-dot-background-color: var(--color-accent-primary, ButtonText);
    --toggle-dot-background-color-hover: var(
      --color-accent-primary-hover,
      SelectedItem
    );
    --toggle-dot-background-color-active: var(
      --color-accent-primary-active,
      SelectedItem
    );
    --toggle-dot-background-color-on-pressed: var(
      --button-background-color,
      ButtonFace
    );
    --toggle-border-color-hover: var(
      --border-color-interactive-hover,
      SelectedItem
    );
    --toggle-border-color-active: var(
      --border-color-interactive-active,
      ButtonText
    );
  }

  .toggle-button[aria-pressed="true"]:enabled::after {
    border: 1px solid var(--button-background-color, ButtonFace);
    content: "";
    position: absolute;
    height: var(--toggle-height);
    width: var(--toggle-width);
    display: block;
    border-radius: var(--toggle-border-radius);
    inset: -2px;
  }

  .toggle-button[aria-pressed="true"]:enabled:hover:active::after {
    border-color: var(--toggle-border-color-active);
  }
}

:root {
  --clear-signature-button-icon: url(vendor/pdfjs/images/editor-toolbar-delete.svg);
  --signature-bg: var(
    --background-color-box-info,
    light-dark(#f9f9fb, #2b2a33)
  );
  --signature-hover-bg: var(
    --button-background-color-hover,
    light-dark(#f0f0f4, var(--signature-bg))
  );
  --button-signature-bg: transparent;
  --button-signature-color: var(--main-color);
  --button-signature-active-bg: light-dark(#cfcfd8, #5b5b66);
  --button-signature-active-border: none;
  --button-signature-active-color: var(--button-signature-color);
  --button-signature-border: none;
  --button-signature-hover-bg: light-dark(#e0e0e6, #52525e);
  --button-signature-hover-color: var(--button-signature-color);

  @media screen and (forced-colors: active) {
    --signature-bg: HighlightText;
    --signature-hover-bg: var(--signature-bg);
    --button-signature-bg: HighlightText;
    --button-signature-color: ButtonText;
    --button-signature-active-bg: ButtonText;
    --button-signature-active-color: HighlightText;
    --button-signature-border: 1px solid ButtonText;
    --button-signature-hover-bg: Highlight;
    --button-signature-hover-color: HighlightText;
  }
}

.signatureDialog {
  --primary-color: var(--text-primary-color);
  --signature-border-color: var(--border-color-interactive, #8f8f9d);
  --open-link-fg: var(--link-fg-color);
  --open-link-hover-fg: var(--link-hover-fg-color);

  @media screen and (forced-colors: active) {
    --primary-color: ButtonText;
    --signature-border-color: var(--border-color-interactive, ButtonText);
    --open-link-fg: ButtonText;
    --open-link-hover-fg: ButtonText;
  }

  width: 570px;
  max-width: 100%;
  min-width: 300px;
  padding: 16px 0;

  .mainContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;

    span:not([role="sectionhead"]) {
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }

    .title {
      margin-inline-start: 16px;
    }
  }

  .inputWithClearButton {
    --button-dimension: 24px;
    --clear-button-icon: url(vendor/pdfjs/images/messageBar_closingButton.svg);

    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    > input {
      width: 100%;
      height: var(--size-item-large, 32px);
      padding-inline: 8px calc(4px + var(--button-dimension));
      box-sizing: border-box;
      border-radius: var(--border-radius-small, 4px);
      border: 1px solid var(--signature-border-color);
    }

    .clearInputButton {
      position: absolute;
      inset-block-start: 4px;
      inset-inline-end: 4px;
      display: inline-block;
      width: var(--button-dimension);
      height: var(--button-dimension);
      background-color: var(--input-text-fg-color);
      -webkit-mask-size: cover;
              mask-size: cover;
      -webkit-mask-image: var(--clear-button-icon);
              mask-image: var(--clear-button-icon);
      padding: 0;
      border: 0;
    }
  }
}

#addSignatureDialog {
  --secondary-color: var(--text-secondary-color);
  --bg-hover: var(
    --button-background-color-hover,
    light-dark(#e0e0e6, #52525e)
  );
  --tab-top-line-active-color: var(
    --color-accent-primary,
    light-dark(#0060df, #0df)
  );
  --tab-top-line-active-hover-color: var(--tab-text-hover-color);
  --tab-top-line-hover-color: var(--border-color-interactive, #8f8f9d);
  --tab-top-line-inactive-color: light-dark(#cfcfd8, #8f8f9d);
  --tab-bottom-line-active-color: var(--tab-top-line-inactive-color);
  --tab-bottom-line-hover-color: var(--tab-top-line-inactive-color);
  --tab-bottom-line-inactive-color: var(--tab-top-line-inactive-color);
  --tab-bg: var(--dialog-bg-color);
  --tab-bg-active-color: var(--tab-bg);
  --tab-bg-active-hover-color: var(--bg-hover);
  --tab-bg-hover: var(--bg-hover);
  --tab-panel-border: none;
  --tab-panel-border-radius: var(--border-radius-small, 4px);
  --tab-text-color: var(--primary-color);
  --tab-text-active-color: var(--tab-top-line-active-color);
  --tab-text-active-hover-color: var(--tab-text-hover-color);
  --tab-text-hover-color: var(--tab-text-color);
  --signature-placeholder-color: var(--secondary-color);
  --signature-draw-placeholder-color: var(--primary-color);
  --signature-color: var(--primary-color);
  --save-warning-color: var(--secondary-color);
  --thickness-bg: var(--dialog-bg-color);
  --thickness-label-color: var(--primary-color);
  --thickness-slider-color: var(--primary-color);
  --thickness-border: none;
  --draw-cursor: url(vendor/pdfjs/images/cursor-editorInk.svg) 0 16, pointer;

  @media screen and (forced-colors: active) {
    --secondary-color: ButtonText;
    --bg: HighlightText;
    --bg-hover: var(--bg);
    --tab-top-line-active-color: var(--color-accent-primary, ButtonText);
    --tab-top-line-active-hover-color: HighlightText;
    --tab-top-line-hover-color: var(--border-color-interactive, SelectedItem);
    --tab-top-line-inactive-color: ButtonText;
    --tab-bottom-line-active-color: var(--tab-top-line-active-color);
    --tab-bottom-line-hover-color: var(--tab-top-line-hover-color);
    --tab-bg: var(--bg);
    --tab-bg-active-color: SelectedItem;
    --tab-bg-active-hover-color: SelectedItem;
    --tab-panel-border: 1px solid ButtonText;
    --tab-panel-border-radius: 8px;
    --tab-text-color: ButtonText;
    --tab-text-active-color: HighlightText;
    --tab-text-active-hover-color: HighlightText;
    --tab-text-hover-color: SelectedItem;
    --signature-color: ButtonText;
    --thickness-bg: Canvas;
    --thickness-label-color: CanvasText;
    --thickness-slider-color: ButtonText;
    --thickness-border: 1px solid var(--signature-border-color);
  }

  #addSignatureDialogLabel {
    overflow: hidden;
    position: absolute;
    inset: 0;
    width: 0;
    height: 0;
  }

  &.waiting::after {
    content: "";
    cursor: wait;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .mainContainer {
    [role="tablist"] {
      width: 100%;
      display: flex;
      align-items: flex-start;
      gap: 0;

      > [role="tab"] {
        flex: 1 0 0;
        align-self: stretch;
        background-color: var(--tab-bg);
        padding-inline: 0;
        cursor: default;

        border-inline: 0;
        border-block-width: 1px;
        border-block-style: solid;
        border-block-start-color: var(--tab-top-line-inactive-color);
        border-block-end-color: var(--tab-bottom-line-inactive-color);
        border-radius: 0;

        font: menu;
        font-size: 13px;
        font-style: normal;
        line-height: normal;
        font-weight: 400;
        color: var(--tab-text-color);

        &:hover {
          border-block-start-width: 2px;
          border-block-start-color: var(--tab-top-line-hover-color);
          border-block-end-color: var(--tab-bottom-line-hover-color);
          background-color: var(--tab-bg-hover);
          color: var(--tab-text-hover-color);
        }

        &:focus-visible {
          outline: 2px solid var(--tab-top-line-active-color);
          outline-offset: -2px;
        }

        &[aria-selected="true"] {
          border-block-start-width: 2px;
          border-block-start-color: var(--tab-top-line-active-color);
          border-block-end-color: var(--tab-bottom-line-active-color);
          background-color: var(--tab-bg-active-color);
          font-weight: 590;
          color: var(--tab-text-active-color);

          &:hover {
            border-block-start-color: var(--tab-top-line-active-hover-color);
            background-color: var(--tab-bg-active-hover-color);
            color: var(--tab-text-active-hover-color);
          }
        }
      }
    }

    #addSignatureActionContainer {
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      align-self: stretch;
      gap: 12px;
      padding-inline: 16px;
      box-sizing: border-box;

      > [role="tabpanel"] {
        position: relative;
        width: 100%;
        height: 220px;
        background-color: var(--signature-bg);
        border: var(--tab-panel-border);
        border-radius: var(--tab-panel-border-radius);

        > svg {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          background-color: transparent;
        }

        &#addSignatureTypeContainer {
          display: none;

          #addSignatureTypeInput {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
            padding: 0;
            text-align: center;
            color: var(--signature-color);
            background-color: transparent;
            border-radius: var(--tab-panel-border-radius);

            font-family:
              "Brush script", "Apple Chancery", "Segoe script",
              "Freestyle Script", "Palace Script MT", "Brush Script MT", TK,
              cursive, serif;
            font-size: 44px;
            font-style: italic;
            font-weight: 400;

            &::-moz-placeholder {
              color: var(--signature-placeholder-color);
              text-align: center;

              font: menu;
              font-style: normal;
              font-weight: 274;
              font-size: 44px;
              line-height: normal;
            }

            &::placeholder {
              color: var(--signature-placeholder-color);
              text-align: center;

              font: menu;
              font-style: normal;
              font-weight: 274;
              font-size: 44px;
              line-height: normal;
            }
          }
        }

        &#addSignatureDrawContainer {
          display: none;

          > span {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: grid;
            align-items: center;
            justify-content: center;

            background-color: transparent;
            color: var(--signature-placeholder-color);
            -webkit-user-select: none;
               -moz-user-select: none;
                    user-select: none;
          }

          > svg {
            stroke: var(--signature-color);
            fill: none;
            stroke-opacity: 1;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-miterlimit: 10;

            &:hover {
              cursor: var(--draw-cursor);
            }
          }

          #thickness {
            position: absolute;
            width: 100%;
            inset-block-end: 0;
            display: grid;
            align-items: center;
            justify-content: center;
            pointer-events: none;

            > span {
              color: var(--signature-draw-placeholder-color);
            }

            > div {
              width: auto;
              height: auto;
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 8px;
              padding: 6px 8px 7px;
              margin: 0;
              background-color: var(--thickness-bg);
              border-radius: 4px 4px 0 0;
              border-inline: var(--thickness-border);
              border-top: var(--thickness-border);
              pointer-events: auto;
              position: relative;
              top: 1px;

              > label {
                color: var(--thickness-label-color);
              }

              > input {
                width: 100px;
                height: 14px;
                background-color: transparent;

                &::-webkit-slider-runnable-track,
                &::-moz-range-track,
                &::-moz-range-progress {
                  background-color: var(--thickness-slider-color);
                }

                &::-webkit-slider-thumb,
                &::-moz-range-thumb {
                  background-color: var(--thickness-bg);
                }

                border-radius: 4.5px;
                border: 0;
                color: var(--signature-color);
              }
            }
          }
        }

        &#addSignatureImageContainer {
          display: none;

          > svg {
            stroke: none;
            stroke-width: 0;
            fill: var(--signature-color);
            fill-opacity: 1;
          }

          #addSignatureImagePlaceholder {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: transparent;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            span {
              color: var(--signature-placeholder-color);
            }

            a {
              color: var(--open-link-fg);
              text-decoration: underline;
              cursor: pointer;

              &:hover {
                color: var(--open-link-hover-fg);
              }
            }
          }

          #addSignatureFilePicker {
            visibility: hidden;
            position: relative;
            width: 0;
            height: 0;
          }
        }
      }

      &[data-selected="type"] > #addSignatureTypeContainer,
      &[data-selected="draw"] > #addSignatureDrawContainer,
      &[data-selected="image"] > #addSignatureImageContainer {
        display: block;
      }

      #addSignatureControls {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;

        #horizontalContainer {
          display: flex;
          align-items: flex-end;
          gap: 16px;
          align-self: stretch;

          #addSignatureDescriptionContainer {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 4px;
            flex: 1 0 0;

            &:has(input:disabled) > label {
              opacity: 0.4;
            }

            > label {
              width: auto;
            }
          }

          #clearSignatureButton {
            display: flex;
            align-items: center;

            > span {
              display: flex;
              height: 24px;
              align-items: center;
              gap: 4px;
              flex-shrink: 0;

              &::after {
                content: "";
                display: inline-block;
                width: 16px;
                height: 16px;
                -webkit-mask-image: var(--clear-signature-button-icon);
                        mask-image: var(--clear-signature-button-icon);
                -webkit-mask-size: cover;
                        mask-size: cover;
                background-color: currentColor;
                flex-shrink: 0;
              }
            }
          }
        }

        #addSignatureSaveContainer {
          display: grid;
          grid-template-columns: max-content auto;
          gap: 4px;
          width: 100%;

          > input {
            margin: 0;

            &:disabled + label {
              opacity: 0.4;
            }
          }

          > label {
            -webkit-user-select: none;
               -moz-user-select: none;
                    user-select: none;
          }

          &:not(.fullStorage) #addSignatureSaveWarning {
            display: none;
          }

          &.fullStorage #addSignatureSaveWarning {
            display: block;
            opacity: 1;
            color: var(--save-warning-color);
            font-size: 11px;
          }
        }
      }
    }
  }
}

#editSignatureDescriptionDialog {
  .mainContainer {
    padding-inline: 16px;
    box-sizing: border-box;

    .title {
      margin-inline-start: 0;
    }

    #editSignatureDescriptionAndView {
      width: auto;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 12px;
      align-self: stretch;

      #editSignatureDescriptionContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        flex: 1 1 auto;
      }

      > svg {
        width: 210px;
        height: 180px;
        padding: 8px;
        background-color: var(--signature-bg);

        > path {
          stroke: var(--button-signature-color);
          stroke-width: 1px;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-miterlimit: 10;
          vector-effect: non-scaling-stroke;
          fill: none;

          &.contours {
            fill: var(--button-signature-color);
            stroke-width: 0.5px;
          }
        }
      }
    }
  }
}

#editorSignatureParamsToolbar {
  padding: 8px;

  #addSignatureDoorHanger {
    gap: 8px;
    padding: 2px;

    .toolbarAddSignatureButtonContainer {
      height: 32px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      gap: 8px;

      button {
        border: var(--button-signature-border);
        border-radius: 4px;
        background-color: var(--button-signature-bg);
        color: var(--button-signature-color);

        &:hover {
          background-color: var(--button-signature-hover-bg);
        }

        &:active {
          border: var(--button-signature-active-border);
          background-color: var(--button-signature-active-bg);
          color: var(--button-signature-active-color);

          &::before {
            background-color: var(--button-signature-active-color);
          }
        }

        &:focus-visible {
          outline: var(--focus-ring-outline);

          &::before {
            background-color: var(--button-signature-color);
          }
        }
      }

      .deleteButton {
        &::before {
          -webkit-mask-image: var(--clear-signature-button-icon);
                  mask-image: var(--clear-signature-button-icon);
        }
      }

      .toolbarAddSignatureButton {
        width: calc(0.8 * var(--editor-toolbar-min-width));
        height: 100%;
        min-height: var(--menuitem-height);
        aspect-ratio: unset;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        outline: none;
        border-radius: 4px;
        box-sizing: border-box;
        font: message-box;
        position: relative;
        flex: 1 1 auto;
        padding: 0;
        gap: 8px;
        text-align: start;
        white-space: normal;
        cursor: default;
        overflow: hidden;

        > svg {
          display: inline-block;
          height: 100%;
          aspect-ratio: 1;
          background-color: var(--signature-bg);
          flex: none;
          padding: 4px;
          box-sizing: border-box;
          border: none;
          border-radius: 4px;

          > path {
            stroke: var(--button-signature-color);
            stroke-width: 1px;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-miterlimit: 10;
            vector-effect: non-scaling-stroke;
            fill: none;

            &.contours {
              fill: var(--button-signature-color);
              stroke-width: 0.5px;
            }
          }
        }

        &:is(:hover, :active) > svg {
          border-radius: 4px 0 0 4px;
          background-color: var(--signature-hover-bg);
        }

        &:hover {
          > span {
            color: var(--button-signature-hover-color);
          }
        }

        &:active {
          background-color: var(--button-signature-active-bg);
        }

        &:is([disabled="disabled"], [disabled]) {
          opacity: 0.5;
          pointer-events: none;
        }

        > span {
          height: auto;
          text-overflow: ellipsis;
          white-space: nowrap;
          flex: 1 1 auto;
          font: menu;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          overflow: hidden;
        }
      }
    }
  }
}

.editDescription.altText {
  --alt-text-add-image: url(vendor/pdfjs/images/editor-toolbar-edit.svg) !important;

  &::before {
    width: 16px !important;
    height: 16px !important;
  }
}

.commentPopup,
#commentManagerDialog {
  width: 360px;
  max-width: 100%;
  min-width: 200px;
  position: absolute;
  padding: 8px 16px 16px;
  margin-left: 0;
  margin-top: 0;
  box-sizing: border-box;

  border-radius: 8px;
}

#commentManagerDialog {
  --comment-close-button-icon: url(vendor/pdfjs/images/comment-closeButton.svg);

  .mainContainer {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;

    #commentManagerToolbar {
      width: 100%;
      height: 32px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 8px;
      align-self: stretch;

      cursor: move;
    }

    #commentManagerTextInput {
      width: 100%;
      min-height: 132px;
      margin-bottom: 12px;
    }
  }
}

.annotationLayer.disabled :is(.annotationCommentButton) {
  display: none;
}

:is(.annotationLayer, .annotationEditorLayer) {
  .annotationCommentButton {
    color-scheme: light dark;
    --comment-button-bg: var(
      --background-color-canvas,
      light-dark(white, #1c1b22)
    );
    --comment-button-fg: light-dark(#5b5b66, #fbfbfe);
    --comment-button-active-bg: light-dark(#0041a4, #a6ecf4);
    --comment-button-active-fg: var(
      --button-text-color-primary,
      light-dark(white, #15141a)
    );
    --comment-button-hover-bg: var(
      --color-accent-primary-hover,
      light-dark(#0053cb, #61dce9)
    );
    --comment-button-hover-fg: var(
      --button-text-color-primary,
      light-dark(white, #15141a)
    );
    --comment-button-selected-bg: var(
      --color-accent-primary,
      light-dark(#0062fa, #00cadb)
    );
    --comment-button-border-color: var(
      --border-color-interactive,
      light-dark(#8f8f9d, #bfbfc9)
    );
    --comment-button-active-border-color: var(--comment-button-active-bg);
    --comment-button-focus-border-color: light-dark(#cfcfd8, #3a3944);
    --comment-button-hover-border-color: var(--comment-button-hover-bg);
    --comment-button-selected-border-color: var(--comment-button-selected-bg);
    --comment-button-selected-fg: var(
      --button-text-color-primary,
      light-dark(white, #15141a)
    );
    --comment-button-dim: 24px;
    --comment-button-box-shadow:
      0 0.25px 0.75px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
      0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
    --comment-button-focus-outline-color: var(
      --focus-outline-color,
      light-dark(#0062fa, #00cadb)
    );
    @media screen and (forced-colors: active) {
      --comment-button-bg: var(--button-background-color, ButtonFace);
      --comment-button-fg: var(--button-text-color, ButtonText);
      --comment-button-hover-bg: var(
        --button-background-color-hover,
        SelectedItemText
      );
      --comment-button-hover-fg: var(--button-text-color-hover, SelectedItem);
      --comment-button-active-bg: var(
        --button-background-color-active,
        SelectedItemText
      );
      --comment-button-active-fg: var(--button-text-color-active, SelectedItem);
      --comment-button-border-color: var(--button-border-color, ButtonBorder);
      --comment-button-active-border-color: var(
        --button-border-color-active,
        ButtonBorder
      );
      --comment-button-hover-border-color: var(
        --button-border-color-hover,
        SelectedItem
      );
      --comment-button-box-shadow: none;
      --comment-button-focus-outline-color: var(
        --focus-outline-color,
        CanvasText
      );
      --comment-button-selected-bg: var(
        --button-background-color-primary,
        ButtonBorder
      );
      --comment-button-selected-fg: var(
        --button-text-color-primary,
        ButtonFace
      );
    }

    position: absolute;
    width: var(--comment-button-dim);
    height: var(--comment-button-dim);
    background-color: var(--comment-button-bg);
    border-radius: 6px 6px 6px 0;
    border: 1px solid var(--comment-button-border-color);
    box-shadow: var(--comment-button-box-shadow);
    cursor: auto;
    z-index: 1;
    padding: 4px;
    margin: 0;
    box-sizing: border-box;
    pointer-events: auto;

    &:dir(rtl) {
      border-radius: 6px 6px 0;
    }

    &::before {
      content: "";
      display: inline-block;
      width: 100%;
      height: 100%;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: cover;
              mask-size: cover;
      -webkit-mask-image: var(--comment-edit-button-icon);
              mask-image: var(--comment-edit-button-icon);
      background-color: var(--comment-button-fg);
      margin: 0;
      padding: 0;
      transform: scaleX(var(--dir-factor));
    }

    &:focus-visible {
      outline: 2px solid var(--comment-button-focus-outline-color);
      outline-offset: 1px;
      border-color: var(--comment-button-focus-border-color);
    }

    &:hover {
      background-color: var(--comment-button-hover-bg) !important;
      border-color: var(--comment-button-hover-border-color);

      &::before {
        background-color: var(--comment-button-hover-fg);
      }
    }

    &:active {
      background-color: var(--comment-button-active-bg) !important;
      border-color: var(--comment-button-active-border-color);

      &::before {
        background-color: var(--comment-button-active-fg);
      }
    }

    &.selected {
      background-color: var(--comment-button-selected-bg) !important;
      border-color: var(--comment-button-selected-border-color);

      &::before {
        background-color: var(--comment-button-selected-fg);
      }
    }
  }
}

#editorCommentsSidebar,
.commentPopup {
  --comment-close-button-icon: url(vendor/pdfjs/images/comment-closeButton.svg);
  --comment-popup-edit-button-icon: url(vendor/pdfjs/images/comment-popup-editButton.svg);
  --comment-popup-delete-button-icon: url(vendor/pdfjs/images/editor-toolbar-delete.svg);

  --comment-date-fg-color: light-dark(
    rgb(21 20 26 / 0.69),
    rgb(251 251 254 / 0.69)
  );
  --comment-bg-color: light-dark(#f9f9fb, #1c1b22);
  --comment-hover-bg-color: light-dark(#e0e0e6, #2c2b33);
  --comment-active-bg-color: light-dark(#d1d1d9, #3a3944);
  --comment-hover-brightness: 0.89;
  --comment-hover-filter: brightness(var(--comment-hover-brightness));
  --comment-active-brightness: 0.825;
  --comment-active-filter: brightness(var(--comment-active-brightness));
  --comment-border-color: light-dark(#f0f0f4, #52525e);
  --comment-focus-outline-color: var(
    --focus-outline-color,
    light-dark(#0062fa, #00cadb)
  );
  --comment-fg-color: var(--text-color, light-dark(#15141a, #fbfbfe));
  --comment-count-bg-color: light-dark(#e2f7ff, #00317e);
  --comment-indicator-active-fg-color: light-dark(#0041a4, #a6ecf4);
  --comment-indicator-active-filter: brightness(
    calc(1 / var(--comment-active-brightness))
  );
  --comment-indicator-focus-fg-color: light-dark(#5b5b66, #fbfbfe);
  --comment-indicator-hover-fg-color: var(
    --color-accent-primary-hover,
    light-dark(#0053cb, #61dce9)
  );
  --comment-indicator-hover-filter: brightness(
    calc(1 / var(--comment-hover-brightness))
  );
  --comment-indicator-selected-fg-color: var(
    --color-accent-primary,
    light-dark(#0062fa, #00cadb)
  );

  --button-comment-bg: transparent;
  --button-comment-color: var(--main-color);
  --button-comment-active-bg: light-dark(#cfcfd8, #5b5b66);
  --button-comment-active-border: none;
  --button-comment-active-color: var(--button-comment-color);
  --button-comment-border: none;
  --button-comment-hover-bg: light-dark(#e0e0e6, #52525e);
  --button-comment-hover-color: var(--button-comment-color);

  @media screen and (forced-colors: active) {
    --comment-date-fg-color: CanvasText;
    --comment-bg-color: Canvas;
    --comment-hover-bg-color: Canvas;
    --comment-hover-filter: none;
    --comment-active-bg-color: Canvas;
    --comment-active-filter: none;
    --comment-border-color: CanvasText;
    --comment-fg-color: var(--text-color, CanvasText);
    --comment-count-bg-color: Canvas;
    --comment-indicator-active-fg-color: SelectedItem;
    --comment-indicator-focus-fg-color: var(--text-color, CanvasText);
    --comment-indicator-hover-fg-color: var(--text-color, CanvasText);
    --comment-indicator-selected-fg-color: SelectedItem;
    --button-comment-bg: ButtonFace;
    --button-comment-color: ButtonText;
    --button-comment-active-bg: Highlight;
    --button-comment-active-color: HighlightText;
    --button-comment-border: 1px solid ButtonText;
    --button-comment-hover-bg: Highlight;
    --button-comment-hover-color: HighlightText;
  }
}

#editorCommentsSidebar {
  display: flex;
  height: auto;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  overflow-y: visible;

  #editorCommentsSidebarHeader {
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .commentCount {
      display: flex;
      align-items: baseline;
      gap: 6px;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;

      #editorCommentsSidebarTitle {
        font: menu;
        font-style: normal;
        font-weight: 590;
        line-height: normal;
        font-size: 17px;
        color: var(--comment-fg-color);
      }

      #editorCommentsSidebarCount {
        padding: 0 4px;
        border-radius: 4px;
        background-color: var(--comment-count-bg-color);

        color: var(--comment-fg-color);
        text-align: center;

        font: menu;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
      }
    }

    #editorCommentsSidebarCloseButton {
      width: 32px;
      height: 32px;
      padding: 8px;
      border-radius: 4px;
      border: var(--button-comment-border);
      background-color: var(--button-comment-bg);
      cursor: pointer;

      &::before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-image: var(--comment-close-button-icon);
                mask-image: var(--comment-close-button-icon);
        background-color: var(--button-comment-color);
      }

      &:hover {
        background-color: var(--button-comment-hover-bg);

        &::before {
          background-color: var(--button-comment-hover-color);
        }
      }

      &:active {
        border: var(--button-comment-active-border);
        background-color: var(--button-comment-active-bg);

        &::before {
          background-color: var(--button-comment-active-color);
        }
      }

      &:focus-visible {
        outline: var(--focus-ring-outline);
      }

      > span {
        display: inline-block;
        width: 0;
        height: 0;
        overflow: hidden;
      }
    }
  }

  #editorCommentsSidebarListContainer {
    overflow: auto;
    width: 100%;

    #editorCommentsSidebarList {
      display: flex;
      width: auto;
      padding: 4px 16px;
      gap: 10px;
      align-items: flex-start;
      flex-direction: column;
      list-style-type: none;

      .sidebarComment {
        display: flex;
        width: auto;
        padding: 8px 16px 16px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        gap: 4px;

        border-radius: 8px;
        border: 0.5px solid var(--comment-border-color);
        background-color: var(--comment-bg-color);

        &:not(.noComments) {
          &:hover {
            @media screen and (forced-colors: active) {
              background-color: var(--comment-hover-bg-color);
            }
            filter: var(--comment-hover-filter);

            time::after {
              display: inline-block;
              background-color: var(--comment-indicator-hover-fg-color);
              filter: var(--comment-indicator-hover-filter);
            }
          }

          &:active {
            @media screen and (forced-colors: active) {
              background-color: var(--comment-active-bg-color);
            }
            filter: var(--comment-active-filter);

            time::after {
              display: inline-block;
              background-color: var(--comment-indicator-active-fg-color);
              filter: var(--comment-indicator-active-filter);
            }
          }

          &:is(:focus, :focus-visible) time::after {
            display: inline-block;
            background-color: var(--comment-indicator-focus-fg-color);
          }

          &:focus-visible {
            outline: 2px solid var(--comment-focus-outline-color);
            outline-offset: 2px;
          }

          &.selected {
            .sidebarCommentText {
              max-height: -moz-fit-content;
              max-height: fit-content;
              -webkit-line-clamp: unset;
            }

            time::after {
              display: inline-block;
              background-color: var(--comment-indicator-selected-fg-color);
            }
          }
        }

        .sidebarCommentText {
          font: menu;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          font-size: 15px;
          width: 100%;
          height: -moz-fit-content;
          height: fit-content;
          max-height: 80px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          overflow-wrap: break-word;

          .richText {
            --total-scale-factor: 1.5;
          }
        }

        &.noComments {
          .sidebarCommentText {
            max-height: -moz-fit-content;
            max-height: fit-content;
            -webkit-line-clamp: unset;
            -webkit-user-select: none;
               -moz-user-select: none;
                    user-select: none;
          }

          a {
            font: menu;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            font-size: 15px;
            width: 100%;
            height: auto;
            overflow-wrap: break-word;
            margin-block-start: 15px;
            color: var(--link-fg-color);

            &:focus-visible {
              outline: var(--focus-ring-outline);
            }

            &:hover {
              color: var(--link-hover-fg-color);
            }
          }
        }

        time {
          width: 100%;
          display: inline-flex;
          align-items: center;
          justify-content: space-between;

          font: menu;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          font-size: 13px;

          &::after {
            content: "";
            display: none;
            width: 16px;
            height: 16px;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-image: var(--comment-edit-button-icon);
                    mask-image: var(--comment-edit-button-icon);
            transform: scaleX(var(--dir-factor));
          }
        }
      }
    }
  }
}

.commentPopup {
  color-scheme: light dark;

  --divider-color: light-dark(#cfcfd8, #3a3944);
  --comment-shadow:
    0 0.5px 2px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 4px 16px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));

  @media screen and (forced-colors: active) {
    --divider-color: CanvasText;
    --comment-shadow: none;
  }

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  z-index: 100001;
  pointer-events: auto;
  margin-top: 2px;

  border: 0.5px solid var(--comment-border-color);
  background: var(--comment-bg-color);
  box-shadow: var(--comment-shadow);

  &:focus-visible {
    outline: none;
  }

  &.dragging {
    cursor: move !important;

    * {
      cursor: move !important;
    }

    button {
      pointer-events: none !important;
    }
  }

  &:not(.selected) .commentPopupButtons {
    visibility: hidden !important;
  }

  hr {
    width: 100%;
    height: 1px;
    border: none;
    border-top: 1px solid var(--divider-color);
    margin: 0;
    padding: 0;
  }

  .commentPopupTop {
    display: flex;
    width: 100%;
    height: auto;
    padding-bottom: 4px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    cursor: move;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    .commentPopupTime {
      font: menu;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      font-size: 13px;
      color: var(--comment-date-fg-color);
    }

    .commentPopupButtons {
      display: flex;
      align-items: center;
      gap: 2px;
      cursor: default;

      > button {
        width: 32px;
        height: 32px;
        padding: 8px;
        border: var(--button-comment-border);
        border-radius: 4px;
        background-color: var(--button-comment-bg);
        color: var(--button-comment-color);

        &:hover {
          background-color: var(--button-comment-hover-bg);

          &::before {
            background-color: var(--button-comment-hover-color);
          }
        }

        &:active {
          border: var(--button-comment-active-border);
          background-color: var(--button-comment-active-bg);
          color: var(--button-comment-active-color);

          &::before {
            background-color: var(--button-comment-active-color);
          }
        }

        &:focus-visible {
          background-color: var(--button-comment-hover-bg);
          outline: 2px solid var(--comment-focus-outline-color);
          outline-offset: 0;
        }

        &::before {
          content: "";
          display: inline-block;
          width: 100%;
          height: 100%;
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
        }

        &.commentPopupEdit::before {
          -webkit-mask-image: var(--comment-popup-edit-button-icon);
                  mask-image: var(--comment-popup-edit-button-icon);
        }

        &.commentPopupDelete::before {
          -webkit-mask-image: var(--comment-popup-delete-button-icon);
                  mask-image: var(--comment-popup-delete-button-icon);
        }
      }
    }
  }

  .commentPopupText {
    width: 100%;
    height: auto;

    font: menu;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
    color: var(--comment-fg-color);
  }
}

.commentPopupText,
.sidebarCommentText .richText {
  margin-block: 0;

  p:first-of-type {
    margin-block: 0;
  }

  > * {
    white-space: pre-wrap;
    font-size: max(15px, calc(10px * var(--total-scale-factor)));
    overflow-wrap: break-word;
  }

  span {
    color: var(--comment-fg-color) !important;
  }
}

:root {
  --editor-toolbar-vert-offset: 6px;
  --outline-width: 2px;
  --outline-color: var(--color-blue-60, #0060df);
  --outline-around-width: 1px;
  --outline-around-color: var(--color-gray-20, #f0f0f4);
  --hover-outline-around-color: var(--outline-around-color);
  --editor-selection-outline: solid var(--outline-width) var(--outline-color);
  --unfocus-outline: solid var(--outline-width) transparent;
  --focus-outline-around: solid var(--outline-around-width)
    var(--outline-around-color);
  --hover-outline-color: var(--color-gray-60, #8f8f9d);
  --hover-outline: solid var(--outline-width) var(--hover-outline-color);
  --hover-outline-around: solid var(--outline-around-width)
    var(--hover-outline-around-color);
  --freetext-line-height: 1.35;
  --freetext-padding: 2px;
  --resizer-bg-color: var(--outline-color);
  --resizer-size: 6px;
  --resizer-shift: calc(
    0px - (var(--outline-width) + var(--resizer-size)) / 2 -
      var(--outline-around-width)
  );
  --editorFreeText-editing-cursor: text;
  --editorInk-editing-cursor: url(vendor/pdfjs/images/cursor-editorInk.svg) 0 16, pointer;
  --editorHighlight-editing-cursor:
    url(vendor/pdfjs/images/cursor-editorTextHighlight.svg) 24 24, text;
  --editorFreeHighlight-editing-cursor:
    url(vendor/pdfjs/images/cursor-editorFreeHighlight.svg) 1 18, pointer;

  --new-alt-text-warning-image: url(vendor/pdfjs/images/altText_warning.svg);
}

.textLayer {
  &.highlighting {
    cursor: var(--editorFreeHighlight-editing-cursor);

    &:not(.free) span {
      cursor: var(--editorHighlight-editing-cursor);

      &[role="img"] {
        cursor: var(--editorFreeHighlight-editing-cursor);
      }
    }

    &.free span {
      cursor: var(--editorFreeHighlight-editing-cursor);
    }
  }
}

.page:has(.annotationEditorLayer.nonEditing)
  .annotationLayer
  .editorAnnotation {
  position: absolute;
  pointer-events: none;
}

#viewerContainer.pdfPresentationMode:fullscreen,
.annotationEditorLayer.disabled {
  .noAltTextBadge {
    display: none !important;
  }
}

@media (min-resolution: 1.1dppx) {
  :root {
    --editorFreeText-editing-cursor:
      url(vendor/pdfjs/images/cursor-editorFreeText.svg) 0 16, text;
  }
}

@media screen and (forced-colors: active) {
  :root {
    --outline-color: CanvasText;
    --outline-around-color: ButtonFace;
    --resizer-bg-color: ButtonText;
    --hover-outline-color: var(--color-accent-primary-hover, Highlight);
    --hover-outline-around-color: SelectedItemText;
  }
}

[data-editor-rotation="90"] {
  transform: rotate(90deg);
}

[data-editor-rotation="180"] {
  transform: rotate(180deg);
}

[data-editor-rotation="270"] {
  transform: rotate(270deg);
}

.annotationEditorLayer {
  background: transparent;
  position: absolute;
  inset: 0;
  font-size: calc(100px * var(--total-scale-factor));
  transform-origin: 0 0;
  cursor: auto;

  .selectedEditor {
    z-index: 100000 !important;
  }

  &.drawing * {
    pointer-events: none !important;
  }

  &.getElements {
    pointer-events: auto !important;
    > div {
      pointer-events: auto !important;
    }
  }
}

.annotationEditorLayer.waiting {
  content: "";
  cursor: wait;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.annotationEditorLayer.disabled {
  pointer-events: none;

  &.highlightEditing
    :is(
      .freeTextEditor,
      .inkEditor,
      .stampEditor,
      .signatureEditor,
      .commentPopup
    ) {
    pointer-events: auto;
  }
}

.annotationEditorLayer.freetextEditing {
  cursor: var(--editorFreeText-editing-cursor);
}

.annotationEditorLayer.inkEditing {
  cursor: var(--editorInk-editing-cursor);
}

.annotationEditorLayer .draw {
  box-sizing: border-box;
}

.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor) {
  position: absolute;
  background: transparent;
  z-index: 1;
  transform-origin: 0 0;
  cursor: auto;
  max-width: 100%;
  max-height: 100%;
  border: var(--unfocus-outline);

  &.draggable.selectedEditor {
    cursor: move;
  }

  &.selectedEditor {
    border: var(--editor-selection-outline);
    outline: var(--focus-outline-around);

    &::before {
      content: "";
      position: absolute;
      inset: 0;
      border: var(--focus-outline-around);
      pointer-events: none;
    }
  }

  &:hover:not(.selectedEditor) {
    border: var(--hover-outline);
    outline: var(--hover-outline-around);

    &::before {
      content: "";
      position: absolute;
      inset: 0;
      border: var(--focus-outline-around);
    }
  }
}

.annotationEditorLayer
  :is(
    .freeTextEditor,
    .inkEditor,
    .stampEditor,
    .highlightEditor,
    .signatureEditor
  ),
.textLayer {
  .editToolbar {
    --editor-toolbar-delete-image: url(vendor/pdfjs/images/editor-toolbar-delete.svg);
    --editor-toolbar-bg-color: light-dark(#f0f0f4, #2b2a33);
    --editor-toolbar-highlight-image: url(vendor/pdfjs/images/toolbarButton-editorHighlight.svg);
    --editor-toolbar-fg-color: light-dark(#2e2e56, #fbfbfe);
    --editor-toolbar-border-color: var(--border-color-interactive, #8f8f9d);
    --editor-toolbar-hover-border-color: var(--editor-toolbar-border-color);
    --editor-toolbar-hover-bg-color: light-dark(#e0e0e6, #52525e);
    --editor-toolbar-hover-fg-color: var(--editor-toolbar-fg-color);
    --editor-toolbar-hover-outline: none;
    --editor-toolbar-focus-outline-color: var(
      --focus-outline-color,
      light-dark(#0060df, #0df)
    );
    --editor-toolbar-shadow: 0 2px 6px 0 rgb(58 57 68 / 0.2);
    --editor-toolbar-height: 28px;
    --editor-toolbar-padding: 2px;
    --alt-text-done-color: var(
      --color-accent-attention,
      light-dark(#2ac3a2, #54ffbd)
    );
    --alt-text-warning-color: light-dark(#0090ed, #80ebff);
    --alt-text-hover-done-color: var(--alt-text-done-color);
    --alt-text-hover-warning-color: var(--alt-text-warning-color);

    @media screen and (forced-colors: active) {
      --editor-toolbar-bg-color: var(--button-background-color, ButtonFace);
      --editor-toolbar-fg-color: var(--button-text-color, ButtonText);
      --editor-toolbar-border-color: var(--button-border-color, ButtonText);
      --editor-toolbar-hover-border-color: var(
        --button-border-color-hover,
        AccentColor
      );
      --editor-toolbar-hover-bg-color: var(
        --button-background-color-hover,
        ButtonFace
      );
      --editor-toolbar-hover-fg-color: var(
        --button-text-color-hover,
        AccentColor
      );
      --editor-toolbar-hover-outline: 2px solid
        var(--editor-toolbar-hover-border-color);
      --editor-toolbar-focus-outline-color: var(
        --button-border-color,
        ButtonBorder
      );
      --editor-toolbar-shadow: none;
      --alt-text-done-color: var(--editor-toolbar-fg-color);
      --alt-text-warning-color: var(--editor-toolbar-fg-color);
      --alt-text-hover-done-color: var(--editor-toolbar-hover-fg-color);
      --alt-text-hover-warning-color: var(--editor-toolbar-hover-fg-color);
    }

    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    height: var(--editor-toolbar-height);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: default;
    pointer-events: auto;
    box-sizing: content-box;
    padding: var(--editor-toolbar-padding);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    position: absolute;
    inset-inline-end: 0;
    inset-block-start: calc(100% + var(--editor-toolbar-vert-offset));

    border-radius: 6px;
    background-color: var(--editor-toolbar-bg-color);
    border: 1px solid var(--editor-toolbar-border-color);
    box-shadow: var(--editor-toolbar-shadow);

    &.hidden {
      display: none;
    }

    &:has(:focus-visible) {
      border-color: transparent;
    }

    &:dir(ltr) {
      transform-origin: 100% 0;
    }

    &:dir(rtl) {
      transform-origin: 0 0;
    }

    .buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0;
      height: 100%;

      button {
        padding: 0;
      }

      .divider {
        width: 0;
        height: calc(
          2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
        );
        border-left: 1px solid var(--editor-toolbar-border-color);
        border-right: none;
        display: inline-block;
        margin-inline: 2px;
      }

      .basic {
        width: var(--editor-toolbar-height);

        &::before {
          content: "";
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          display: inline-block;
          background-color: var(--editor-toolbar-fg-color);
          width: 100%;
          height: 100%;
        }

        &:hover::before {
          background-color: var(--editor-toolbar-hover-fg-color);
        }

        &.highlightButton::before {
          -webkit-mask-image: var(--editor-toolbar-highlight-image);
                  mask-image: var(--editor-toolbar-highlight-image);
        }

        &.commentButton::before {
          -webkit-mask-image: var(--comment-edit-button-icon);
                  mask-image: var(--comment-edit-button-icon);
        }

        &.deleteButton::before {
          -webkit-mask-image: var(--editor-toolbar-delete-image);
                  mask-image: var(--editor-toolbar-delete-image);
        }
      }

      > * {
        height: var(--editor-toolbar-height);
      }

      > :not(.divider) {
        border: none;
        background-color: transparent;
        cursor: pointer;

        &:hover {
          border-radius: 2px;
          background-color: var(--editor-toolbar-hover-bg-color);
          color: var(--editor-toolbar-hover-fg-color);
          outline: var(--editor-toolbar-hover-outline);
          outline-offset: 1px;

          &:active {
            outline: none;
          }
        }

        &:focus-visible {
          border-radius: 2px;
          outline: 2px solid var(--editor-toolbar-focus-outline-color);
        }
      }

      .altText {
        --alt-text-add-image: url(vendor/pdfjs/images/altText_add.svg);
        --alt-text-done-image: url(vendor/pdfjs/images/altText_done.svg);

        display: flex;
        align-items: center;
        justify-content: center;
        width: -moz-max-content;
        width: max-content;
        padding-inline: 8px;
        pointer-events: all;
        font: menu;
        font-weight: 590;
        font-size: 12px;
        color: var(--editor-toolbar-fg-color);

        &:disabled {
          pointer-events: none;
        }

        &::before {
          content: "";
          -webkit-mask-image: var(--alt-text-add-image);
                  mask-image: var(--alt-text-add-image);
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          display: inline-block;
          width: 12px;
          height: 13px;
          background-color: var(--editor-toolbar-fg-color);
          margin-inline-end: 4px;
        }

        &:hover::before {
          background-color: var(--editor-toolbar-hover-fg-color);
        }

        &.done::before {
          -webkit-mask-image: var(--alt-text-done-image);
                  mask-image: var(--alt-text-done-image);
        }

        &.new {
          &::before {
            width: 16px;
            height: 16px;
            -webkit-mask-image: var(--new-alt-text-warning-image);
                    mask-image: var(--new-alt-text-warning-image);
            background-color: var(--alt-text-warning-color);
            -webkit-mask-size: cover;
                    mask-size: cover;
          }

          &:hover::before {
            background-color: var(--alt-text-hover-warning-color);
          }

          &.done {
            &::before {
              -webkit-mask-image: var(--alt-text-done-image);
                      mask-image: var(--alt-text-done-image);
              background-color: var(--alt-text-done-color);
            }

            &:hover::before {
              background-color: var(--alt-text-hover-done-color);
            }
          }
        }

        .tooltip {
          display: none;
          word-wrap: anywhere;

          &.show {
            --alt-text-tooltip-bg: light-dark(#f0f0f4, #1c1b22);
            --alt-text-tooltip-fg: var(
              --text-color,
              light-dark(#15141a, #fbfbfe)
            );
            --alt-text-tooltip-border: var(--border-color-interactive, #8f8f9d);
            --alt-text-tooltip-shadow: 0 2px 6px 0
              light-dark(rgb(58 57 68 / 0.2), #15141a);

            @media screen and (forced-colors: active) {
              --alt-text-tooltip-bg: Canvas;
              --alt-text-tooltip-fg: var(--text-color, CanvasText);
              --alt-text-tooltip-border: var(--border-color, CanvasText);
              --alt-text-tooltip-shadow: none;
            }

            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: calc(100% + 2px);
            inset-inline-start: 0;
            padding-block: 2px 3px;
            padding-inline: 3px;
            max-width: 300px;
            width: -moz-max-content;
            width: max-content;
            height: auto;
            font-size: 12px;

            border: 0.5px solid var(--alt-text-tooltip-border);
            background: var(--alt-text-tooltip-bg);
            box-shadow: var(--alt-text-tooltip-shadow);
            color: var(--alt-text-tooltip-fg);

            pointer-events: none;
          }
        }
      }

      .comment {
        width: var(--editor-toolbar-height);

        &::before {
          content: "";
          -webkit-mask-image: var(--comment-edit-button-icon);
                  mask-image: var(--comment-edit-button-icon);
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          display: inline-block;
          background-color: var(--editor-toolbar-fg-color);
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}

.annotationEditorLayer .freeTextEditor {
  padding: calc(var(--freetext-padding) * var(--total-scale-factor));
  width: auto;
  height: auto;
  touch-action: none;
}

.annotationEditorLayer .freeTextEditor .internal {
  background: transparent;
  border: none;
  inset: 0;
  overflow: visible;
  white-space: nowrap;
  font: 10px sans-serif;
  line-height: var(--freetext-line-height);
  text-align: start;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.annotationEditorLayer .freeTextEditor .overlay {
  position: absolute;
  display: none;
  background: transparent;
  inset: 0;
  width: 100%;
  height: 100%;
}

.annotationEditorLayer freeTextEditor .overlay.enabled {
  display: block;
}

.annotationEditorLayer .freeTextEditor .internal:empty::before {
  content: attr(default-content);
  color: gray;
}

.annotationEditorLayer .freeTextEditor .internal:focus {
  outline: none;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.annotationEditorLayer .inkEditor {
  width: 100%;
  height: 100%;
}

.annotationEditorLayer .inkEditor.editing {
  cursor: inherit;
}

.annotationEditorLayer .inkEditor .inkEditorCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}

.annotationEditorLayer .stampEditor {
  width: auto;
  height: auto;

  canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
  }

  .noAltTextBadge {
    --no-alt-text-badge-border-color: light-dark(#f0f0f4, #52525e);
    --no-alt-text-badge-bg-color: light-dark(#cfcfd8, #fbfbfe);
    --no-alt-text-badge-fg-color: light-dark(#5b5b66, #15141a);

    @media screen and (forced-colors: active) {
      --no-alt-text-badge-border-color: ButtonText;
      --no-alt-text-badge-bg-color: ButtonFace;
      --no-alt-text-badge-fg-color: ButtonText;
    }

    position: absolute;
    inset-inline-end: 5px;
    inset-block-end: 5px;
    display: inline-flex;
    width: 32px;
    height: 32px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    z-index: 1;

    border-radius: 2px;
    border: 1px solid var(--no-alt-text-badge-border-color);
    background: var(--no-alt-text-badge-bg-color);

    &::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      -webkit-mask-image: var(--new-alt-text-warning-image);
              mask-image: var(--new-alt-text-warning-image);
      -webkit-mask-size: cover;
              mask-size: cover;
      background-color: var(--no-alt-text-badge-fg-color);
    }
  }
}

.annotationEditorLayer {
  :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor) {
    & > .resizers {
      position: absolute;
      inset: 0;
      z-index: 1;

      &.hidden {
        display: none;
      }

      & > .resizer {
        width: var(--resizer-size);
        height: var(--resizer-size);
        background: content-box var(--resizer-bg-color);
        border: var(--focus-outline-around);
        border-radius: 2px;
        position: absolute;

        &.topLeft {
          top: var(--resizer-shift);
          left: var(--resizer-shift);
        }

        &.topMiddle {
          top: var(--resizer-shift);
          left: calc(50% + var(--resizer-shift));
        }

        &.topRight {
          top: var(--resizer-shift);
          right: var(--resizer-shift);
        }

        &.middleRight {
          top: calc(50% + var(--resizer-shift));
          right: var(--resizer-shift);
        }

        &.bottomRight {
          bottom: var(--resizer-shift);
          right: var(--resizer-shift);
        }

        &.bottomMiddle {
          bottom: var(--resizer-shift);
          left: calc(50% + var(--resizer-shift));
        }

        &.bottomLeft {
          bottom: var(--resizer-shift);
          left: var(--resizer-shift);
        }

        &.middleLeft {
          top: calc(50% + var(--resizer-shift));
          left: var(--resizer-shift);
        }
      }
    }
  }

  &[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]),
  &[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]),
  &[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]),
  &[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) {
    & > .resizers > .resizer {
      &.topLeft,
      &.bottomRight {
        cursor: nwse-resize;
      }

      &.topMiddle,
      &.bottomMiddle {
        cursor: ns-resize;
      }

      &.topRight,
      &.bottomLeft {
        cursor: nesw-resize;
      }

      &.middleRight,
      &.middleLeft {
        cursor: ew-resize;
      }
    }
  }

  &[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]),
  &[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]),
  &[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]),
  &[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) {
    & > .resizers > .resizer {
      &.topLeft,
      &.bottomRight {
        cursor: nesw-resize;
      }

      &.topMiddle,
      &.bottomMiddle {
        cursor: ew-resize;
      }

      &.topRight,
      &.bottomLeft {
        cursor: nwse-resize;
      }

      &.middleRight,
      &.middleLeft {
        cursor: ns-resize;
      }
    }
  }

  &
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) {
    .editToolbar {
      rotate: 270deg;

      &:dir(ltr) {
        inset-inline-end: calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start: 0;
      }

      &:dir(rtl) {
        inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start: 0;
      }
    }
  }

  &
    :is(
      [data-main-rotation="0"] [data-editor-rotation="180"],
      [data-main-rotation="90"] [data-editor-rotation="90"],
      [data-main-rotation="180"] [data-editor-rotation="0"],
      [data-main-rotation="270"] [data-editor-rotation="270"]
    ) {
    .editToolbar {
      rotate: 180deg;
      inset-inline-end: 100%;
      inset-block-start: calc(0px - var(--editor-toolbar-vert-offset));
    }
  }

  &
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) {
    .editToolbar {
      rotate: 90deg;

      &:dir(ltr) {
        inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start: 100%;
      }

      &:dir(rtl) {
        inset-inline-start: calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start: 0;
      }
    }
  }
}

.dialog.altText {
  &::backdrop {
    -webkit-mask: url(#alttext-manager-mask);
            mask: url(#alttext-manager-mask);
  }
  &.positioned {
    margin: 0;
  }

  & #altTextContainer {
    width: 300px;
    height: -moz-fit-content;
    height: fit-content;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;

    & #overallDescription {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      align-self: stretch;

      & span {
        align-self: stretch;
      }

      & .title {
        font-size: 13px;
        font-style: normal;
        font-weight: 590;
      }
    }

    & #addDescription {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 8px;

      & .descriptionArea {
        flex: 1;
        padding-inline: 24px 10px;

        textarea {
          width: 100%;
          min-height: 75px;
        }
      }
    }

    & #buttons {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 8px;
      align-self: stretch;
    }
  }
}

.dialog.newAltText {
  --new-alt-text-ai-disclaimer-icon: url(vendor/pdfjs/images/altText_disclaimer.svg);
  --new-alt-text-spinner-icon: url(vendor/pdfjs/images/altText_spinner.svg);
  --preview-image-bg-color: light-dark(#f0f0f4, #2b2a33);
  --preview-image-border: none;

  @media screen and (forced-colors: active) {
    --preview-image-bg-color: ButtonFace;
    --preview-image-border: 1px solid ButtonText;
  }

  width: 80%;
  max-width: 570px;
  min-width: 300px;
  padding: 0;

  &.noAi {
    #newAltTextDisclaimer,
    #newAltTextCreateAutomatically {
      display: none !important;
    }
  }

  &.aiInstalling {
    #newAltTextCreateAutomatically {
      display: none !important;
    }
    #newAltTextDownloadModel {
      display: flex !important;
    }
  }

  &.error {
    #newAltTextNotNow {
      display: none !important;
    }

    #newAltTextCancel {
      display: inline-block !important;
    }
  }

  &:not(.error) #newAltTextError {
    display: none !important;
  }

  #newAltTextContainer {
    display: flex;
    width: auto;
    padding: 16px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 12px;
    flex: 0 1 auto;
    line-height: normal;

    #mainContent {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 12px;
      align-self: stretch;
      flex: 1 1 auto;

      #descriptionAndSettings {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        flex: 1 0 0;
        align-self: stretch;
      }

      #descriptionInstruction {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        flex: 1 1 auto;

        #newAltTextDescriptionContainer {
          width: 100%;
          height: 70px;
          position: relative;

          textarea {
            width: 100%;
            height: 100%;
            padding: 8px;

            &::-moz-placeholder {
              color: var(--text-secondary-color);
            }

            &::placeholder {
              color: var(--text-secondary-color);
            }
          }

          .altTextSpinner {
            display: none;
            position: absolute;
            width: 16px;
            height: 16px;
            inset-inline-start: 8px;
            inset-block-start: 8px;
            -webkit-mask-size: cover;
                    mask-size: cover;
            background-color: var(--text-secondary-color);
            pointer-events: none;
          }

          &.loading {
            textarea::-moz-placeholder {
              color: transparent;
            }
            textarea::placeholder {
              color: transparent;
            }

            .altTextSpinner {
              display: inline-block;
              -webkit-mask-image: var(--new-alt-text-spinner-icon);
                      mask-image: var(--new-alt-text-spinner-icon);
            }
          }
        }

        #newAltTextDescription {
          font-size: 11px;
        }

        #newAltTextDisclaimer {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          gap: 4px;
          font-size: 11px;

          &::before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 16px;
            -webkit-mask-image: var(--new-alt-text-ai-disclaimer-icon);
                    mask-image: var(--new-alt-text-ai-disclaimer-icon);
            -webkit-mask-size: cover;
                    mask-size: cover;
            background-color: var(--text-secondary-color);
            flex: 1 0 auto;
          }
        }
      }

      #newAltTextDownloadModel {
        display: flex;
        align-items: center;
        gap: 4px;
        align-self: stretch;

        &::before {
          content: "";
          display: inline-block;
          width: 16px;
          height: 16px;
          -webkit-mask-image: var(--new-alt-text-spinner-icon);
                  mask-image: var(--new-alt-text-spinner-icon);
          -webkit-mask-size: cover;
                  mask-size: cover;
          background-color: var(--text-secondary-color);
        }
      }

      #newAltTextImagePreview {
        width: 180px;
        aspect-ratio: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 auto;
        background-color: var(--preview-image-bg-color);
        border: var(--preview-image-border);

        > canvas {
          max-width: 100%;
          max-height: 100%;
        }
      }
    }
  }
}

.colorPicker {
  --hover-outline-color: var(
    --color-accent-primary-hover,
    light-dark(#0250bb, #80ebff)
  );
  --selected-outline-color: light-dark(#0060df, #aaf2ff);
  --swatch-border-color: light-dark(#cfcfd8, #52525e);

  @media screen and (forced-colors: active) {
    --hover-outline-color: Highlight;
    --selected-outline-color: var(--hover-outline-color);
    --swatch-border-color: ButtonText;
  }

  .swatch {
    width: 16px;
    height: 16px;
    border: 1px solid var(--swatch-border-color);
    border-radius: 100%;
    outline-offset: 2px;
    box-sizing: border-box;
    forced-color-adjust: none;
  }

  button:is(:hover, .selected) > .swatch {
    border: none;
  }
}

.basicColorPicker {
  width: 28px;

  &::-moz-color-swatch {
    border-radius: 100%;
    margin: 0;
  }

  &::-webkit-color-swatch {
    border-radius: 100%;
    margin: 0;
  }
}

.annotationEditorLayer {
  &[data-main-rotation="0"] {
    .highlightEditor:not(.free) > .editToolbar {
      rotate: 0deg;
    }
  }

  &[data-main-rotation="90"] {
    .highlightEditor:not(.free) > .editToolbar {
      rotate: 270deg;
    }
  }

  &[data-main-rotation="180"] {
    .highlightEditor:not(.free) > .editToolbar {
      rotate: 180deg;
    }
  }

  &[data-main-rotation="270"] {
    .highlightEditor:not(.free) > .editToolbar {
      rotate: 90deg;
    }
  }

  .highlightEditor {
    position: absolute;
    background: transparent;
    z-index: 1;
    cursor: auto;
    max-width: 100%;
    max-height: 100%;
    border: none;
    outline: none;
    pointer-events: none;
    transform-origin: 0 0;

    &:not(.free) {
      transform: none;
    }

    .internal {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: auto;
    }

    &.disabled .internal {
      pointer-events: none;
    }

    &.selectedEditor {
      .internal {
        cursor: pointer;
      }
    }

    .editToolbar {
      --editor-toolbar-colorpicker-arrow-image: url(vendor/pdfjs/images/toolbarButton-menuArrow.svg);

      transform-origin: center !important;

      .buttons {
        .colorPicker {
          position: relative;
          width: auto;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 4px;
          padding: 4px;

          &::after {
            content: "";
            -webkit-mask-image: var(--editor-toolbar-colorpicker-arrow-image);
                    mask-image: var(--editor-toolbar-colorpicker-arrow-image);
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            display: inline-block;
            background-color: var(--editor-toolbar-fg-color);
            width: 12px;
            height: 12px;
          }

          &:hover::after {
            background-color: var(--editor-toolbar-hover-fg-color);
          }

          &:has(.dropdown:not(.hidden)) {
            background-color: var(--editor-toolbar-hover-bg-color);

            &::after {
              scale: -1;
            }
          }

          .dropdown {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 11px;
            padding-block: 8px;
            border-radius: 6px;
            background-color: var(--editor-toolbar-bg-color);
            border: 1px solid var(--editor-toolbar-border-color);
            box-shadow: var(--editor-toolbar-shadow);
            inset-block-start: calc(100% + 4px);
            width: calc(100% + 2 * var(--editor-toolbar-padding));

            button {
              width: 100%;
              height: auto;
              border: none;
              cursor: pointer;
              display: flex;
              justify-content: center;
              align-items: center;
              background: none;

              &:is(:active, :focus-visible) {
                outline: none;
              }

              > .swatch {
                outline-offset: 2px;
              }

              &[aria-selected="true"] > .swatch {
                outline: 2px solid var(--selected-outline-color);
              }

              &:is(:hover, :active, :focus-visible) > .swatch {
                outline: 2px solid var(--hover-outline-color);
              }
            }
          }
        }
      }
    }
  }
}

.editorParamsToolbar:has(#highlightParamsToolbarContainer) {
  padding: unset;
}

#highlightParamsToolbarContainer {
  gap: 16px;
  padding-inline: 10px;
  padding-block-end: 12px;

  .colorPicker {
    display: flex;
    flex-direction: column;
    gap: 8px;

    .dropdown {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
      height: auto;

      button {
        width: auto;
        height: auto;
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
        flex: 0 0 auto;
        padding: 0;

        .swatch {
          width: 24px;
          height: 24px;
        }

        &:is(:active, :focus-visible) {
          outline: none;
        }

        &[aria-selected="true"] > .swatch {
          outline: 2px solid var(--selected-outline-color);
        }

        &:is(:hover, :active, :focus-visible) > .swatch {
          outline: 2px solid var(--hover-outline-color);
        }
      }
    }
  }

  #editorHighlightThickness {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    align-self: stretch;

    .editorParamsLabel {
      height: auto;
      align-self: stretch;
    }

    .thicknessPicker {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;

      --example-color: light-dark(#bfbfc9, #80808e);

      @media screen and (forced-colors: active) {
        --example-color: CanvasText;
      }

      :is(& > .editorParamsSlider[disabled]) {
        opacity: 0.4;
      }

      &::before,
      &::after {
        content: "";
        width: 8px;
        aspect-ratio: 1;
        display: block;
        border-radius: 100%;
        background-color: var(--example-color);
      }
      &::after {
        width: 24px;
      }

      .editorParamsSlider {
        width: unset;
        height: 14px;
      }
    }
  }

  #editorHighlightVisibility {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;

    .divider {
      --divider-color: light-dark(#d7d7db, #8f8f9d);

      @media screen and (forced-colors: active) {
        --divider-color: CanvasText;
      }

      margin-block: 4px;
      width: 100%;
      height: 1px;
      background-color: var(--divider-color);
    }

    .toggler {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
    }
  }
}

#altTextSettingsDialog {
  padding: 16px;

  #altTextSettingsContainer {
    display: flex;
    width: 573px;
    flex-direction: column;
    gap: 16px;

    .mainContainer {
      gap: 16px;
    }

    .description {
      color: var(--text-secondary-color);
    }

    #aiModelSettings {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    #automaticAltText,
    #altTextEditor {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    #createModelDescription,
    #aiModelSettings,
    #showAltTextDialogDescription {
      padding-inline-start: 40px;
    }

    #automaticSettings {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
  }
}

button.hasPopupMenu {
  &[aria-expanded="true"] + menu {
    visibility: visible;
  }

  &[aria-expanded="false"] + menu {
    visibility: hidden;
  }
}

.popupMenu {
  --menuitem-checkmark-icon: url(vendor/pdfjs/images/checkmark.svg);
  --menu-mark-icon-size: 0;
  --menu-icon-size: 16px;
  --menuitem-gap: 5px;
  --menuitem-border-color: transparent;
  --menuitem-active-bg: color-mix(
    in srgb,
    var(--menu-text-color),
    transparent 79%
  );
  --menuitem-text-active-fg: var(--menu-text-color);
  --menuitem-active-border-color: var(--menuitem-border-color);
  --menuitem-focus-bg: color-mix(
    in srgb,
    var(--menu-text-color),
    transparent 93%
  );
  --menuitem-focus-outline-color: var(
    --focus-outline-color,
    light-dark(#0062fa, #00cadb)
  );
  --menuitem-focus-border-color: light-dark(white, black);

  --menu-bg: var(--background-color-box, light-dark(white, #23222b));
  --menu-background-blend-mode: normal;
  --menu-box-shadow:
    0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --menu-border-color: light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1));
  --menuitem-border-radius: 8px;
  --menu-backdrop-filter: none;
  --menu-text-color: var(--text-color, light-dark(#15141a, #fbfbfe));
  --menu-text-disabled-color: var(--menu-text-color);
  --menuitem-text-hover-fg: var(--menu-text-color);
  --menuitem-hover-bg: color-mix(
    in srgb,
    var(--menu-text-color),
    transparent 86%
  );
  --menuitem-hover-background-blend-mode: normal;
  --disabled-opacity: 0.62;

  @media screen and (forced-colors: active) {
    --menu-bg: var(--background-color-box, Canvas);
    --menu-background-blend-mode: normal;
    --menu-box-shadow: none;
    --menu-backdrop-filter: none;
    --menu-text-color: var(--text-color, ButtonText);
    --menu-text-disabled-color: GrayText;
    --menu-border-color: CanvasText;
    --menuitem-border-color: none;
    --menuitem-hover-bg: SelectedItemText;
    --menuitem-text-hover-fg: SelectedItem;
    --menuitem-active-bg: SelectedItemText;
    --menuitem-active-border-color: ButtonText;
    --menuitem-text-active-fg: SelectedItem;
    --menuitem-focus-bg: ButtonFace;
    --menuitem-focus-outline-color: var(--focus-outline-color, CanvasText);
    --menuitem-focus-border-color: none;
    --disabled-opacity: 1;
  }

  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  position: relative;
  left: 0;
  top: 1px;
  margin: 0;
  padding: 5px;
  box-sizing: border-box;

  background: var(--menu-bg);
  background-blend-mode: var(--menu-background-blend-mode);
  box-shadow: var(--menu-box-shadow);
  border-radius: 6px;
  border: 1px solid var(--menu-border-color);
  backdrop-filter: var(--menu-backdrop-filter);

  &.withMark {
    --menu-mark-icon-size: 16px;
  }

  > button {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 26px;
    padding-inline: calc(var(--menu-mark-icon-size) + var(--menuitem-gap))
      var(--menuitem-gap);
    gap: var(--menuitem-gap);
    box-sizing: border-box;
    border-radius: var(--menuitem-border-radius);
    border: 1px solid var(--menuitem-border-color);
    background: transparent;

    &.selected::after {
      content: "";
      display: inline-block;
      width: 11px;
      height: 11px;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-image: var(--menuitem-checkmark-icon);
              mask-image: var(--menuitem-checkmark-icon);
      background-color: var(--menu-text-color);
      position: absolute;
      inset-inline-start: var(--menuitem-gap);
      top: 50%;
      transform: translateY(-50%) scaleX(var(--dir-factor));
    }

    &:disabled {
      opacity: var(--disabled-opacity);

      &.selected::after {
        background-color: var(--menu-text-disabled-color);
      }

      &:not(.noIcon)::before {
        background-color: var(--menu-text-disabled-color);
      }

      > span {
        color: var(--menu-text-disabled-color);
      }
    }

    &:not(:disabled) {
      &:hover {
        background: var(--menuitem-hover-bg);
        background-blend-mode: var(--menuitem-hover-background-blend-mode);

        &:not(.noIcon)::before {
          background-color: var(--menuitem-text-hover-fg);
        }

        > span {
          color: var(--menuitem-text-hover-fg);
        }

        &.selected::after {
          background-color: var(--menuitem-text-hover-fg);
        }
      }

      &:active {
        background-color: var(--menuitem-active-bg);
        border-color: var(--menuitem-active-border-color);

        > span {
          color: var(--menuitem-text-active-fg);
        }
      }

      &:focus-visible {
        border-color: var(--menuitem-focus-border-color);
        background-color: var(--menuitem-focus-bg);
        outline: 2px solid var(--menuitem-focus-outline-color);
        outline-offset: 2px;
      }
    }

    &:not(.noIcon)::before {
      display: inline-block;
      width: var(--menu-icon-size);
      height: var(--menu-icon-size);
      content: "";
      -webkit-mask-size: cover;
              mask-size: cover;
      -webkit-mask-position: center;
              mask-position: center;
      background-color: var(--menu-text-color);
    }

    > span {
      display: flex;
      align-items: center;
      align-self: stretch;
      width: 100%;
      min-width: -moz-max-content;
      min-width: max-content;
      text-align: start;
      color: var(--menu-text-color);
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      padding-inline-start: 6px;

      font: menu;
      font-size: 13px;
      font-style: normal;
      font-weight: 510;
      line-height: normal;
    }
  }

}

.treeView {
  --treeitem-color: light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8));
  --treeitem-bg-color: light-dark(rgb(0 0 0 / 0.15), rgb(255 255 255 / 0.15));
  --treeitem-hover-color: light-dark(rgb(0 0 0 / 0.9), rgb(255 255 255 / 0.9));
  --treeitem-selected-color: light-dark(
    rgb(0 0 0 / 0.9),
    rgb(255 255 255 / 0.9)
  );
  --treeitem-selected-bg-color: light-dark(
    rgb(0 0 0 / 0.25),
    rgb(255 255 255 / 0.25)
  );
  --treeitem-expanded-icon: url(vendor/pdfjs/images/treeitem-expanded.svg);
  --treeitem-collapsed-icon: url(vendor/pdfjs/images/treeitem-collapsed.svg);

  &.withNesting {
    .treeItemToggler {
      &::before {
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        inset-inline-end: 4px;

        content: "";
        background-color: var(--toolbar-icon-bg-color);
        -webkit-mask-image: var(--treeitem-expanded-icon);
                mask-image: var(--treeitem-expanded-icon);
        -webkit-mask-size: cover;
                mask-size: cover;
      }

      position: relative;
      float: inline-start;
      height: 0;
      width: 0;
      color: rgb(255 255 255 / 0.5);

      &.treeItemsHidden {
        &::before {
          -webkit-mask-image: var(--treeitem-collapsed-icon);
                  mask-image: var(--treeitem-collapsed-icon);
          transform: scaleX(var(--dir-factor));
        }

        ~ .treeItems {
          display: none;
        }
      }

      &:hover + a,
      &:hover ~ .treeItems {
        background-color: var(--treeitem-bg-color);
        background-clip: padding-box;
        border-radius: 2px;
        color: var(--treeitem-hover-color);
      }
    }

    > .treeItem,
    .treeItem > .treeItems {
      margin-inline-start: 20px;
    }
  }

  &#layersView .treeItem > a {
    * {
      cursor: pointer;
    }

    > label {
      display: flex;
      align-items: center;
      padding-inline-start: 4px;
      > input {
        margin-top: 1px;
      }
    }
  }

  .treeItem {
    > a {
      text-decoration: none;
      display: inline-block;
      min-width: calc(100% - 4px);
      height: auto;
      margin-bottom: 1px;
      padding: 2px 0 5px;
      padding-inline-start: 4px;
      border-radius: 2px;
      color: var(--treeitem-color);
      font-size: 13px;
      line-height: 15px;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      white-space: normal;
      cursor: default;

      &:hover {
        background-color: var(--treeitem-bg-color);
        background-clip: padding-box;
        border-radius: 2px;
        color: var(--treeitem-hover-color);

      }
    }

    &.selected > a {
      background-color: var(--treeitem-selected-bg-color);
      color: var(--treeitem-selected-color);
    }
  }
}

#outerContainer {
  &.viewsManagerMoving {
    #viewsManager {
      visibility: visible;
    }
  }

  &.viewsManagerOpen {
    #viewsManager {
      visibility: visible;
      inset-inline-start: 8px;
    }

    #viewerContainer:not(.pdfPresentationMode) {
      inset-inline-start: var(--viewsManager-width, 0);
      transition-property: inset-inline-start;
    }
  }

  &.viewsManagerResizing :is(#sidebarContainer, #viewerContainer, #loadingBar) {
    transition-duration: 0s;
  }
}

#viewsManager {
  --views-manager-button-icon: url(vendor/pdfjs/images/pages_viewButton.svg);
  --views-manager-button-arrow-icon: url(vendor/pdfjs/images/pages_viewArrow.svg);
  --views-manager-add-file-button-icon: url(vendor/pdfjs/images/toolbarButton-zoomIn.svg);
  --current-outline-button-icon: url(vendor/pdfjs/images/toolbarButton-currentOutlineItem.svg);
  --menuitem-thumbnailsView-icon: url(vendor/pdfjs/images/pages_viewButton.svg);
  --menuitem-outlinesView-icon: url(vendor/pdfjs/images/toolbarButton-viewOutline.svg);
  --menuitem-attachmentsView-icon: url(vendor/pdfjs/images/toolbarButton-viewAttachments.svg);
  --menuitem-layersView-icon: url(vendor/pdfjs/images/toolbarButton-viewLayers.svg);
  --manage-button-icon: url(vendor/pdfjs/images/toolbarButton-pageDown.svg);
  --close-button-icon: url(vendor/pdfjs/images/pages_closeButton.svg);
  --undo-label-icon: url(vendor/pdfjs/images/altText_done.svg);
  --pages-selected-icon: url(vendor/pdfjs/images/pages_selected.svg);
  --spinner-icon: url(vendor/pdfjs/images/altText_spinner.svg);

  --sidebar-bg-color: light-dark(rgb(255 255 255 / 0.92), rgb(66 65 77 / 0.92));
  --sidebar-backdrop-filter: blur(7px);
  --sidebar-width: 230px;
  --sidebar-min-width: min-content;
  --sidebar-max-width: 50vw;
  --sidebar-block-padding: 8px;

  --views-text-color: var(--text-color, light-dark(#15141a, #fbfbfe));
  --button-fg: var(--views-text-color);
  --button-no-bg: var(--button-background-color-toolbar, transparent);
  --button-bg: var(
    --button-background-color,
    light-dark(rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07))
  );
  --views-button-border-color: var(--button-border-color, transparent);
  --button-hover-bg: var(
    --button-background-color-hover,
    light-dark(rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14))
  );
  --button-hover-fg: var(--views-text-color);
  --button-hover-border-color: var(--views-button-border-color);
  --button-active-bg: var(
    --button-background-color-active,
    light-dark(rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21))
  );
  --button-active-fg: var(--views-text-color);
  --button-active-border-color: var(--views-button-border-color);
  --button-focus-no-bg: color-mix(
    in srgb,
    var(--views-text-color),
    transparent 93%
  );
  --button-focus-outline-color: var(
    --focus-outline-color,
    light-dark(#0062fa, #00cadb)
  );
  --button-focus-border-color: light-dark(white, black);
  --status-border-color: transparent;
  --status-actions-bg: light-dark(
    rgb(21 20 26 / 0.03),
    rgb(251 251 254 / 0.03)
  );
  --status-undo-bg: light-dark(rgb(0 98 250 / 0.08), rgb(0 202 219 / 0.08));
  --status-waiting-bg: var(--status-undo-bg);
  --indicator-color: var(--color-accent-primary, light-dark(#0062fa, #00cadb));
  --status-warning-bg: light-dark(#ffe8ea, #6e001f);
  --indicator-warning-color: light-dark(#b20037, #ffa0aa);
  --header-shadow:
    0 0.25px 0.75px -0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 2px 6px -6px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --header-bg: light-dark(rgb(255 255 255 / 0.92), #42414e);
  --image-outline: none;
  --image-border-width: 6px;
  --image-border-color: light-dark(#cfcfd8, #3a3944);
  --image-hover-border-color: #bfbfc9;
  --image-current-border-color: var(--button-focus-outline-color);
  --image-current-focused-outline-color: var(--image-hover-border-color);
  --image-page-number-bg: light-dark(#f0f0f4, #42414d);
  --image-page-number-fg: var(--views-text-color);
  --image-page-number-border-color: transparent;
  --image-hover-page-number-bg: var(--image-page-number-bg);
  --image-hover-page-number-fg: var(--image-page-number-fg);
  --image-current-page-number-bg: var(--image-current-border-color);
  --image-current-page-number-fg: light-dark(#fff, #15141a);
  --image-current-hover-page-number-bg: var(--image-current-page-number-bg);
  --image-current-hover-page-number-fg: var(--image-current-page-number-fg);
  --image-shadow:
    0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 0 0 1px var(--image-border-color),
    0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --image-hover-shadow:
    0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 0 0 1px light-dark(rgb(21 20 26 / 0.1), rgb(251 251 254 / 0.1)),
    0 0 0 var(--image-border-width) var(--image-hover-border-color),
    0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --image-current-shadow:
    0 0.375px 1.5px 0 light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 0 0 var(--image-border-width) var(--image-current-border-color),
    0 3px 12px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --image-dragging-placeholder-bg: light-dark(
    rgb(0 98 250 / 0.08),
    rgb(0 202 219 / 0.08)
  );
  --image-dragging-placeholder-border: var(--image-outline);
  --multiple-dragging-bg: white;
  --image-multiple-dragging-shadow:
    0 0 0 var(--image-border-width) var(--image-current-border-color),
    var(--image-border-width) var(--image-border-width) 0
      calc(var(--image-border-width) / 2) var(--multiple-dragging-bg),
    var(--image-border-width) var(--image-border-width) 0
      calc(3 * var(--image-border-width) / 2) var(--image-current-border-color);
  --image-dragging-shadow: 0 0 0 var(--image-border-width)
    var(--image-current-border-color);
  --multiple-dragging-indicator-bg: var(--indicator-color);
  --multiple-dragging-text-color: light-dark(#fbfbfe, #15141a);

  @media screen and (forced-colors: active) {
    --views-text-color: var(--text-color, CanvasText);
    --button-fg: var(--button-text-color, ButtonText);
    --button-bg: var(--button-background-color, ButtonFace);
    --button-no-bg: var(--button-background-color, ButtonFace);
    --views-button-border-color: var(--button-border-color, ButtonText);
    --button-hover-bg: var(--button-background-color-hover, SelectedItemText);
    --button-hover-fg: var(--button-text-color-hover, SelectedItem);
    --button-hover-border-color: var(--button-border-color-hover, SelectedItem);
    --button-active-bg: var(--button-background-color-active, SelectedItemText);
    --button-active-fg: var(--button-text-color-active, SelectedItem);
    --button-active-border-color: var(--button-border-color-active, ButtonText);
    --button-focus-no-bg: var(--button-background-color, ButtonFace);
    --button-focus-outline-color: var(--focus-outline-color, CanvasText);
    --button-focus-border-color: none;
    --status-border-color: CanvasText;
    --status-undo-bg: none;
    --indicator-color: var(--text-color, CanvasText);
    --status-warning-bg: none;
    --indicator-warning-color: CanvasText;
    --header-shadow: none;
    --image-shadow: none;
    --image-outline: 1px solid ButtonText;
    --image-focus-outline-color: CanvasText;
    --image-hover-border-color: SelectedItem;
    --image-hover-page-number-bg: SelectedItemText;
    --image-hover-page-number-fg: SelectedItem;
    --image-current-page-number-bg: ButtonText;
    --image-current-page-number-fg: ButtonFace;
    --image-current-border-color: var(--border-color, ButtonText);
    --image-current-focused-outline-color: var(--image-hover-border-color);
    --image-current-hover-page-number-bg: SelectedItem;
    --image-current-hover-page-number-fg: SelectedItemText;
    --image-page-number-bg: ButtonFace;
    --image-page-number-fg: ButtonText;
    --image-page-number-border-color: var(--image-page-number-fg);
    --multiple-dragging-bg: Canvas;
    --multiple-dragging-indicator-bg: var(--text-color, ButtonBorder);
    --multiple-dragging-text-color: Canvas;
    --image-dragging-placeholder-bg: Canvas;
    --image-dragging-placeholder-border: 1px GrayText solid;
  }

  display: flex;
  padding-block: 0 16px;
  flex-direction: column;
  align-items: flex-start;
  inset-block-start: calc(100% + var(--sidebar-block-padding));
  height: calc(
    var(--viewer-container-height) - 2 * var(--sidebar-block-padding)
  );
  position: absolute;

  inset-inline-start: calc(
    -1 * var(--viewsManager-width, --sidebar-width) - 1px
  );
  transition-property: inset-inline-start;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);

  .sidebarResizer {
    inset-inline-start: calc(100% + 4px);
  }

  .viewsManagerButton {
    width: auto;
    color: var(--button-fg);
    border-radius: var(--button-border-radius, 8px);
    border: 1px solid var(--views-button-border-color);
    background: var(--button-bg);

    &:hover {
      background-color: var(--button-hover-bg) !important;
      color: var(--button-hover-fg) !important;
      border-color: var(--button-hover-border-color) !important;

      &::before {
        background-color: var(--button-hover-fg) !important;
      }
    }
    &:active {
      background: var(--button-active-bg) !important;
      color: var(--button-active-fg) !important;
      border-color: var(--button-active-border-color) !important;

      &::before {
        background-color: var(--button-active-fg) !important;
      }
    }
    &:focus-visible {
      outline: 2px solid var(--button-focus-outline-color);
      outline-offset: 2px;
      border-color: var(--button-focus-border-color);
    }

    &.viewsCloseButton {
      width: var(--size-item-large, 26px);
      height: var(--size-item-large, 26px);
      border-radius: var(--button-border-radius, 8px);
      background: none;
      display: flex;
      align-items: center;
      justify-content: center;

      &::before {
        width: 16px;
        height: 16px;
        -webkit-mask-image: var(--close-button-icon);
                mask-image: var(--close-button-icon);
      }
    }
  }

  #viewsManagerHeader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    box-shadow: var(--header-shadow);
    flex: 0 0 auto;
    background-color: var(--header-bg);
    border-start-start-radius: calc(var(--sidebar-border-radius) - 1px);
    border-start-end-radius: calc(var(--sidebar-border-radius) - 1px);

    .viewsManagerLabel {
      flex: 1 1 auto;
      color: var(--views-text-color);
      text-align: center;
      height: -moz-fit-content;
      height: fit-content;
      width: -moz-fit-content;
      width: fit-content;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;

      font: menu;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }

    #viewsManagerTitle {
      display: flex;
      flex-direction: row;
      align-items: center;
      align-self: stretch;
      justify-content: space-between;
      width: auto;
      padding-block: 12px;
      padding-inline: 8px 16px;

      &:not(:has(#viewsManagerHeaderLabel ~ button:not([hidden])))::after {

        content: "";
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        pointer-events: none;
      }

      #viewsManagerSelector {
        width: 48px;
        height: 32px;
        display: block;

        > button {
          background: var(--button-no-bg);
          width: 100%;
          height: 100%;

          &:focus-visible {
            background-color: var(--button-focus-no-bg);
          }

          &::before {
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-image: var(--views-manager-button-icon);
                    mask-image: var(--views-manager-button-icon);
            background-color: var(--button-fg);
          }

          &::after {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-inline-start: 8px;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-image: var(--views-manager-button-arrow-icon);
                    mask-image: var(--views-manager-button-arrow-icon);
            background-color: var(--button-fg);
          }

          &:hover {
            &::before,
            &::after {
              background-color: var(--button-hover-fg) !important;
            }
          }

          &:active {
            &::before,
            &::after {
              background-color: var(--button-active-fg) !important;
            }
          }
        }

        > .popupMenu {
          min-width: 182px;
          z-index: 1;

          > button {
            &#thumbnailsViewMenu::before {
              -webkit-mask-image: var(--menuitem-thumbnailsView-icon);
                      mask-image: var(--menuitem-thumbnailsView-icon);
            }
            &#outlinesViewMenu::before {
              -webkit-mask-image: var(--menuitem-outlinesView-icon);
                      mask-image: var(--menuitem-outlinesView-icon);
            }
            &#attachmentsViewMenu::before {
              -webkit-mask-image: var(--menuitem-attachmentsView-icon);
                      mask-image: var(--menuitem-attachmentsView-icon);
            }
            &#layersViewMenu::before {
              -webkit-mask-image: var(--menuitem-layersView-icon);
                      mask-image: var(--menuitem-layersView-icon);
            }
          }
        }
      }

      #viewsManagerAddFileButton {
        background: var(--button-no-bg);
        width: 32px;
        height: 32px;

        &:focus-visible {
          background-color: var(--button-focus-no-bg);
        }

        &::before {
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-image: var(--views-manager-add-file-button-icon);
                  mask-image: var(--views-manager-add-file-button-icon);
          background-color: var(--button-fg);
        }

        > input {
          display: none;
        }
      }

      #viewsManagerCurrentOutlineButton {
        background: var(--button-no-bg);
        width: 32px;
        height: 32px;

        &:focus-visible {
          background-color: var(--button-focus-no-bg);
        }

        &::before {
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-image: var(--current-outline-button-icon);
                  mask-image: var(--current-outline-button-icon);
          background-color: var(--button-fg);
        }
      }
    }

    #viewsManagerStatus {
      display: grid;
      width: 100%;
      border: 1px solid var(--status-border-color);

      > div {
        min-height: 64px;
        width: 100%;
        padding-inline: 16px;
        grid-area: 1 / 1;
        box-sizing: border-box;

        &.hidden {
          visibility: hidden;
          display: unset !important;
        }
      }

      .viewsManagerStatusLabel {
        display: flex;
        align-items: center;
        gap: 8px;

        font: menu;
        font-size: 13px;
      }

      #viewsManagerStatusAction {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        background-color: var(--status-actions-bg);

        #viewsManagerStatusActionLabelContainer > button {
          position: relative;
          width: var(--icon-size);
          height: var(--icon-size);
          border: none;
          padding: 0;
          flex: 0 0 auto;

          &::before {
            content: "";
            position: absolute;
            inset: 0;
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            background-color: var(--indicator-color);
            -webkit-mask-image: var(--pages-selected-icon);
                    mask-image: var(--pages-selected-icon);
          }

          @media screen and (forced-colors: active) {
            border-radius: 2px;
            background-color: var(--button-bg);

            &::before {
              background-color: var(--button-fg);
            }
            &:hover {
              background-color: var(--button-hover-bg);

              &::before {
                background-color: var(--button-hover-fg);
              }
            }
            &:active {
              background-color: var(--button-active-bg);

              &::before {
                background-color: var(--button-active-fg);
              }
            }
          }

          &#viewsManagerStatusActionDeselectButton:focus-visible {
            outline: 2px solid var(--button-focus-outline-color);
            border: 1px solid var(--button-focus-border-color);
            border-radius: 2px;
            outline-offset: 1px;
          }
        }

        #actionSelector {
          height: 32px;
          min-width: 115px;
          width: auto;
          display: block;

          #viewsManagerStatusActionButton {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            width: 100%;
            height: 100%;
            padding: 4px 16px;

            &::after {
              content: "";
              display: inline-block;
              width: var(--icon-size);
              height: var(--icon-size);
              -webkit-mask-repeat: no-repeat;
                      mask-repeat: no-repeat;
              -webkit-mask-position: center;
                      mask-position: center;
              -webkit-mask-image: var(--manage-button-icon);
                      mask-image: var(--manage-button-icon);
              background-color: var(--button-fg);
            }

            &:hover::after {
              background-color: var(--button-hover-fg) !important;
            }

            &:active::after {
              background-color: var(--button-active-fg) !important;
            }
          }

          > .popupMenu {
            width: 100%;
            min-width: -moz-fit-content;
            min-width: fit-content;
            z-index: 1;
          }
        }
      }

      #viewsManagerStatusUndo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        background-color: var(--status-undo-bg);

        > span::before {
          content: "";
          display: inline-block;
          width: var(--icon-size);
          height: var(--icon-size);
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          -webkit-mask-image: var(--undo-label-icon);
                  mask-image: var(--undo-label-icon);
          background-color: var(--indicator-color);
        }

        > div {
          display: flex;
          align-items: center;
          gap: 8px;
          width: auto;

          #viewsManagerStatusUndoButton {
            width: auto;
            min-height: 24px;
            padding: 4px 8px;
          }
        }
      }

      #viewsManagerStatusWarning {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--status-warning-bg);

        > span {
          align-items: flex-start;

          &::before {
            content: "";
            display: inline-block;
            width: var(--icon-size);
            height: var(--icon-size);
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            background-color: var(--indicator-warning-color);
            -webkit-mask-image: var(--undo-label-icon);
                    mask-image: var(--undo-label-icon);
            flex: 0 0 auto;
          }
        }
      }

      #viewsManagerStatusWaiting {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--status-waiting-bg);

        > span::before {
          content: "";
          display: inline-block;
          width: var(--icon-size);
          height: var(--icon-size);
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          background-color: var(--indicator-color);
          -webkit-mask-image: var(--spinner-icon);
                  mask-image: var(--spinner-icon);
          flex: 0 0 auto;
        }
      }
    }
  }

  #viewsManagerContent {
    width: 100%;
    flex: 1 1 0%;
    overflow: auto;

    &:has(#thumbnailsView.isDragging) {
      overflow-x: hidden;
    }

    #thumbnailsView {
      --thumbnail-width: 126px;
      --gap-between-input-and-thumbnail: 16px;

      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: space-evenly;
      padding: 20px 32px;
      gap: 44px;
      width: 100%;
      box-sizing: border-box;
      position: relative;

      &.isDragging {
        cursor: grabbing;

        > .thumbnail {
          > .thumbnailImageContainer:hover {
            cursor: grabbing;

            &:not([aria-current="page"]) {
              box-shadow: var(--image-shadow);
            }
          }

          > input {
            pointer-events: none;
          }
        }
      }

      &.isDragging > .dragMarker,
      &.isDraggingFile > .dragMarker {
        position: absolute;
        top: 0;
        left: 0;
        border: 2px solid var(--indicator-color);
        contain: strict;
      }

      &.pasteMode {
        gap: var(--gap-between-input-and-thumbnail);

        > .thumbnail {
          flex-direction: column;

          > input {
            display: none;
          }

          > .thumbnailPasteButton {
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 16px;
            min-height: 24px;
            padding: 4px 16px;

            font: menu;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
          }
        }
      }

      &:not(.pasteMode) > .thumbnail > .thumbnailPasteButton {
        display: none;
      }

      > .thumbnail {
        --input-dim: 16px;

        &:not(&:has(input)) {
          --input-dim: 0px;
          --gap-between-input-and-thumbnail: 0px;
        }

        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row-reverse;
        gap: var(--gap-between-input-and-thumbnail);
        width: calc(
          var(--thumbnail-width) + 2 *
            (var(--input-dim) + var(--gap-between-input-and-thumbnail))
        );
        height: auto;
        position: relative;
        scroll-margin-top: 20px;

        .thumbnailPasteButton {
          padding: 8px 0;
          text-align: center;
        }

        &:not(.isDragging) > .thumbnailImageContainer::after {
          content: attr(page-number);
          border-radius: 8px;
          border: 1px solid var(--image-page-number-border-color);
          background-color: var(--image-page-number-bg);
          color: var(--image-page-number-fg);
          position: absolute;
          bottom: 5px;
          inset-inline-end: 50%;
          min-width: 32px;
          height: 16px;
          text-align: center;
          box-sizing: content-box;
          translate: calc(var(--dir-factor) * 50%);

          font: menu;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;

          pointer-events: none;
          -webkit-user-select: none;
             -moz-user-select: none;
                  user-select: none;
        }

        &:has([aria-current="page"]):not(.isDragging)
          > .thumbnailImageContainer::after {
          background-color: var(--image-current-page-number-bg);
          color: var(--image-current-page-number-fg);
          outline: 1px solid var(--image-current-border-color);
        }

        &.isDragging > input {
          visibility: hidden;
        }

        > input {
          margin: 0;
          width: var(--input-dim);
          height: var(--input-dim);
          accent-color: var(--indicator-color);
        }

        > .thumbnailImageContainer {
          --thumbnail-dragging-scale: 1.4;

          width: var(--thumbnail-width);
          border: none;
          border-radius: 8px;
          box-shadow: var(--image-shadow);
          box-sizing: content-box;
          outline: var(--image-outline);
          -webkit-user-select: none;
             -moz-user-select: none;
                  user-select: none;
          position: relative;

          img {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 8px;
            outline: none;
            -webkit-user-select: none;
               -moz-user-select: none;
                    user-select: none;
            pointer-events: none;

          }

          &.missingThumbnailImage {
            content-visibility: hidden;
          }

          &:hover {
            cursor: pointer;
            box-shadow: var(--image-hover-shadow);

            &::after {
              background-color: var(--image-hover-page-number-bg);
              color: var(--image-hover-page-number-fg);
            }

            @media screen and (forced-colors: active) {
              box-shadow: none;
              outline: var(--image-border-width) var(--image-hover-border-color)
                solid;
            }
          }

          &:focus-visible {
            &:not([aria-current="page"]) {
              box-shadow: var(--image-hover-shadow);
              outline: none;

              @media screen and (forced-colors: active) {
                box-shadow: none;
                outline: var(--image-border-width)
                  var(--image-focus-outline-color) solid;
              }
            }

            &[aria-current="page"] {
              outline: var(--image-border-width) solid
                var(--image-current-focused-outline-color);
              outline-offset: var(--image-border-width);

              @media screen and (forced-colors: active) {
                box-shadow: none;
                outline: var(--image-border-width)
                  var(--image-current-border-color) solid;
                outline-offset: 0;

                > img {
                  outline: var(--image-border-width)
                    var(--image-focus-outline-color) solid;
                  outline-offset: var(--image-border-width);
                }
              }
            }

            @media screen and (forced-colors: active) {
              box-shadow: none;
              outline: var(--image-border-width)
                var(--image-current-border-color) solid;

              &:hover > img {
                outline: var(--image-border-width)
                  var(--image-hover-border-color) solid;
                outline-offset: var(--image-border-width);
              }
            }
          }

          &[aria-current="page"] {
            box-shadow: var(--image-current-shadow);

            &:hover::after {
              background-color: var(--image-current-hover-page-number-bg);
              color: var(--image-current-hover-page-number-fg);
            }

            @media screen and (forced-colors: active) {
              box-shadow: none;
              outline: var(--image-border-width)
                var(--image-current-border-color) solid;

              &:hover > img {
                outline: var(--image-border-width)
                  var(--image-hover-border-color) solid;
                outline-offset: var(--image-border-width);
              }
            }
          }

          &.placeholder {
            background-color: var(--image-dragging-placeholder-bg);
            box-shadow: none !important;
            outline: var(--image-dragging-placeholder-border);
          }

          &.draggingThumbnail {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            transform-origin: 0 0 0;
            scale: calc(1 / var(--thumbnail-dragging-scale));
            pointer-events: none;
            box-shadow: var(--image-dragging-shadow);

            &.multiple {
              box-shadow: var(--image-multiple-dragging-shadow);

              @media screen and (forced-colors: active) {
                forced-color-adjust: none;
                box-shadow: var(--image-multiple-dragging-shadow);
              }

              > .thumbnailImageContainer {
                position: absolute;
                top: 0;
                left: 0;

                width: var(--thumbnail-width);
                border: none;
                border-radius: 8px;
                box-sizing: content-box;
                outline: none;
                -webkit-user-select: none;
                   -moz-user-select: none;
                        user-select: none;

              }

              &::after {
                content: attr(data-multiple-count);
                border-radius: calc(8px * var(--thumbnail-dragging-scale));

                background-color: var(--multiple-dragging-indicator-bg);
                color: var(--multiple-dragging-text-color);
                position: absolute;
                inset-block-end: calc(4px * var(--thumbnail-dragging-scale));
                inset-inline-start: calc(4px * var(--thumbnail-dragging-scale));
                min-width: calc(32px * var(--thumbnail-dragging-scale));
                height: calc(16px * var(--thumbnail-dragging-scale));
                text-align: center;
                font: menu;
                font-size: calc(13px * var(--thumbnail-dragging-scale));
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                contain: strict;
              }
            }
          }
        }
      }
    }

    #attachmentsView {
      --attachment-color: light-dark(rgb(0 0 0 / 0.8), rgb(255 255 255 / 0.8));
      --attachment-bg-color: light-dark(
        rgb(0 0 0 / 0.15),
        rgb(255 255 255 / 0.15)
      );
      --attachment-hover-color: light-dark(
        rgb(0 0 0 / 0.9),
        rgb(255 255 255 / 0.9)
      );

      > ul {
        list-style-type: none;
        padding: 0;

        > li > a {
          text-decoration: none;
          display: inline-block;
          min-width: calc(100% - 4px);
          height: auto;
          margin-bottom: 1px;
          padding: 2px 0 5px;
          padding-inline-start: 4px;
          border-radius: 2px;
          color: var(--attachment-color);
          font-size: 13px;
          line-height: 15px;
          -webkit-user-select: none;
             -moz-user-select: none;
                  user-select: none;
          white-space: normal;
          cursor: pointer;

          &:hover {
            background-color: var(--attachment-bg-color);
            background-clip: padding-box;
            border-radius: 2px;
            color: var(--attachment-hover-color);
          }
        }
      }
    }
  }
}

.sidebar {
  --sidebar-bg-color: var(--background-color-box, light-dark(#fff, #23222b));
  --sidebar-border-color: light-dark(
    rgb(21 20 26 / 0.1),
    rgb(251 251 254 / 0.1)
  );
  --sidebar-box-shadow:
    0 0.25px 0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
    0 2px 6px 0 light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
  --sidebar-backdrop-filter: none;
  --sidebar-border-radius: 8px;
  --sidebar-padding: 5px;
  --sidebar-min-width: 180px;
  --sidebar-max-width: 632px;
  --sidebar-width: 239px;
  --resizer-width: 4px;
  --resizer-shift: calc(0px - var(--resizer-width) - 2px);
  --resizer-hover-bg-color: var(
    --color-accent-primary,
    light-dark(#0062fa, #00cadb)
  );

  @media screen and (forced-colors: active) {
    --sidebar-bg-color: var(--background-color-box, Canvas);
    --sidebar-border-color: CanvasText;
    --sidebar-box-shadow: none;
    --resizer-hover-bg-color: var(--text-color, CanvasText);
  }

  border-radius: var(--sidebar-border-radius);
  box-shadow: var(--sidebar-box-shadow);
  border: 1px solid var(--sidebar-border-color);
  background-color: var(--sidebar-bg-color);
  inset-block-start: calc(100% + var(--doorhanger-height) - 2px);
  padding-block: var(--sidebar-padding);
  width: var(--sidebar-width);
  min-width: var(--sidebar-min-width);
  max-width: var(--sidebar-max-width);
  backdrop-filter: var(--sidebar-backdrop-filter);
  box-sizing: border-box;
  position: relative;

  .sidebarResizer {
    width: var(--resizer-width);
    background-color: transparent;
    forced-color-adjust: none;
    cursor: ew-resize;
    position: absolute;
    inset-block: 0;
    inset-inline-start: var(--resizer-shift);
    transition:
      background-color 0.5s ease-in-out,
      border-color 0.5s ease-in-out;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-block-width: 0;
    background-clip: content-box;

    &:hover {
      background-color: var(--resizer-hover-bg-color);
      border-color: white;
    }
    &:focus-visible {
      background-color: var(--resizer-hover-bg-color);
      outline: none;
    }
  }

  &.resizing {
    cursor: ew-resize;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    :not(.sidebarResizer) {
      pointer-events: none;
    }

    .sidebarResizer {
      background-color: var(--resizer-hover-bg-color);
    }
  }
}

:root {
  color-scheme: light dark;

  --viewer-container-height: 0;
  --pdfViewer-padding-bottom: 0;
  --page-margin: 1px auto -8px;
  --page-border: 9px solid transparent;
  --spreadHorizontalWrapped-margin-LR: -3.5px;
  --loading-icon-delay: 400ms;
  --focus-ring-color: var(--focus-outline-color, light-dark(#0060df, #0df));
  --focus-ring-outline: var(--focus-outline-width, 2px) solid
    var(--focus-ring-color);
  --text-primary-color: var(--text-color, light-dark(#15141a, #fbfbfe));
  --link-fg-color: var(--link-color, light-dark(#0060df, #0df));
  --link-hover-fg-color: var(--link-color-hover, light-dark(#0250bb, #80ebff));
  --new-badge-bg: light-dark(#070, #37b847);
  --new-badge-color: light-dark(#fff, #15141a);
  --new-badge-border-color: light-dark(#fbfbfe / 40%, #15141a / 40%);

  @media screen and (forced-colors: active) {
    --pdfViewer-padding-bottom: 9px;
    --page-margin: 8px auto -1px;
    --page-border: 1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR: 3.5px;
    --focus-ring-color: var(--focus-outline-color, CanvasText);
    --text-primary-color: var(--text-color, CanvasText);
    --link-fg-color: var(--link-color, LinkText);
    --link-hover-fg-color: var(--link-color-hover, LinkText);
    --new-badge-bg: AccentColor;
    --new-badge-color: ButtonFace;
    --new-badge-border-color: CanvasText;
  }
}

.newBadge {
  background-color: var(--new-badge-bg);
  color: var(--new-badge-color);
  border-radius: 4px;
  border: 1px solid var(--new-badge-border-color);
  padding-inline: 4px;

  margin-inline: 4px;
  font: menu;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 0 0 fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

[data-main-rotation="90"] {
  transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"] {
  transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"] {
  transform: rotate(270deg) translateX(-100%);
}

.pdfViewer {
  --scale-factor: 1;
  --page-bg-color: unset;

  padding-bottom: var(--pdfViewer-padding-bottom);

  --hcm-highlight-filter: none;
  --hcm-highlight-selected-filter: none;

  @media screen and (forced-colors: active) {
    --hcm-highlight-filter: invert(100%);
  }

  &.copyAll {
    cursor: wait;
  }

  .canvasWrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;

    canvas {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      display: block;
      width: 100%;
      height: 100%;
      contain: content;

      .structTree {
        contain: strict;
      }

      &.detailView {
        image-rendering: pixelated;
      }
    }
    .selection {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background: rgb(0 90 255 / 0.22);
    }
  }
}

.pdfViewer .page {
  --user-unit: 1;
  --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
  --scale-round-x: 1px;
  --scale-round-y: 1px;

  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: var(--page-margin);
  position: relative;
  overflow: visible;
  border: var(--page-border);
  background-clip: content-box;
  background-color: var(--page-bg-color, rgb(255 255 255));
}

.pdfViewer .dummyPage {
  position: relative;
  width: 0;
  height: var(--viewer-container-height);
}

.pdfViewer.noUserSelect {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pdfViewer.removePageBorders .page {
  margin: 0 auto 10px;
  border: none;
}

.pdfViewer.singlePageView {
  display: inline-block;
}

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.spread {
  margin-inline: 3.5px;
  text-align: center;
}

.pdfViewer.scrollHorizontal,
.spread {
  white-space: nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread {
  margin-inline: 0;
}

.spread :is(.page, .dummyPage),
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) {
  display: inline-block;
  vertical-align: middle;
}

.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page {
  margin-inline: var(--spreadHorizontalWrapped-margin-LR);
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page {
  margin-inline: 5px;
}

.pdfViewer .page.loadingIcon::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("vendor/pdfjs/images/loading-icon.gif") center no-repeat;
  display: none;
  transition-property: display;
  transition-delay: var(--loading-icon-delay);
  z-index: 5;
  contain: strict;
}

.pdfViewer .page.loading::after {
  display: block;
}

.pdfViewer .page:not(.loading)::after {
  transition-property: none;
  display: none;
}

.pdfPresentationMode .pdfViewer {
  padding-bottom: 0;
}

.pdfPresentationMode .spread {
  margin: 0;
}

.pdfPresentationMode .pdfViewer .page {
  margin: 0 auto;
  border: 2px solid transparent;
}


/* book-reader.css */
.book-detail-page{max-width:1240px;margin:auto;padding:115px 48px 80px;min-height:90svh;animation:manga-enter .28s ease-out}.book-detail-hero{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}.book-detail-cover img{width:100%;height:auto;border-radius:10px;box-shadow:0 20px 70px #0006}.book-detail-info h1{font-size:clamp(30px,5vw,54px);line-height:1.1;letter-spacing:-1.6px;margin:12px 0 22px}.book-author{font-size:16px;color:#ccc}.book-facts,.book-source{font-size:12px;color:#999;line-height:1.7}.book-overview{font-size:14px;line-height:1.8;color:#bbb;max-width:700px}.book-overview:empty{display:none}.book-detail-info .play-action{margin-top:22px}.book-source{margin-top:18px}.book-related{margin-top:70px}.book-related .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.book-related .poster-card{width:100%;height:auto}.book-related .poster-art{height:auto;aspect-ratio:2/3}.utility-page:has(.book-detail-page) .ambient-silk-page{opacity:.12}.book-detail-page [hidden]{display:none!important}
.native-book-reader{inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#202020;color:#eee;overflow:hidden;--viewer-container-height:100dvh}.native-book-reader[open]{display:flex;flex-direction:column;animation:manga-enter .2s ease-out}.native-book-reader [hidden]{display:none!important}.native-book-reader header{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#171717;border-bottom:1px solid #ffffff1b;flex-shrink:0}.book-reader-title{flex:1;min-width:0}.book-reader-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.book-reader-title small{display:block;margin-top:6px;font-size:11px;color:#999}.native-book-reader button{color:inherit;background:#ffffff09;border:1px solid #ffffff20;border-radius:24px;padding:10px 15px;font:inherit;font-size:12px;min-height:42px;cursor:pointer}.native-book-reader button:disabled{opacity:.35;cursor:default}.native-book-reader button:hover:not(:disabled){background:#ffffff15}.native-book-reader :focus-visible{outline:2px solid #b3ff45;outline-offset:2px}.book-workspace{display:flex;flex:1;min-height:0;position:relative}.book-document{position:relative;flex:1;min-width:0;min-height:0}.book-scroll{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#666 #222}.native-book-reader .pdfViewer{padding:12px 0}.native-book-reader .pdfViewer .page{margin-bottom:12px;border:0;box-shadow:0 3px 14px #0004}.book-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:30px;background:#202020;color:#bbb;font-size:14px;z-index:2}.book-loading p{max-width:560px;line-height:1.7}.book-contents{width:280px;min-width:220px;max-width:80vw;overflow:auto;background:#171717;border-right:1px solid #ffffff20;padding:18px 12px;flex-shrink:0}.book-contents input,.book-findbar input{width:100%;min-width:0;background:#ffffff09;color:#eee;border:1px solid #ffffff25;border-radius:10px;padding:12px;font:inherit;font-size:13px}.book-contents nav{margin-top:16px}.book-contents nav button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #ffffff10;border-radius:5px;line-height:1.6;background:transparent;font-size:12px}.book-contents p{font-size:12px;color:#aaa;line-height:1.7;padding:10px}.book-findbar{display:flex;align-items:center;gap:8px;padding:10px 20px;flex-shrink:0;background:#181818;border-bottom:1px solid #ffffff18}.book-findbar label{flex:1;max-width:480px;min-width:0}.book-findbar [role=status]{font-size:12px;color:#aaa;min-width:80px}.native-book-reader footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px calc(14px + env(safe-area-inset-bottom));background:#171717;border-top:1px solid #ffffff18;position:relative;flex-shrink:0}.book-page-tools,.book-view-tools{display:flex;align-items:center;gap:8px;min-width:0}.book-page-tools label,.book-page-tools>span{font-size:12px;color:#aaa}.book-page-tools input{width:65px;min-width:0;text-align:center;font:inherit;padding:8px 4px;background:#ffffff09;color:#eee;border:1px solid #ffffff20;border-radius:8px}.book-view-tools>span{font-size:11px;min-width:34px;text-align:center;color:#aaa}.native-book-reader footer progress{position:absolute;bottom:0;left:0;width:100%;height:3px;border:0;accent-color:#b3ff45}.native-book-reader progress::-webkit-progress-bar{background:#333}.native-book-reader progress::-webkit-progress-value{background:#b3ff45}.native-book-reader [data-book-theme]{min-width:100px;font-size:12px}.native-book-reader[data-theme=sepia] .book-scroll{background:#4c453c}.native-book-reader[data-theme=sepia] .pdfViewer .page{filter:sepia(.3)}.native-book-reader[data-theme=night] .book-scroll{background:#151515}.native-book-reader[data-theme=night] .pdfViewer .page{filter:invert(.9) hue-rotate(180deg)}.native-book-reader .discovery-options{z-index:10}
@media(max-width:700px){.book-detail-page{padding:105px 20px 70px}.book-detail-hero{display:block}.book-detail-cover{float:left;width:110px;margin:0 22px 18px 0}.book-detail-info h1{font-size:29px;letter-spacing:-.7px}.book-author{font-size:13px}.book-overview{clear:both;padding-top:10px;font-size:13px}.book-detail-hero:after{content:"";display:block;clear:both}.book-related .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-book-reader header{padding:10px;gap:6px;flex-wrap:wrap}.book-reader-title{flex-basis:calc(100% - 54px)}.native-book-reader header>button:not([data-close-book]){flex:1}.native-book-reader button{font-size:11px;padding:8px 12px;min-height:40px}.native-book-reader footer{flex-wrap:wrap;padding:8px 10px calc(13px + env(safe-area-inset-bottom));justify-content:center;gap:8px}.book-view-tools{justify-content:center;gap:8px}.book-page-tools{justify-content:center;flex-basis:100%}.book-findbar{padding:8px 10px;gap:5px;flex-wrap:wrap}.book-findbar [role=status]{font-size:11px;min-width:65px}.book-contents{position:absolute;top:0;bottom:0;left:0;z-index:5;width:280px;box-shadow:12px 0 35px #0007}.native-book-reader .pdfViewer{padding:0}.native-book-reader .pdfViewer .page{margin:0 auto 8px}}
@media(prefers-reduced-motion:reduce){.book-detail-page,.native-book-reader[open]{animation:none}}
.native-book-reader[data-view=text] .book-scroll{visibility:hidden;pointer-events:none}.book-reflow{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;background:#e1ded6;color:#292724;padding:36px 24px;scrollbar-color:#a49d8e #e1ded6}.book-reflow article{max-width:65ch;min-height:calc(100% - 64px);margin:auto;padding:44px clamp(22px,5vw,60px);background:#f8f5ed;box-shadow:0 8px 40px #0001;border-radius:3px;font-family:Georgia,"Times New Roman",serif;font-size:var(--reading-size,22px);line-height:1.9;overflow-wrap:break-word;letter-spacing:.005em}.book-reflow article p{margin:0 0 1em}.book-reflow article.is-illustrated{display:flex;align-items:flex-start;justify-content:center;padding:0;background:transparent;box-shadow:none}.book-reflow.is-wide article{max-width:85ch}.book-reflow mark{background:#dbbc63;color:#171717;border-radius:2px}.native-book-reader[data-theme=sepia] .book-reflow{background:#cfc1a2;color:#372e22}.native-book-reader[data-theme=sepia] .book-reflow article{background:#eee1c6}.native-book-reader[data-theme=night] .book-reflow{background:#111214;color:#d8d4ca}.native-book-reader[data-theme=night] .book-reflow article{background:#1b1d20;box-shadow:none}.native-book-reader [data-book-view]{min-width:130px;font-size:12px}.book-view-tools{flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.book-reflow{padding:0;background:#f8f5ed}.book-reflow article{padding:30px 24px;border-radius:0;box-shadow:none;max-width:none;min-height:100%;font-size:var(--reading-size,22px);line-height:1.8}.book-view-tools{justify-content:center}.native-book-reader [data-book-view]{min-width:120px}}
@media(max-width:700px){.book-view-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex-basis:100%;width:100%;gap:6px}.book-view-tools>[data-book-fit]{grid-column:span 3}.book-view-tools>[data-book-view],.book-view-tools>[data-book-theme]{grid-column:span 3;min-width:0;width:100%;padding:8px 12px;font-size:11px;min-height:38px}.book-view-tools>[data-zoom-in],.book-view-tools>[data-zoom-out]{padding:8px;min-width:0}.book-view-tools>span{min-width:0}.native-book-reader footer{gap:6px;padding-top:7px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}}

.explore-reader{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}
/* Explicit overlay positioning also covers non-modal dialog presentation. */
.native-book-reader,.native-manga-reader{position:fixed;z-index:10000}
.native-book-reader{background:#e9e7e1;color:#383b36;--book-ui:#faf9f5;--book-border:#00000015}.native-book-reader[data-theme=night]{--book-ui:#202420;--book-border:#ffffff18;color:#e3e5dd;background:#181b18}.native-book-reader[data-theme=sepia]{--book-ui:#eee6d6;background:#dfd4bf}.native-book-reader header,.native-book-reader footer{background:var(--book-ui);border-color:var(--book-border)}.native-book-reader header{min-height:58px}.native-book-reader button{background:transparent;border-color:transparent;border-radius:7px;font-size:11px;min-height:35px}.native-book-reader button:hover:not(:disabled){background:#89927814}.book-reader-title strong{font-size:12px}.book-reader-title small{font-size:10px;opacity:.6;color:inherit}.book-scroll{background:#e9e7e1}.native-book-reader .pdfViewer{padding:20px 0}.native-book-reader .pdfViewer .page{box-shadow:0 2px 20px #00000015;margin-bottom:24px}.native-book-reader footer{justify-content:center;padding:7px 20px calc(9px + env(safe-area-inset-bottom));min-height:55px}.book-page-tools label,.book-page-tools>span{color:inherit;opacity:.75;font-size:11px}.book-page-tools input{background:transparent;color:inherit;border:0;border-bottom:1px solid var(--book-border);border-radius:0;font-size:11px}.book-reflow{padding:45px 22px;background:#f4f1e8;scrollbar-width:thin}.book-reflow article{background:none;box-shadow:none;border-radius:0;padding:20px 30px;min-height:100%;line-height:1.8;max-width:69ch}.book-text-page{margin:0;padding:0;border:0}.book-text-page p{margin:0 0 1em}.book-text-page.is-illustrated{padding:0 0 30px;text-align:center}.book-text-page canvas{max-width:100%;height:auto;display:block;margin:auto}.book-text-sentinel{height:1px}.native-book-reader[data-theme=night] .book-reflow{background:#191d19;color:#d6dbcf}.native-book-reader[data-theme=night] .book-reflow article{background:none}.native-book-reader[data-theme=sepia] .book-reflow{background:#ede3cf;color:#403a2e}.native-book-reader[data-theme=sepia] .book-reflow article{background:none}.book-settings{position:absolute;right:0;top:0;bottom:0;z-index:8;width:300px;max-width:85vw;padding:25px;background:var(--book-ui);box-shadow:-10px 0 40px #0002;overflow:auto}.book-settings h2{font-size:16px;margin:0 0 25px}.book-settings .book-view-tools{display:grid;grid-template-columns:40px 1fr 40px;width:100%;gap:15px}.book-settings [data-book-fit],.book-settings [data-book-view],.book-settings [data-book-theme]{grid-column:1/-1;width:100%;border:1px solid var(--book-border);padding:12px;text-align:left;display:flex;justify-content:space-between}.book-settings [data-book-fit]{grid-row:4}.book-settings [data-book-view]{grid-row:1}.book-settings [data-book-theme]{grid-row:2}.book-settings [data-zoom-out],.book-settings [data-zoom],.book-settings [data-zoom-in]{grid-row:3}.book-settings [data-zoom]{font-size:12px;color:inherit;align-self:center}.book-settings>button{margin-top:25px;border:1px solid var(--book-border);width:100%}.native-book-reader.is-focused header,.native-book-reader.is-focused footer{display:none}.book-show-controls{position:fixed;right:20px;top:15px;z-index:20;background:var(--book-ui)!important;opacity:.6;box-shadow:0 3px 20px #0002}.book-show-controls:hover{opacity:1}.native-book-reader .book-contents{background:var(--book-ui);color:inherit;border-color:var(--book-border);box-shadow:12px 0 35px #0001}.book-contents input,.book-findbar input{color:inherit;border-color:var(--book-border);background:transparent}.book-contents nav button{border-color:var(--book-border)}.book-findbar{background:var(--book-ui);border-color:var(--book-border)}@media(max-width:700px){.native-book-reader header{min-height:0;padding:8px 10px}.book-reader-title{flex-basis:calc(100% - 54px)}.native-book-reader header>button:not([data-close-book]){min-height:30px;padding:6px 9px}.native-book-reader footer{min-height:50px;flex-wrap:nowrap;padding:5px 10px calc(7px + env(safe-area-inset-bottom))}.book-page-tools{flex-basis:auto}.book-reflow{padding:15px 0}.book-reflow article{padding:20px 25px;font-size:var(--reading-size,20px);line-height:1.8}.book-settings .book-view-tools{display:grid;grid-template-columns:40px 1fr 40px;flex-basis:auto}.book-settings .book-view-tools>[data-book-fit],.book-settings .book-view-tools>[data-book-view],.book-settings .book-view-tools>[data-book-theme]{grid-column:1/-1;font-size:12px}.book-settings .book-view-tools>[data-zoom-out],.book-settings .book-view-tools>[data-zoom-in]{grid-column:auto}.native-book-reader .pdfViewer{padding:0}.native-book-reader .pdfViewer .page{margin-bottom:12px}}

.book-series{margin-top:64px}.book-series .row-heading{gap:24px;align-items:baseline}.book-series .row-heading>span{font-size:12px;color:#999}.book-series-rail{display:flex;gap:24px;overflow:auto;padding:6px 2px 22px;scroll-snap-type:x proximity}.book-series-item{flex:0 0 150px;scroll-snap-align:start;color:inherit;text-decoration:none}.book-series-item>div{aspect-ratio:2/3;background:#ffffff08;position:relative;border-radius:8px;overflow:hidden}.book-series-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.book-series-item:hover img{transform:scale(1.035)}.book-series-item h3{font-size:13px;line-height:1.5;margin:12px 0 5px;font-weight:600}.book-series-item small{color:#999;font-size:11px}.book-series-item>div>span:not(.cover-label){position:absolute;bottom:8px;left:8px;background:#111e;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:12px}.book-series-item[aria-current=page]>div{outline:2px solid #c8ff91;outline-offset:-2px}.cover-label{display:flex;align-items:center;justify-content:center;padding:20px;min-height:100%;font-size:15px;line-height:1.6;text-align:center}.book-detail-cover.cover-unavailable{aspect-ratio:2/3;background:#ffffff08;border-radius:10px}.book-availability{margin-top:24px;color:#bbb;font-size:13px}.book-card-link{color:inherit;text-decoration:none}.book-card-link:focus-visible,.book-series-item:focus-visible{outline:2px solid #b3ff45;outline-offset:5px}.book-related>[role=status]{color:#999;font-size:13px}.manga-detail-page>.book-series,.manga-detail-page>.book-related{margin-top:60px}@media(max-width:700px){.book-series-rail{gap:16px}.book-series-item{flex-basis:125px}.book-series .row-heading{display:block}.book-series .row-heading h2{font-size:21px}.book-related{margin-top:44px}}@media(prefers-reduced-motion:reduce){.book-series-item img{transition:none}}

.reading-detail-page{max-width:none!important;padding:0 0 80px!important;overflow:clip}.reading-detail-page>section{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:5vw;padding-right:5vw}.reading-hero-shell{position:relative;padding:125px 5vw 65px;min-height:620px;isolation:isolate;overflow:hidden;background:#101112}.reading-hero-shell:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080808f5,#080808c5 50%,#08080890),linear-gradient(0deg,#080808,transparent 60%)}.reading-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(28px);transform:scale(1.1);opacity:.5;z-index:-2}.reading-backdrop.is-adaptation{filter:none;transform:none;opacity:.65}.reading-hero-shell>.manga-back{display:block;max-width:1440px;margin:0 auto 30px}.reading-hero-shell>.book-detail-hero,.reading-hero-shell>.manga-detail-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr) 230px;gap:42px;align-items:center}.reading-hero-shell h1{font-size:clamp(32px,4.5vw,64px);line-height:1.08;letter-spacing:-1.6px}.reading-hero-shell .manga-overview,.reading-hero-shell .book-overview{max-width:68ch;line-height:1.75;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.reading-facts{margin:0;border:1px solid #ffffff16;border-radius:16px;padding:10px 20px;background:#ffffff05;backdrop-filter:blur(12px);align-self:center}.reading-facts>div{padding:13px 0;border-bottom:1px solid #ffffff12}.reading-facts>div:last-child{border:0}.reading-facts dt{font-size:11px;color:#999;margin-bottom:7px}.reading-facts dd{margin:0;font-size:13px;line-height:1.5;color:#ddd}.reading-chapter-picker{border:1px solid #ffffff18;border-radius:16px;padding:20px;background:#151617;margin-top:18px}.reading-chapter-picker[hidden]{display:none!important}.reading-chapter-picker .manga-chapter-list{max-height:420px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#555 transparent}.reading-chapter-picker .manga-chapter-tools{justify-content:flex-end;margin-bottom:18px}.reading-detail-page>.manga-chapters-section{margin-top:24px}.reading-chapter-picker .manga-chapter-search{margin-bottom:14px}.reading-chapter-picker .manga-chapter-list button{min-height:66px}.chapter-picker-toggle{white-space:nowrap}.reading-detail-page .book-related{margin-top:48px}.reading-detail-page .book-source{color:#aaa;font-size:11px;max-width:60ch}@media(max-width:1100px){.reading-hero-shell>.book-detail-hero,.reading-hero-shell>.manga-detail-hero{grid-template-columns:170px minmax(0,1fr);gap:30px}.reading-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px}.reading-facts>div{border:0}.reading-hero-shell{min-height:0}}@media(max-width:700px){.reading-hero-shell{padding:105px 20px 35px}.reading-hero-shell>.book-detail-hero,.reading-hero-shell>.manga-detail-hero{grid-template-columns:100px minmax(0,1fr);gap:20px;align-items:start}.reading-hero-shell .book-detail-cover{float:none;width:auto;margin:0}.reading-hero-shell .manga-detail-cover{width:auto;margin:0}.reading-hero-shell h1{font-size:30px;letter-spacing:-.8px;margin-top:8px}.reading-hero-shell .manga-overview,.reading-hero-shell .book-overview{font-size:12px;-webkit-line-clamp:4;padding-top:0;clear:none}.reading-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 16px;gap:0 18px}.reading-facts dd{overflow-wrap:anywhere}.reading-hero-shell>.manga-back{margin-bottom:25px}.reading-detail-page>.manga-chapters-section,.reading-detail-page>.book-series,.reading-detail-page>.book-related{padding-left:20px;padding-right:20px}.reading-chapter-picker{padding:12px}.reading-chapter-picker .manga-chapter-list{max-height:45svh}.chapter-picker-toggle{font-size:11px;padding:10px 12px}.reading-detail-page .manga-chapters-heading h2{font-size:22px}.reading-detail-page .book-related .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.reading-detail-page>.reading-characters{margin-top:48px}.reading-characters .row-heading{align-items:baseline;gap:20px}.reading-characters .row-heading>span{font-size:10px;color:#888}.reading-character-rail{display:flex;gap:20px;overflow:auto;padding-bottom:18px}.reading-character-rail article{flex:0 0 130px}.reading-character-rail img{width:130px;height:175px;object-fit:cover;border-radius:10px;background:#ffffff08}.reading-character-rail h3{font-size:13px;margin:12px 0 5px;line-height:1.5}.reading-character-rail small{color:#999;font-size:11px}@media(max-width:700px){.reading-detail-page>.reading-characters{padding-left:20px;padding-right:20px}.reading-characters .row-heading{display:block}.reading-characters .row-heading>span{display:block;margin-bottom:16px}}


/* music-hub.css */
.music-filters{display:flex;align-items:center;gap:20px;margin:25px 0 32px}.music-source-note{font-size:12px;color:#aaa}.music-results{border-top:1px solid #ffffff17}.music-track{display:grid;grid-template-columns:26px 72px minmax(0,1fr) 55px 75px;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid #ffffff12}.music-track-number{font-size:12px;color:#777}.music-track>img{width:72px;height:72px;object-fit:cover;border-radius:7px;background:#202320}.music-track h2{font-size:15px;line-height:1.45;margin:0 0 5px;letter-spacing:0}.music-track p{font-size:13px;color:#aaa;margin:0 0 5px}.music-track small{font-size:10px;color:#777}.music-track-duration{font-size:12px;color:#aaa;text-align:right;font-variant-numeric:tabular-nums}.music-track>.play-action{font-size:12px;padding:10px 18px;min-height:40px}.music-empty{padding:40px 0;color:#aaa;font-size:14px}.concert-tracks{grid-column:3/-1;max-height:340px;overflow:auto}.concert-tracks>button,.music-queue>button{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:13px 10px;background:none;border:0;border-bottom:1px solid #ffffff12;color:#ccc;font:inherit;font-size:12px;cursor:pointer}.concert-tracks>button:hover,.music-queue>button:hover,.music-queue>button[aria-current=true]{background:#ffffff0c;color:white}.music-player{position:fixed;z-index:450;bottom:16px;left:24px;right:24px;background:#161a17;border:1px solid #ffffff24;border-radius:15px;box-shadow:0 20px 80px #0009;overflow:hidden;color:white}.music-player.has-video{left:auto;width:380px;max-width:calc(100vw - 32px)}.music-player header{display:flex;align-items:center;gap:15px;padding:13px 16px}.music-player header>div{flex:1;min-width:0}.music-player strong{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.music-player small{display:block;font-size:10px;color:#999;margin-top:5px}.music-player button{border:1px solid #ffffff20;background:#ffffff05;color:white;font:inherit;font-size:12px;border-radius:20px;padding:7px 12px;cursor:pointer}.music-player button:disabled{opacity:.3}.music-player [data-close]{font-size:19px;border:0}.music-media{padding:0 16px}.music-media audio{width:100%;height:38px}.music-player.has-video .music-media{padding:0}.music-media iframe{display:block;width:100%;min-height:230px;border:0}.music-transport{display:flex;align-items:center;gap:8px;padding:8px 16px}.music-transport [data-queue-count],.music-time{color:#aaa;font-size:10px;font-variant-numeric:tabular-nums}.music-time{margin-left:auto}.music-player-status{font-size:10px;color:#999;min-height:12px;margin:0;padding:0 16px 10px}.music-queue{max-height:240px;overflow:auto;padding:0 10px}.music-player [hidden]{display:none!important}.has-music-player main{padding-bottom:200px}.music-page{max-width:1200px}.music-page .explore-heading h1{letter-spacing:-2px}.music-player button:focus-visible,.music-track button:focus-visible{outline:2px solid #c4f8b1;outline-offset:3px}@media(max-width:700px){.music-track{grid-template-columns:50px minmax(0,1fr) 60px;gap:12px;padding:16px 0}.music-track>img{width:50px;height:50px}.music-track-number,.music-track-duration{display:none}.music-track h2{font-size:13px}.music-track p{font-size:11px}.music-track>.play-action{padding:8px 12px;font-size:11px}.music-track small{font-size:9px}.music-filters{align-items:flex-start;flex-direction:column;gap:12px}.music-player{left:10px;right:10px;bottom:10px}.music-player.has-video{left:10px;right:10px;width:auto;max-width:none}.music-media iframe{height:210px;min-height:200px}.concert-tracks{grid-column:1/-1}.has-music-player main{padding-bottom:400px}}

.music-spectrum{display:block;width:100%;height:36px;margin-top:5px;opacity:.8}


/* illustrated-reader.css */
.illustrated-reader{position:fixed;z-index:10000;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#e9e7e1;color:#383b36;--reader-ink:#383b36;--reader-border:#00000013;--reader-ui:#faf9f5}.illustrated-reader[open]{display:grid;grid-template-rows:60px minmax(0,1fr) 100px;animation:manga-enter .2s ease-out}.illustrated-reader[data-theme=night]{background:#1b1e1b;color:#e0e5dc;--reader-ink:#e0e5dc;--reader-border:#ffffff17;--reader-ui:#212521}.illustrated-reader[data-theme=sepia]{background:#dfd4bf;--reader-ui:#eee6d7}.illustrated-reader [hidden]{display:none!important}.illustrated-reader button{font:inherit;font-size:12px;color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:7px;min-height:36px;padding:7px 12px}.illustrated-reader button:hover{background:#838b7a14}.illustrated-reader button:disabled{opacity:.28;cursor:default}.illustrated-reader header{display:flex;align-items:center;gap:8px;background:var(--reader-ui);padding:8px 22px;border-bottom:1px solid var(--reader-border)}.reader-identity{flex:1;min-width:0}.reader-identity strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1px}.reader-identity small{display:block;font-size:10px;opacity:.6;margin-top:4px}.illustrated-reader header>[data-close]{font-size:20px;margin-right:8px}.illustrated-reader header>[data-fullscreen],.illustrated-reader header>[data-focus]{font-size:20px;padding:5px 9px}.illustrated-workspace{position:relative;min-height:0;overflow:hidden}.illustrated-viewport{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:16px 24px;scrollbar-width:thin;scrollbar-color:#9996 transparent;outline:0;display:flex;align-items:flex-start}.reader-sheet{margin:0 auto;flex-shrink:0;max-width:none;line-height:0;box-shadow:0 3px 20px #00000012;transition:width .15s ease}.reader-sheet img{display:block;width:100%;height:auto;min-height:0;background:white;user-select:none}.reader-sheet:not(.is-vertical) img+img{margin-top:18px}.illustrated-viewport.is-zoomed{cursor:grab;touch-action:none}.illustrated-viewport.is-zoomed:active{cursor:grabbing}.reader-sheet.is-vertical img+img{margin-top:0}.illustrated-reader footer{background:var(--reader-ui);padding:9px 30px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--reader-border);font-variant-numeric:tabular-nums}.reader-position{display:flex;justify-content:space-between;font-size:10px;opacity:.6;gap:20px}.reader-source{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-progress{padding:6px 0}.reader-progress input{display:block;width:100%;height:3px;accent-color:#556547;cursor:pointer}.reader-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-pagination>div{display:flex;align-items:center;gap:10px}.reader-pagination label,.reader-pagination [data-total]{font-size:11px}.reader-pagination input{width:44px;text-align:center;border:0;border-bottom:1px solid var(--reader-border);background:transparent;color:inherit;font:inherit;padding:5px;appearance:textfield}.reader-pagination input::-webkit-inner-spin-button{appearance:none}.reader-chapter-drawer,.reader-display-drawer{position:absolute;z-index:4;top:0;bottom:0;width:310px;max-width:85vw;background:var(--reader-ui);box-shadow:10px 0 35px #0002;padding:22px;overflow:auto}.reader-display-drawer{right:0;box-shadow:-10px 0 35px #0002}.reader-chapter-drawer>div{display:flex;justify-content:space-between;align-items:center}.illustrated-reader h2{font-size:16px;margin:4px 0 25px}.reader-chapter-drawer input{width:100%;padding:12px;background:transparent;border:1px solid var(--reader-border);border-radius:6px;color:inherit;font:inherit;font-size:12px}.reader-chapter-drawer nav{margin-top:20px}.reader-chapter-drawer nav button{display:flex;gap:15px;text-align:left;align-items:center;width:100%;border-bottom:1px solid var(--reader-border);border-radius:0;padding:15px 7px}.reader-chapter-drawer nav button span{opacity:.45;min-width:20px}.reader-chapter-drawer nav button[aria-current=true]{background:#839d6419}.reader-display-drawer>label{display:block;font-size:11px;opacity:.9;margin-bottom:24px}.reader-display-drawer label>button{display:flex;width:100%;justify-content:space-between;margin-top:9px;border:1px solid var(--reader-border);border-radius:7px;padding:12px}.reader-display-drawer .filter-label{color:inherit}.reader-display-drawer p{font-size:11px;opacity:.5;line-height:1.8;margin-top:28px}.reader-zoom{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px}.reader-zoom>span{flex-basis:100%;font-size:11px;margin-bottom:8px}.reader-zoom output{min-width:45px;text-align:center}.illustrated-loading{position:absolute;inset:0;background:var(--reader-ui);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;font-size:13px;line-height:1.7;text-align:center}.illustrated-loading p{max-width:440px}.illustrated-loading button{border:1px solid var(--reader-border)}.reader-image-error:empty{display:none}.reader-image-error{position:fixed;bottom:110px;left:30px;font-size:12px;background:var(--reader-ui);padding:12px;z-index:3}.illustrated-reader .discovery-options{z-index:20;color:#eee}.illustrated-reader.is-focused{grid-template-rows:minmax(0,1fr)}.illustrated-reader.is-focused>header,.illustrated-reader.is-focused>footer{display:none}.reader-show-tools{position:fixed;right:20px;top:15px;z-index:10;background:var(--reader-ui)!important;box-shadow:0 3px 20px #0002;opacity:.5}.reader-show-tools:hover,.reader-show-tools:focus{opacity:1}.illustrated-reader :focus-visible{outline:2px solid #688557;outline-offset:2px}@media(max-width:700px){.illustrated-reader[open]{grid-template-rows:58px minmax(0,1fr) 94px}.illustrated-reader header{padding:7px 8px;gap:0}.illustrated-reader header>[data-close]{margin-right:2px;padding:6px 9px}.reader-identity strong{font-size:11px}.reader-identity small{font-size:9px}.illustrated-reader header button{font-size:10px;padding:6px 8px}.illustrated-reader header>[data-focus]{display:none}.illustrated-reader header>[data-fullscreen]{font-size:19px;padding:5px 8px}.illustrated-viewport{padding:0}.illustrated-reader footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.reader-source{max-width:45%}.reader-pagination{gap:4px}.reader-pagination>div{gap:2px}.reader-pagination button{font-size:10px;padding:7px 8px}.reader-pagination label{font-size:10px}.reader-pagination input{width:35px}.reader-pagination [data-total]{font-size:10px}.reader-position{font-size:9px}.illustrated-reader.is-focused{grid-template-rows:minmax(0,1fr)}.reader-sheet{box-shadow:none}.reader-image-error{left:10px;right:10px;bottom:105px}.reader-chapter-drawer,.reader-display-drawer{padding:18px}}


/* alignment.css */

.explore-page{padding-left:clamp(20px,3.8vw,64px);padding-right:clamp(20px,3.8vw,64px)}
.explore-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;margin-bottom:24px}
.explore-heading>p{grid-column:1/-1}.explore-heading h1{margin:0}.explore-heading>.explore-category-menu{position:static;align-self:center;margin:0}
.explore-tabs{align-items:center;margin-bottom:24px}.explore-tabs a{display:flex;align-items:center;justify-content:center;min-width:88px;min-height:40px}
.explore-search{max-width:none;align-items:stretch;gap:12px;margin-bottom:20px}.explore-search input{min-height:48px}.explore-search>button{min-width:88px;min-height:48px;margin:0}
.explore-filters{gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.explore-filters>button{min-height:40px}.explore-caption{margin:0 0 28px;min-height:20px;line-height:20px}
.explore-grid{align-items:stretch}.explore-card{display:flex;flex-direction:column}.explore-card>.book-card-link:first-child,.explore-card>.explore-cover{flex:none}.explore-card h2{min-height:42px;max-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-card>p{height:36px;min-height:36px;line-height:18px}.explore-card>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:16px;min-height:32px}.explore-card-actions{margin-top:auto;padding-top:14px;align-items:flex-start;flex-direction:column;gap:8px;min-height:72px}.explore-card-actions>small{line-height:16px;min-height:16px}.explore-card-actions .play-action{height:36px;min-height:36px}
.reading-hero-shell{padding-left:clamp(20px,3.8vw,64px);padding-right:clamp(20px,3.8vw,64px)}
.reading-hero-shell>.book-detail-hero,.reading-hero-shell>.manga-detail-hero{align-items:start;gap:36px}.reading-hero-shell .book-detail-cover,.reading-hero-shell .manga-detail-cover{align-self:start;margin:0;width:100%;float:none}.reading-hero-shell .book-detail-cover img,.reading-hero-shell .manga-detail-cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.reading-hero-shell .book-detail-info,.reading-hero-shell .manga-detail-info{min-width:0}.reading-hero-shell .manga-eyebrow{margin-top:0}.reading-hero-shell h1{margin-top:10px}.reading-facts{align-self:start}.reading-detail-page>section{padding-left:clamp(20px,3.8vw,64px);padding-right:clamp(20px,3.8vw,64px)}.reading-detail-page .row-heading{align-items:center;min-height:42px;margin-bottom:22px}.reading-detail-page .row-heading h2{margin:0}.reading-detail-page .manga-chapters-heading{align-items:center;gap:16px;min-height:44px}.reading-detail-page .manga-chapters-heading h2{margin:0}.reading-character-rail{align-items:start}.reading-character-rail h3{min-height:39px}.book-series-item h3{min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1100px){.reading-facts{margin-top:4px}.reading-facts>div{min-width:0}.reading-hero-shell>.book-detail-hero,.reading-hero-shell>.manga-detail-hero{column-gap:28px;row-gap:28px}}
@media(max-width:700px){.explore-heading{column-gap:16px;margin-bottom:22px}.explore-tabs a{min-width:80px}.explore-search{gap:8px}.explore-search>button{min-width:66px;padding-left:12px;padding-right:12px}.explore-card h2{min-height:39px;max-height:39px}.reading-hero-shell>.book-detail-hero,.reading-hero-shell>.manga-detail-hero{column-gap:20px;row-gap:24px}.reading-facts{margin:0}.reading-detail-page .row-heading{gap:12px}.reading-detail-page .manga-chapters-heading h2{font-size:20px}.reading-characters .row-heading{display:flex;flex-wrap:wrap}.reading-hero-shell .manga-detail-info>p:not(.manga-eyebrow):not(.manga-overview):not(.manga-facts){font-size:12px;line-height:1.6}}

.explore-card-actions{flex-wrap:nowrap}.explore-card-actions>small{flex:none;max-width:100%;width:100%;overflow-wrap:anywhere}@media(max-width:700px){.explore-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.explore-filters>button{width:100%;min-width:0;max-width:100%}}


/* reader-polish.css */

/* Reading surfaces stay quiet and dark; original page artwork is preserved. */
.reading-detail-page{background:#090a0d}.utility-page:has(.reading-detail-page) .ambient-silk-page{opacity:.035}.reading-hero-shell{background:#090a0d;overflow:visible;z-index:2}.reading-hero-shell:after{background:linear-gradient(90deg,#090a0df2,#090a0dcc 60%,#090a0d99),linear-gradient(0deg,#090a0d,transparent 75%)}.reading-facts{background:#0d0f13bb;border-color:#ffffff12}.book-source,.reader-source{display:none!important}
.reading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.reading-actions>.play-action{margin:0}.reading-actions .manga-chapters-section{position:relative;padding:0;margin:0}.reading-actions .manga-chapters-heading{min-height:46px;margin:0}.reading-actions .manga-chapters-heading>h2{display:none}.chapter-picker-toggle{min-height:46px;padding:12px 20px;border:1px solid #ffffff30;background:#ffffff09;display:flex;align-items:center;gap:18px}.chapter-picker-toggle:after{content:'⌄';font-size:17px}.chapter-picker-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.reading-actions .reading-chapter-picker{position:absolute;left:0;top:calc(100% + 12px);width:min(540px,calc(100vw - 40px));margin:0;padding:18px;background:#111318;box-shadow:0 20px 70px #000a;z-index:50;border-color:#ffffff20}.reading-actions .reading-chapter-picker .manga-chapter-list{max-height:min(330px,40svh)}.reading-actions .manga-chapter-tools{margin-bottom:14px}.reading-actions .manga-list-status:empty{display:none}
.reading-character-card{display:block;text-align:left;padding:0;background:transparent;color:inherit;width:100%;border:0;cursor:pointer}.reading-character-card img{transition:filter .2s}.reading-character-card:hover img{filter:brightness(1.12)}.reading-character-card:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:10px}.reading-character-card small{display:block}.reading-character-rail{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.reading-character-rail article{scroll-snap-align:start}.reading-characters .row-arrows{display:flex;gap:8px;margin-left:auto}.reading-characters .row-arrows button{border:1px solid #ffffff24;width:36px;height:36px;border-radius:50%}.reading-characters .row-arrows button:disabled{opacity:.25;cursor:default}.reading-character-rail:focus-visible{outline:1px solid #ffffff60;outline-offset:5px}
.character-profile{position:fixed;inset:0;margin:auto;width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #ffffff24;border-radius:18px;background:#101216;color:#eee;box-shadow:0 0 0 100vmax #000b,0 25px 100px #0009;padding:40px;z-index:10001}.character-profile [hidden]{display:none}.character-profile-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#ffffff0d;color:#fff;border:0;border-radius:50%;font-size:24px;cursor:pointer}.character-profile-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;align-items:start}.character-profile-body>img{width:100%;border-radius:10px}.character-profile h2{font-size:32px;margin:6px 0 14px;line-height:1.2}.character-profile .manga-eyebrow{margin-top:0}.character-profile p{font-size:13px;line-height:1.8;color:#bbb;white-space:pre-line}.character-profile .character-native{color:#777}.character-profile footer{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff16;font-size:12px;color:#888}.character-profile footer button{color:#eee;border:1px solid #ffffff26;border-radius:50%;width:38px;height:38px;background:transparent;cursor:pointer}.character-profile footer button:disabled{opacity:.25}.character-profile :focus-visible{outline:2px solid #eee;outline-offset:3px}
.illustrated-reader[data-theme=night]{background:#090a0d;color:#d9dde4;--reader-ink:#d9dde4;--reader-border:#ffffff12;--reader-ui:#111318}.native-book-reader[data-theme=night]{--book-ui:#111318;--book-border:#ffffff12;background:#090a0d;color:#d9dde4}.native-book-reader[data-theme=night] .book-reflow{background:#090a0d;color:#c9cdd4}.native-book-reader[data-theme=night] .book-scroll{background:#090a0d}
.hero-carousel.hero-loading{background:radial-gradient(ellipse at 75% 40%,#1b2026,#090b0e 68%);position:relative;overflow:hidden}.home-hero-skeleton{position:absolute;left:6%;bottom:25%;width:min(600px,65%);display:grid;gap:20px}.home-hero-skeleton>div{background:#ffffff09;border-radius:8px;overflow:hidden;position:relative}.home-skeleton-title{height:80px;width:76%}.home-skeleton-line{height:14px;width:95%}.home-skeleton-line.short{width:72%}.home-skeleton-action{height:46px;width:135px;margin-top:10px;border-radius:30px!important}.home-hero-skeleton>div:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff07,transparent);transform:translateX(-100%);animation:hero-skeleton-sweep 2.4s ease-in-out infinite}@keyframes hero-skeleton-sweep{to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.home-hero-skeleton>div:after{animation:none}.reading-character-card img{transition:none}}@media(max-width:700px){.reading-actions{gap:8px}.chapter-picker-toggle{padding:12px 14px;gap:12px}.reading-actions .reading-chapter-picker{left:auto;right:0;padding:14px}.character-profile{padding:42px 20px 22px}.character-profile-body{grid-template-columns:95px minmax(0,1fr);gap:18px}.character-profile h2{font-size:24px}.character-profile .character-bio{grid-column:1/-1}.home-hero-skeleton{bottom:23%;width:85%}.home-skeleton-title{height:65px}}

.reading-facts{display:block!important;padding:0 16px!important;border-radius:12px!important;background:#ffffff0a!important;border:1px solid #ffffff0f!important;gap:0!important}.reading-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0!important;min-height:36px;border-bottom:1px solid #ffffff10!important}.reading-facts>div:last-child{border:0!important}.reading-facts dt{margin:0!important;font-size:12px;line-height:18px;color:#888;flex:none}.reading-facts dd{font-size:12px;line-height:18px;font-weight:500;text-align:right;color:#ddd;max-width:65%;overflow-wrap:anywhere}.reading-characters .row-heading{padding:0 8px}.reading-character-rail.cast-row{gap:24px;scroll-snap-type:none;touch-action:auto}.reading-character-rail .cast-person{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 144px;width:144px;text-decoration:none;color:inherit}.reading-character-rail .cast-person>img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin-bottom:12px;transition:transform .3s}.reading-character-rail .cast-person:hover>img{transform:scale(1.1)}.reading-character-rail .cast-person>strong{font-size:14px;line-height:20px;width:144px;min-height:40px;font-weight:500}.reading-character-rail .cast-person>small{font-size:12px;line-height:18px;color:#999}.reading-detail-page .reading-characters .row-arrows{display:none}.book-related .poster-row .poster-card{flex:0 0 180px;width:180px}.book-related .poster-row .poster-art{aspect-ratio:2/3;height:auto}.reading-detail-page .rail-arrow{z-index:5}.character-page .person-filmography{padding:0 5%;margin-bottom:60px}.character-page .person-hero{padding-bottom:55px}.character-page .person-filmography .poster-art{aspect-ratio:2/3;height:auto}@media(max-width:1100px){.reading-facts{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px!important}.reading-facts>div{min-width:0}.reading-facts>div:nth-last-child(-n+2){border:0!important}}@media(max-width:700px){.reading-character-rail .cast-person{flex-basis:112px;width:112px}.reading-character-rail .cast-person>img{width:96px;height:96px}.reading-character-rail .cast-person>strong{width:112px;font-size:13px}.reading-facts{display:block!important}.reading-facts>div:nth-last-child(2){border-bottom:1px solid #ffffff10!important}.book-related .poster-row .poster-card{flex-basis:145px;width:145px}}

.reading-hero-shell>.manga-back{display:none}.reading-facts.info-panel{margin:0;width:auto;position:static}.reading-character-rail .cast-person{background:none;border:0;box-shadow:none}


/* multiview.css */
.mv-add-current{display:inline-flex;align-items:center;justify-content:center;gap:8px}.mv-add-current svg{width:17px;height:17px;flex:none}.mv-add-current span{font-size:12px}.multiview-open .site-footer{display:none}.multiview-workspace{position:relative;max-width:none;padding:110px 24px 16px;min-height:100dvh;background:#080a0e;color:#eee}.mv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.mv-toolbar>div,.mv-workspace-actions{display:flex;align-items:center;gap:12px}.mv-toolbar h1{font-size:26px;letter-spacing:-.7px;margin:0}.mv-toolbar [data-panel-count]{font-size:11px;color:#777}.mv-toolbar button{min-height:38px;font-size:12px}.mv-workspace-actions .discovery-filter{min-width:140px}.mv-grid{display:grid;grid-template-columns:minmax(0,var(--mv-left,50fr)) minmax(0,var(--mv-right,50fr));gap:12px;height:calc(100dvh - 176px);min-height:440px;grid-auto-rows:minmax(0,1fr)}.multiview-workspace[data-count="1"] .mv-grid{grid-template-columns:minmax(0,1fr)}.multiview-workspace:is([data-count="3"],[data-count="4"]) .mv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multiview-workspace:is([data-count="5"],[data-count="6"]) .mv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.multiview-workspace[data-layout=columns] .mv-grid{display:flex;overflow-x:auto}.multiview-workspace[data-layout=columns] .mv-panel{flex:1 0 320px}.multiview-workspace[data-layout=stack] .mv-grid{grid-template-columns:minmax(0,1fr);height:auto;grid-auto-rows:minmax(480px,75dvh)}.multiview-workspace:not([data-focused=""]) .mv-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;height:calc(100dvh - 176px);grid-auto-rows:auto}.mv-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;background:#0c0e12}.mv-panel[hidden]{display:none!important}.mv-panel-bar{display:flex;align-items:center;gap:5px;min-height:44px;padding:6px 9px;flex:none;background:#11141a;border-bottom:1px solid #ffffff13}.mv-panel-bar strong{flex:1;min-width:40px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.mv-panel-bar button{color:#bbb;background:transparent;border:0;border-radius:6px;min-height:30px;padding:5px 7px;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}.mv-panel-bar button:hover{background:#ffffff0b;color:#fff}.mv-panel-bar [data-kind]{min-width:0;max-width:100px;padding:5px 8px;background:#ffffff07;border:1px solid #ffffff17;gap:5px}.mv-panel-bar .filter-label{font-size:10px}.mv-panel-bar [data-kind] svg{width:12px;height:12px}.mv-panel-bar [data-remove-panel]{font-size:20px;line-height:20px}.mv-panel-content{flex:1;min-height:0;position:relative}.mv-panel-content>iframe{display:block;width:100%;height:100%;border:0;background:#080a0e}.mv-empty{font-size:13px;color:#888;padding:25px 0}.mv-empty[hidden]{display:none}.mv-divider{position:absolute;top:var(--mv-grid-top,164px);bottom:16px;left:calc(24px + (100% - 48px)*.5);width:12px;transform:translateX(-50%);cursor:col-resize;z-index:5;touch-action:none;outline:0}.mv-divider:after{content:'';position:absolute;width:3px;height:36px;border-radius:3px;background:#ffffff35;left:50%;top:50%;transform:translate(-50%,-50%)}.mv-divider:hover:after,.mv-divider:focus-visible:after{background:#fff}.mv-divider[hidden]{display:none}.mv-resizing iframe{pointer-events:none}.multiview-workspace:fullscreen{padding:16px;height:100dvh;overflow:auto}.multiview-workspace:fullscreen .mv-grid{height:calc(100dvh - 76px)}.multiview-workspace:fullscreen .mv-divider{top:72px;bottom:16px}.multiview-workspace :focus-visible{outline:2px solid #c9d6e7;outline-offset:2px}.multiview-pane .site-header,.multiview-pane .site-footer,.multiview-pane .outlaw-back-top,.multiview-pane .mv-add-current{display:none!important}.multiview-pane body{min-width:0}.multiview-pane .catalog-hero-slot{display:none!important}.multiview-pane .discovery-page{padding-top:20px!important}.multiview-pane .explore-page,.multiview-pane .sports-page,.multiview-pane .browse-page{padding-top:24px!important}.multiview-pane .reading-hero-shell{padding-top:24px!important}.multiview-pane .person-hero{padding-top:30px!important}.multiview-pane .detail-hero{padding-top:30px!important}.multiview-pane .detail-layout{padding-top:25px!important}.multiview-pane .player-dialog,.multiview-pane .stream-player{max-width:100vw;max-height:100dvh}.multiview-pane .ambient-silk-page{opacity:.12}.multiview-pane .hero-carousel{min-height:420px}.multiview-pane .discovery-heading h1{font-size:28px}@media(max-width:1000px){.multiview-workspace{padding-left:12px;padding-right:12px}.multiview-workspace:is([data-count="5"],[data-count="6"]) .mv-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:800px}.mv-panel-bar{flex-wrap:wrap;gap:3px}.mv-panel-bar strong{flex-basis:35%}.mv-panel-bar button{font-size:10px;padding:4px 6px}}@media(max-width:700px){.multiview-workspace{padding:94px 10px 12px}.mv-toolbar{gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.mv-toolbar h1{font-size:22px}.mv-toolbar>div{gap:8px}.mv-workspace-actions{width:100%;justify-content:space-between}.mv-workspace-actions .discovery-filter{min-width:105px;max-width:130px}.mv-toolbar button{font-size:11px;min-height:34px;padding:7px 12px}.mv-grid,.multiview-workspace:is([data-count="3"],[data-count="4"],[data-count="5"],[data-count="6"]) .mv-grid{grid-template-columns:minmax(0,1fr);height:auto;grid-auto-rows:minmax(330px,62dvh);min-height:0}.multiview-workspace:not([data-focused=""]) .mv-grid{height:calc(100dvh - 184px)}.mv-divider{display:none!important}.mv-panel-bar strong{flex-basis:auto}.mv-panel-bar{flex-wrap:nowrap}.mv-panel-bar [data-kind]{max-width:85px}.mv-panel-bar button{padding:4px 5px}.multiview-workspace[data-layout=columns] .mv-panel{min-height:65dvh}.multiview-workspace[data-layout=columns] .mv-grid{display:flex}.multiview-workspace:fullscreen .mv-grid{height:auto}.multiview-workspace:fullscreen:not([data-focused=""]) .mv-grid{height:calc(100dvh - 118px)}}
.multiview-pane .discovery-controls{display:flex!important;flex-wrap:wrap;gap:8px}.multiview-pane .discovery-controls .discovery-filter{flex:1 1 115px;width:auto;min-width:0;max-width:none}.multiview-pane .discovery-controls .discovery-random{flex:0 0 38px;grid-row:auto}.multiview-pane .discovery-controls .filter-label{font-size:12px;max-width:none;display:inline!important}.multiview-pane .discovery-controls .discovery-filter svg{flex:none}

.mv-panel{container-type:inline-size}@container(max-width:360px){.mv-panel-bar{flex-wrap:wrap}.mv-panel-bar strong{flex-basis:100%;min-width:0;padding:2px 0}.mv-panel-bar [data-kind]{max-width:90px}.mv-panel-bar button{font-size:10px}}

.mv-panel-bar [data-move-panel]{flex:none;font-size:20px;padding:2px 4px;cursor:grab;touch-action:none;color:#78808d}
.mv-panel-bar [data-move-panel]:active{cursor:grabbing}.mv-moving{opacity:.6}.mv-drop-target{outline:2px solid #bccadd;outline-offset:-2px}.mv-arranging iframe{pointer-events:none}.mv-arranging{user-select:none}
@media(max-width:700px){}

.mv-add-current{width:42px;min-width:42px;height:42px;padding:0!important;border-radius:50%}.mv-add-current svg{width:18px;height:18px}


/* workspace-polish.css */
/* Shared surfaces: every pane and utility view uses the selected palette. */
:root{--ui-bg:#080a0d;--ui-surface:#101318;--ui-raised:#191d23;--ui-border:#ffffff18;--ui-text:#f3f4f6;--ui-muted:#a0a6b0;--ui-accent:#b7e75a;--ui-on-accent:#101505}
body{background-color:var(--ui-bg);color:var(--ui-text);accent-color:var(--ui-accent)}
.multiview-open #app{padding:0;max-width:none;margin:0}.multiview-open .ambient-silk-page,.multiview-pane .ambient-silk-page{display:none!important}
.multiview-workspace{display:flex;flex-direction:column;gap:16px;padding:104px 24px 10px;background:var(--ui-bg);color:var(--ui-text);height:100dvh;min-height:640px;box-sizing:border-box}
.mv-toolbar{margin:0;flex:none;min-height:48px;gap:16px}.mv-heading{gap:12px!important}.mv-heading h1{font:650 23px/1.2 Inter,Arial,sans-serif;letter-spacing:-.8px}.mv-heading [data-panel-count]{display:block;color:var(--ui-muted);font:400 11px/1.5 Inter,Arial;margin-top:3px;letter-spacing:.02em}.mv-workspace-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-accent);background:var(--ui-surface)}.mv-workspace-icon svg{width:21px;height:21px}
.mv-workspace-actions{gap:8px!important}.mv-toolbar button,.mv-footer button,.mv-empty button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--ui-border);border-radius:9px;padding:9px 13px;background:var(--ui-surface);color:var(--ui-text);font:500 12px/18px Inter,Arial;cursor:pointer;transition:background .16s,border-color .16s,translate .16s}.mv-toolbar button:hover,.mv-footer button:hover,.mv-empty button:hover{background:var(--ui-raised);border-color:color-mix(in srgb,var(--ui-text) 25%,transparent)}.mv-toolbar button:active{translate:0 1px}.mv-toolbar button svg{width:17px;height:17px}.mv-toolbar [data-layout]{min-width:130px;justify-content:space-between}.mv-toolbar [data-share],.mv-toolbar [data-fullscreen]{padding:9px;width:40px}.mv-toolbar .mv-primary{background:var(--ui-accent);border-color:transparent;color:var(--ui-on-accent);min-width:110px}.mv-toolbar .mv-primary:hover{background:color-mix(in srgb,var(--ui-accent) 85%,white)}.mv-toolbar button:disabled{opacity:.35;cursor:default}.mv-toolbar [hidden],.mv-panel-tools [hidden],.mv-pane-error[hidden]{display:none!important}
.mv-grid{flex:1;height:auto;min-height:0;gap:12px;grid-template-rows:repeat(var(--mv-rows,1),minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.multiview-workspace[data-count="0"] .mv-grid{display:none}.multiview-workspace[data-count="3"]{--mv-rows:2}.multiview-workspace[data-count="3"] .mv-panel[data-position="0"]{grid-row:span 2}.multiview-workspace[data-count="4"],.multiview-workspace[data-count="5"],.multiview-workspace[data-count="6"]{--mv-rows:2}
.multiview-workspace[data-layout=feature] .mv-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(var(--mv-feature-rows,1),minmax(0,1fr))}.multiview-workspace[data-layout=feature] .mv-panel[data-position="0"]{grid-row:1 / span var(--mv-feature-rows,1);grid-column:1}.multiview-workspace[data-layout=feature]:is([data-count="1"],[data-count="2"],[data-count="3"]) .mv-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.multiview-workspace[data-count="1"] .mv-grid{grid-template-columns:1fr;grid-template-rows:1fr}.multiview-workspace[data-layout=columns] .mv-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.multiview-workspace[data-layout=columns] .mv-panel{flex:1 0 360px;scroll-snap-align:start}.multiview-workspace[data-layout=stack]{height:auto;min-height:100dvh}.multiview-workspace[data-layout=stack] .mv-grid{height:auto;flex:none;grid-template-rows:none;grid-auto-rows:minmax(420px,72dvh)}.multiview-workspace[data-layout=stack] .mv-panel{grid-row:auto!important}
.multiview-workspace:not([data-focused=""]) .mv-grid{height:auto!important;grid-template-rows:minmax(0,1fr)!important;flex:1}.multiview-workspace:not([data-focused=""]) .mv-panel{grid-row:1!important;grid-column:1!important}.multiview-workspace[data-layout=stack]:not([data-focused=""]){height:100dvh}
.mv-panel{border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);container-type:inline-size;animation:mv-panel-in .22s ease-out}.mv-panel-bar{min-height:48px;box-sizing:border-box;flex-wrap:nowrap;gap:8px;padding:6px 10px;background:var(--ui-surface);border-color:var(--ui-border)}.mv-panel-bar strong{font:500 12px/18px Inter,Arial;flex:1;min-width:0;color:var(--ui-text);flex-basis:auto}.mv-panel-number{font:500 10px/1 Inter,Arial;color:var(--ui-muted);font-variant-numeric:tabular-nums}.mv-panel-bar button{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:7px;width:30px;min-height:30px;border-radius:6px;color:var(--ui-muted);background:transparent;font:500 11px/16px Inter,Arial;transition:color .15s,background .15s}.mv-panel-bar button svg{width:15px;height:15px}.mv-panel-bar button:hover{background:var(--ui-raised);color:var(--ui-text)}.mv-panel-bar [data-move-panel]{width:20px;padding:3px;color:var(--ui-muted)}.mv-panel-bar [data-move-panel] svg{width:12px;height:18px}.mv-panel-bar [data-kind]{width:auto;max-width:100px;min-width:0;gap:8px;padding:6px 9px;border:1px solid var(--ui-border);background:transparent;color:var(--ui-muted)}.mv-panel-bar .filter-label{font:500 11px/16px Inter,Arial}.mv-panel-tools{display:flex;align-items:center;gap:2px}.mv-panel-bar [data-remove-panel]:hover{color:#ff9b9b;background:#ff707015}.mv-audio-active{border-color:color-mix(in srgb,var(--ui-accent) 55%,transparent)}.mv-audio-active [data-panel-mute]{color:var(--ui-accent)}.mv-panel-content>iframe{background:var(--ui-bg)}
.mv-pane-loading{position:absolute;inset:0;z-index:1;background:var(--ui-bg);display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;color:var(--ui-muted);font:400 12px/18px Inter,Arial}.is-loading .mv-pane-loading{display:flex}.mv-pane-loading>span{width:22px;height:22px;border:2px solid var(--ui-border);border-top-color:var(--ui-accent);border-radius:50%;animation:mv-spin .8s linear infinite}.mv-pane-loading p{margin:0}.mv-pane-error{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px;background:var(--ui-raised);font-size:11px;color:var(--ui-muted)}.mv-pane-error button{background:none;color:var(--ui-accent);font:inherit;text-decoration:underline;cursor:pointer}
.mv-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ui-muted);flex:none;font:400 11px/18px Inter,Arial;min-height:30px}.mv-footer>div{display:flex;align-items:center;gap:12px}.mv-footer button{font-size:11px;min-height:30px;padding:4px 10px;border-radius:7px;background:transparent}.mv-footer button svg{width:12px;height:12px}.mv-keyboard-note>span{margin:0 8px;opacity:.5}.mv-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:40px 20px;color:var(--ui-muted);text-align:center}.mv-empty>svg{width:42px;height:42px;color:var(--ui-accent);margin-bottom:8px}.mv-empty h2{color:var(--ui-text);font-size:21px;margin:0}.mv-empty p{margin:0 0 12px;font-size:13px}.mv-empty>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.mv-divider{bottom:auto}.mv-divider:after{background:var(--ui-muted);opacity:.4;width:2px}.mv-divider:hover:after,.mv-divider:focus-visible:after{background:var(--ui-accent);opacity:1}.mv-drop-target{outline-color:var(--ui-accent)}.multiview-workspace :focus-visible{outline-color:var(--ui-accent)}.multiview-workspace:fullscreen{padding:16px 20px 8px;min-height:0}.multiview-workspace:fullscreen .mv-grid{height:auto}
.multiview-pane body,.multiview-pane .sports-page,.multiview-pane .discovery-page,.multiview-pane .explore-page{background:var(--ui-bg)!important}.multiview-pane .discovery-page,.multiview-pane .sports-page,.multiview-pane .explore-page{padding-left:20px!important;padding-right:20px!important}.multiview-pane .discovery-heading h1,.multiview-pane .sports-heading h1{font-size:26px!important}.multiview-pane .discovery-controls .discovery-filter{flex-basis:120px}.multiview-pane .sports-eyebrow{display:none}.multiview-pane .discovery-heading{margin-bottom:24px}
.multiview-workspace>.discovery-options{position:fixed;background:var(--ui-raised);border:1px solid var(--ui-border);box-shadow:0 16px 45px #0007;color:var(--ui-text);z-index:1000}.multiview-workspace>.discovery-options button{color:var(--ui-text)}.multiview-workspace>.discovery-options [aria-selected=true]{color:var(--ui-accent)}
/* Theme selection previews are the actual palette, with keyboard-native buttons. */
.theme-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 28px}.theme-tile{border:1px solid var(--ui-border);border-radius:10px;padding:7px;text-align:left;color:var(--ui-muted);background:transparent;cursor:pointer;transition:border-color .16s,background .16s}.theme-tile:hover{background:var(--ui-surface);border-color:var(--ui-muted)}.theme-tile[aria-pressed=true]{border-color:var(--ui-accent);color:var(--ui-text);box-shadow:0 0 0 1px var(--ui-accent)}.theme-tile>span:last-child{display:flex;justify-content:space-between;align-items:center;padding:8px 2px 2px;font:500 11px/16px Inter,Arial}.theme-tile svg{width:13px;height:13px;opacity:0;color:var(--ui-accent)}.theme-tile[aria-pressed=true] svg{opacity:1}.theme-miniature{display:block;height:48px;border-radius:5px;background:var(--preview-bg);padding:8px;position:relative;overflow:hidden}.theme-miniature:before{content:'';display:block;width:40%;height:4px;border-radius:2px;background:var(--preview-accent);margin-bottom:7px}.theme-miniature:after{content:'';display:block;width:100%;height:26px;border-radius:3px;background:linear-gradient(90deg,var(--preview-panel) 32%,transparent 32%,transparent 35%,var(--preview-panel) 35%,var(--preview-panel) 66%,transparent 66%,transparent 69%,var(--preview-panel) 69%)}
.settings-page .settings-content{color:var(--ui-text)}.settings-page .setting-row{border-color:var(--ui-border)}.settings-page .setting-row small,.settings-page .settings-section>p{color:var(--ui-muted)}.settings-page .preference-trigger,.settings-page .preference-options,.settings-page .server-order-row{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text)}.settings-page .preference-options{background:var(--ui-raised)}.settings-page .settings-sections a[aria-current]{color:var(--ui-accent)}.source-auto-control{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-block:1px solid var(--ui-border);margin:20px 0}.source-auto-control strong{font-size:14px}.source-auto-control p{font-size:12px;line-height:1.7;max-width:460px;color:var(--ui-muted);margin:5px 0 0}.source-auto-control select{max-width:160px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;padding:10px;color:var(--ui-text);font:inherit;font-size:12px}.source-rank-detail{font-size:10px;color:var(--ui-muted);margin-top:4px;line-height:1.5}.server-order-row>span{display:block}.server-order-row small{display:block}.server-order-row[data-automatic=true] .source-drag-handle,.server-order-row[data-automatic=true] .source-reorder-arrow{display:none}.source-auto-number{flex:none!important;max-width:26px;color:var(--ui-accent);font-variant-numeric:tabular-nums}.source-order-note{font-size:12px;color:var(--ui-muted);line-height:1.7}.stream-source-rank{font-size:10px;color:var(--ui-muted);padding:0 12px 8px}.sports-source-rank{display:block;color:var(--ui-accent);font-size:10px;margin-bottom:4px}
@container(max-width:510px){.mv-panel-bar{gap:5px;padding-inline:7px}.mv-panel-number{display:none}.mv-panel-bar [data-kind]{max-width:80px}.mv-panel-tools{gap:0}.mv-panel-tools button{width:28px;padding:6px}}
@container(max-width:370px){.mv-panel-bar{flex-wrap:wrap;gap:4px}.mv-panel-bar strong{flex-basis:calc(100% - 34px);padding:0}.mv-panel-bar [data-kind]{margin-left:21px;margin-right:auto}.mv-panel-tools{margin-left:auto}.mv-panel-number{display:none}}
@media(min-width:701px) and (max-width:1050px){.multiview-workspace{padding-inline:16px}.mv-footer [data-audio-note],.mv-keyboard-note{display:none}.mv-panel-bar strong{flex-basis:auto}.multiview-workspace:is([data-count="5"],[data-count="6"]) .mv-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;grid-template-rows:repeat(3,minmax(0,1fr))}.multiview-workspace:is([data-count="5"],[data-count="6"]){min-height:900px}}
@media(max-width:700px){.multiview-workspace{height:auto;min-height:100dvh;padding:96px 12px 10px;gap:14px}.mv-toolbar{align-items:center;gap:12px}.mv-heading h1{font-size:22px}.mv-workspace-icon{width:36px;height:36px}.mv-workspace-actions{width:100%;justify-content:flex-start;gap:7px!important}.mv-toolbar button{min-height:38px}.mv-toolbar [data-layout]{flex:1;min-width:0;max-width:none}.mv-toolbar [data-add-panel]{min-width:108px;max-width:150px}.mv-toolbar [data-share],.mv-toolbar [data-fullscreen]{width:38px}.mv-toolbar [data-restore]{position:absolute;right:12px;top:96px;padding:8px;min-width:36px}.mv-toolbar [data-restore]>span{display:none}.mv-grid,.multiview-workspace:is([data-count="3"],[data-count="4"],[data-count="5"],[data-count="6"]) .mv-grid,.multiview-workspace[data-layout=feature] .mv-grid{display:grid;flex:none;grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(400px,66dvh);height:auto;min-height:0;gap:14px}.multiview-workspace .mv-panel{grid-row:auto!important;grid-column:auto!important}.multiview-workspace[data-layout=columns] .mv-grid{display:flex;min-height:66dvh}.multiview-workspace[data-layout=columns] .mv-panel{flex:0 0 92%;min-height:66dvh}.multiview-workspace:not([data-focused=""]){height:100dvh;min-height:640px}.multiview-workspace:not([data-focused=""]) .mv-grid{flex:1;grid-template-rows:minmax(0,1fr)!important;grid-auto-rows:auto!important}.mv-footer{justify-content:flex-start}.mv-footer>div{gap:0}.mv-footer [data-audio-note],.mv-keyboard-note{display:none}.multiview-workspace:fullscreen{padding:12px;min-height:0}.multiview-workspace:fullscreen [data-restore]{top:12px}.theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.source-auto-control{align-items:flex-start;flex-direction:column;gap:12px}.source-auto-control select{width:100%;max-width:none}}
@keyframes mv-spin{to{transform:rotate(360deg)}}@keyframes mv-panel-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mv-panel,.mv-pane-loading>span{animation:none}.mv-toolbar button,.theme-tile,.mv-panel-bar button{transition:none}}html[data-motion=off] .mv-panel,html[data-motion=off] .mv-pane-loading>span{animation:none}html[data-motion=off] .mv-toolbar button,html[data-motion=off] .theme-tile{transition:none}

.multiview-pane .sports-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.multiview-pane .sports-filters .discovery-filter{width:100%;max-width:none;min-width:0}.multiview-pane .sports-filters .sports-updated{grid-column:1/-1}.multiview-pane .sports-page{padding-inline:20px!important}
.utility-page:not(.multiview-open) .ambient-silk-page{opacity:.22!important}.settings-panels>.settings-content{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;box-shadow:0 12px 40px #00000018}.settings-overview .settings-sections.is-docked{top:auto!important;bottom:22px!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:max-content!important;max-width:calc(100% - 32px);background:var(--ui-raised);border-color:var(--ui-border);box-shadow:0 12px 40px #0005}.settings-sections.is-docked>button{min-height:44px}.settings-sections>button[aria-current=true]{color:var(--ui-accent)}.settings-sections>button[aria-current=true]:after{background:var(--ui-accent)}
@media(min-width:1001px){.settings-sections.is-docked>button>span{display:inline!important}}
.multiview-workspace[data-layout=feature][data-count="4"] .mv-panel[data-position="3"],.multiview-workspace[data-layout=feature][data-count="6"] .mv-panel[data-position="5"]{grid-column:2 / span 2}
@container(max-width:370px){.mv-panel-bar{flex-wrap:nowrap}.mv-panel-bar strong{flex-basis:auto}.mv-panel-bar [data-kind]{margin:0;max-width:74px}.mv-panel-tools{margin:0}.mv-panel-tools button{width:28px;min-height:34px}}
@media(max-width:700px){.site-header{gap:8px!important}.site-header .brand-group{flex:none;gap:0!important}.mv-toolbar [data-layout]{padding-inline:10px}.mv-panel-bar [data-browse-panel]{display:none}.mv-panel-tools button{width:30px;min-height:34px}.multiview-workspace[data-layout=feature][data-count="4"] .mv-panel[data-position="3"],.multiview-workspace[data-layout=feature][data-count="6"] .mv-panel[data-position="5"]{grid-column:auto}}


/* multiview-parity.css */
/* Multiview uses the same heading scale, pills and glass as Spex browsing. */
html:not([data-theme="dark"]):not([data-theme="amoled"]) body.multiview-open .ambient-silk-page {
  display: block !important;
  opacity: .22 !important;
}
.multiview-open .multiview-workspace {
  padding: 132px 64px 12px;
  gap: 22px;
  background: transparent;
  position: relative;
  z-index: 1;
}
.multiview-workspace .mv-toolbar { min-height: 50px; gap: 24px; }
.multiview-workspace .mv-workspace-icon { display: none; }
.multiview-workspace .mv-heading > div { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.multiview-workspace .mv-heading h1 {
  font: 700 48px/1 Inter, Arial, sans-serif;
  letter-spacing: -.025em;
}
.multiview-workspace .mv-heading [data-panel-count] {
  font: 400 12px/20px Inter, Arial, sans-serif;
  color: #ffffff80;
  letter-spacing: 0;
  margin: 0;
}
.multiview-workspace .mv-toolbar button,
.multiview-workspace .mv-footer button,
.multiview-workspace .mv-empty button {
  border-radius: 999px;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  color: #ffffffe6;
  backdrop-filter: blur(12px);
  font: 500 13px/20px Inter, Arial, sans-serif;
  min-height: 40px;
  padding: 9px 16px;
  transition: background .2s, border-color .2s;
}
.multiview-workspace .mv-toolbar button:hover,
.multiview-workspace .mv-toolbar button[aria-expanded="true"],
.multiview-workspace .mv-footer button:hover,
.multiview-workspace .mv-empty button:hover {
  background: #ffffff1a;
  border-color: #ffffff30;
}
.multiview-workspace .mv-toolbar [data-layout] { min-width: 138px; }
.multiview-workspace .mv-toolbar [data-share],
.multiview-workspace .mv-toolbar [data-fullscreen] { width: 40px; padding: 10px; }
.multiview-workspace .mv-toolbar [data-add-panel] {
  background: #f7f7f7;
  border-color: transparent;
  color: #0b0b0b;
  font-weight: 600;
  min-width: 126px;
  padding: 9px 20px;
}
.multiview-workspace .mv-toolbar [data-add-panel]:hover { background: #e6e6e6; }
.multiview-workspace .mv-toolbar [data-add-panel] > svg { color: #1119; }
.multiview-workspace .mv-grid { gap: 16px; }
.multiview-workspace .mv-panel {
  border-radius: 20px;
  border-color: #ffffff1a;
  background: color-mix(in srgb, var(--theme-background-main, #050505) 80%, transparent);
  backdrop-filter: blur(24px) saturate(1.25);
}
.multiview-workspace .mv-panel-bar {
  min-height: 52px;
  padding: 7px 12px;
  gap: 8px;
  background: #ffffff05;
  border-color: #ffffff12;
}
.multiview-workspace .mv-panel-number { display: none; }
.multiview-workspace .mv-panel-bar strong { font-size: 12px; font-weight: 500; }
.multiview-workspace .mv-panel-bar button {
  border-radius: 999px;
  color: #ffffff99;
  width: 32px;
  min-height: 32px;
}
.multiview-workspace .mv-panel-bar button:hover { background: #ffffff12; color: #fff; }
.multiview-workspace .mv-panel-bar [data-kind] {
  width: auto;
  min-width: 88px;
  max-width: 118px;
  height: 34px;
  padding: 6px 12px;
  background: #ffffff0d;
  border-color: #ffffff1a;
  color: #ffffffe6;
}
.multiview-workspace .mv-panel-bar [data-kind] .filter-label { font-size: 11px; max-width: none; }
.multiview-workspace .mv-panel-bar [data-move-panel] { width: 18px; padding: 2px; color: #ffffff55; }
.multiview-workspace .mv-footer { min-height: 34px; font-size: 11px; color: #ffffff80; }
.multiview-workspace .mv-footer button { min-height: 34px; font-size: 11px; padding: 6px 12px; }
.multiview-workspace > .discovery-options {
  border-radius: 16px;
  background: color-mix(in srgb, var(--theme-dropdown-background, #1a1a1a) 88%, transparent);
  border-color: #ffffff1a;
  backdrop-filter: blur(24px) saturate(1.4);
}
.multiview-workspace .mv-audio-active { border-color: color-mix(in srgb, var(--outlaw-accent) 55%, transparent); }
.multiview-workspace:fullscreen { padding: 20px 24px 12px; }
@media (max-width: 1500px) {
  .multiview-workspace .mv-heading h1 { font-size: 40px; }
}
@media (max-width: 1100px) {
  .multiview-open .multiview-workspace { padding-inline: 32px; }
  .multiview-workspace .mv-toolbar { align-items: flex-start; flex-wrap: wrap; gap: 18px; }
}
@container (max-width: 510px) {
  .multiview-workspace .mv-panel-bar { gap: 5px; padding-inline: 8px; }
  .multiview-workspace .mv-panel-tools { gap: 0; }
  .multiview-workspace .mv-panel-tools button { width: 28px; min-height: 32px; }
  .multiview-workspace .mv-panel-bar [data-kind] { min-width: 78px; padding-inline: 9px; }
}
@container (max-width: 350px) {
  .multiview-workspace .mv-panel-bar [data-browse-panel] { display: none; }
  .multiview-workspace .mv-panel-bar [data-kind] { min-width: 74px; max-width: 88px; }
}
@media (max-width: 700px) {
  .multiview-open .multiview-workspace { padding: 104px 16px 12px; gap: 18px; }
  .multiview-workspace .mv-heading h1 { font-size: 30px; }
  .multiview-workspace .mv-heading > div { gap: 10px; }
  .multiview-workspace .mv-heading [data-panel-count] { font-size: 11px; }
  .multiview-workspace .mv-toolbar { min-height: 0; gap: 20px; }
  .multiview-workspace .mv-workspace-actions { gap: 8px !important; }
  .multiview-workspace .mv-toolbar [data-layout] { min-width: 0; padding-inline: 12px; }
  .multiview-workspace .mv-toolbar [data-share],
  .multiview-workspace .mv-toolbar [data-fullscreen] { width: 38px; min-height: 38px; padding: 9px; }
  .multiview-workspace .mv-toolbar [data-add-panel] { min-width: 110px; padding-inline: 14px; font-size: 12px; }
  .multiview-workspace .mv-toolbar [data-restore] { top: 100px; right: 16px; padding: 8px; }
  .multiview-workspace .mv-toolbar [data-restore] > span { display: none; }
  .multiview-workspace .mv-panel { border-radius: 16px; }
  .multiview-workspace .mv-grid { gap: 16px; }
  .multiview-workspace:fullscreen { padding: 16px; }
  .multiview-workspace:fullscreen .mv-toolbar [data-restore] { top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .multiview-workspace .mv-toolbar button,
  .multiview-workspace .mv-footer button { transition: none; }
}
html[data-motion="off"] .multiview-workspace .mv-toolbar button,
html[data-motion="off"] .multiview-workspace .mv-footer button { transition: none; }


/* domains.css */
.domains-page{position:relative;z-index:1;width:calc(100% - 128px);max-width:1280px;margin:auto;padding:132px 0 72px;min-height:85svh;color:#f3f4f6}.domains-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.domains-heading h1{font:700 48px/1 Inter,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 12px}.domains-heading p{font:400 14px/22px Inter,Arial,sans-serif;color:#ffffff99;margin:0}.domains-heading button,.domains-empty button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff0d;color:#ffffffe6;padding:10px 18px;min-height:40px;font:500 13px/20px Inter,Arial;cursor:pointer;backdrop-filter:blur(12px);white-space:nowrap}.domains-heading button:hover,.domains-empty button:hover{background:#ffffff1a}.domains-heading button:disabled{opacity:.35;cursor:default}.domains-heading button svg{width:16px;height:16px;transform:none}.domains-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.domains-filters{display:flex;gap:5px;padding:5px;border-radius:999px;border:1px solid #ffffff16;background:#ffffff0a;backdrop-filter:blur(12px)}.domains-filters button{border:0;border-radius:999px;padding:10px 18px;min-height:38px;background:none;color:#ffffff99;font:500 13px/18px Inter,Arial;cursor:pointer;white-space:nowrap}.domains-filters button[aria-pressed=true]{color:#111;background:#fff}.domains-filters button:hover:not([aria-pressed=true]){color:#fff;background:#ffffff09}.domains-search{display:block;width:310px;max-width:100%}.domains-search input{width:100%;border:1px solid #ffffff24;border-radius:999px;background:#ffffff08;padding:14px 18px;color:#fff;font:400 13px/20px Inter,Arial;min-width:0}.domains-search input::placeholder{color:#ffffff66}.domains-count{margin:22px 0 28px;font:400 12px/20px Inter,Arial;color:#ffffff80}.domains-group+.domains-group{margin-top:38px}.domains-group h2{display:flex;align-items:center;gap:12px;font:600 18px/26px Inter,Arial;margin:0 0 14px}.domains-group h2>span{font:400 12px/20px Inter,Arial;color:#ffffff66}.domains-list{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff1a}.domain-row{display:flex;align-items:center;gap:24px;min-height:96px;padding:20px 0;border-bottom:1px solid #ffffff16}.domain-identity{min-width:0;flex:1}.domain-identity>a{font:500 18px/26px Inter,Arial;color:#fffffff2;overflow-wrap:anywhere;text-decoration:none}.domain-identity>a:hover{text-decoration:underline;text-underline-offset:4px}.domain-identity p{margin:6px 0 0;color:#ffffff80;font:400 12px/20px Inter,Arial}.domain-identity p>span{color:#ffffff55}.domain-meta{flex:none}.domain-badge{display:inline-block;padding:4px 10px;border-radius:999px;font:500 10px/16px Inter,Arial;background:#ffffff0a;color:#ffffff99;border:1px solid #ffffff12;white-space:nowrap}.domain-badge.is-here{color:var(--ui-accent,#b7e75a);background:color-mix(in srgb,var(--ui-accent,#b7e75a) 7%,transparent);border-color:color-mix(in srgb,var(--ui-accent,#b7e75a) 22%,transparent)}.domain-badge.is-older{color:#ffffff66}.domain-actions{display:flex;align-items:center;gap:8px;flex:none}.domain-actions button,.domain-actions>a{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:10px;background:#ffffff08;color:#ffffffb3;border:1px solid #ffffff1a;border-radius:999px;font:500 10px/16px Inter,Arial;cursor:pointer}.domain-actions button:hover,.domain-actions>a:hover{background:#ffffff16;color:#fff}.domain-actions svg{width:17px;height:17px;flex:none}.domains-note{margin:28px 0 18px;color:#ffffff66;font:400 12px/20px Inter,Arial}.domains-back{font:500 13px/20px Inter,Arial;color:#ffffffb3}.domains-back:hover{color:#fff}.domains-empty{padding:48px 20px;text-align:center;color:#ffffff80}.domains-empty h2{color:#fff;font-size:20px}.domains-empty p{font-size:13px;line-height:1.7}.domains-empty button{margin:20px auto 0}.domains-page :focus-visible,.footer-domains a:focus-visible{outline:2px solid var(--ui-accent,#fff);outline-offset:4px}.footer-domains{margin:18px auto 0}.footer-domains a{display:inline-flex;align-items:center;gap:8px;color:#ffffff99;font:500 12px/20px Inter,Arial}.footer-domains a:hover{color:#fff}.footer-domains svg{width:16px;height:16px}.multiview-workspace .mv-toolbar .mv-domains-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;min-height:40px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffe6;backdrop-filter:blur(12px);font:500 12px/20px Inter,Arial;white-space:nowrap}.mv-domains-link svg{width:17px;height:17px}.multiview-workspace .mv-toolbar .mv-domains-link:hover{background:#ffffff1a;border-color:#ffffff30}.settings-domains-link{border-bottom:0!important}
@media(max-width:1500px){.domains-heading h1{font-size:40px}}
.settings-domains-link{justify-content:flex-start;gap:12px}.settings-domains-link svg{width:20px;height:20px;flex:none}
@media(max-width:1000px){.domains-page{width:calc(100% - 64px)}.domains-toolbar{flex-wrap:wrap;gap:16px}.domains-search{flex:1;min-width:220px}.domain-row{gap:16px}.domain-identity>a{font-size:16px}}
@media(max-width:700px){.domains-page{width:calc(100% - 32px);padding:110px 0 52px}.domains-heading{align-items:flex-start;gap:16px;margin-bottom:26px}.domains-heading h1{font-size:30px}.domains-heading p{font-size:12px}.domains-heading button{font-size:11px;padding:8px 12px;min-height:36px}.domains-heading button svg{width:14px;height:14px}.domains-toolbar{gap:14px}.domains-filters{width:100%;justify-content:space-between;gap:0}.domains-filters button{flex:1;padding:9px 8px;font-size:11px;min-height:36px}.domains-search{width:100%;flex-basis:100%;min-width:0}.domains-search input{padding:12px 16px}.domains-count{margin:18px 0 24px}.domains-group h2{font-size:16px}.domain-row{flex-wrap:wrap;gap:10px 12px;padding:18px 0;min-height:96px}.domain-identity{flex-basis:calc(100% - 100px)}.domain-identity>a{font-size:14px;line-height:22px}.domain-identity p{font-size:11px;line-height:18px}.domain-identity p>span{display:block}.domain-actions{margin-left:auto;gap:6px}.domain-meta{order:3;flex-basis:100%}.domain-meta:empty{display:none}.domain-actions button,.domain-actions>a{width:38px;min-width:38px;height:38px;padding:9px}.domain-badge{font-size:9px;padding:3px 8px}.domains-note{font-size:11px}.multiview-workspace .mv-toolbar .mv-domains-link{position:absolute;right:16px;top:100px;width:36px;min-height:36px;padding:8px}.mv-domains-link>span{display:none}.multiview-workspace .mv-toolbar [data-restore]{right:60px}.multiview-workspace:not([data-focused=""]) .mv-heading [data-panel-count]{display:none}.multiview-workspace:fullscreen .mv-toolbar .mv-domains-link{top:12px}}


/* watch-party.css */
.party-panel{display:flex;flex-direction:column;gap:12px;max-height:75dvh;overflow:auto}.party-panel>header{flex-shrink:0}.party-panel label{display:grid;gap:6px;font-size:12px;color:#ddd}.party-panel input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ffffff24;border-radius:10px;background:#ffffff0a;color:#fff;padding:11px;font:inherit}.party-panel .stream-menu-row{flex-shrink:0;border:1px solid #ffffff1c;border-radius:10px;min-height:42px;padding:10px 12px;white-space:normal;text-align:left}.party-panel .party-primary{background:#f1f1f1;color:#131313}.party-panel button:disabled{opacity:.4;cursor:default}.party-intro small{font-size:10px;letter-spacing:.16em;color:#bbb}.party-intro p,.party-panel .stream-menu-description{font-size:12px;line-height:1.6;color:#bcbcbc;margin:5px 0}.party-panel [data-party-status]{font-size:13px;line-height:1.5;margin:0;color:#e3e3e3}.party-room-code{overflow-wrap:anywhere;font-size:12px;user-select:all}.party-members{list-style:none;padding:0;margin:0;display:grid;gap:7px}.party-members li{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:7px 0;border-bottom:1px solid #ffffff12}.party-members small{color:#aaa}.party-badge{position:fixed;z-index:120;top:74px;left:50%;transform:translateX(-50%);border:1px solid #ffffff30;border-radius:99px;background:#1b1b20ed;backdrop-filter:blur(16px);color:white;padding:9px 16px;font:500 12px Inter,Arial,sans-serif;box-shadow:0 3px 18px #0005;cursor:pointer;max-width:80vw;white-space:nowrap}.party-floating.native-menu{position:fixed;z-index:130;right:20px;top:115px;bottom:auto;box-sizing:border-box;width:min(350px,calc(100vw - 24px));background:#19191ff7;color:#eee;padding:18px;border:1px solid #ffffff26;border-radius:18px;box-shadow:0 15px 60px #0008}.party-floating header{display:flex;align-items:center;justify-content:space-between}.party-floating header button{background:none;border:0;color:#eee;font-size:24px}.party-panel [hidden],.party-badge[hidden]{display:none!important}@media(max-width:600px){.party-badge{top:64px;padding:8px 12px}.party-floating.native-menu{right:12px;top:108px;max-height:calc(100dvh - 130px)}}
.party-panel>label,.party-panel>p,.party-panel>.stream-menu-row{margin:0}.party-panel .stream-menu-row{color:#eee;background:#ffffff09}.party-panel .party-primary{color:#131313;background:#f1f1f1}.party-panel>header{margin-bottom:8px}.party-panel>label{padding:0}
.player-dialog .player-topline>.mv-add-current{margin-left:auto}


/* cinejoy.css */
/* Shared visual contract measured against the live Cinejoy reference. */
:root{--spex-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spex-gutter:64px;--spex-glass:rgba(18,18,18,.62);--spex-outline:rgba(255,255,255,.1);--spex-muted:rgba(255,255,255,.6)}
html{scroll-padding-top:112px}body{font-family:var(--spex-font)}button,input,select,textarea{font-family:inherit}button,a{ -webkit-tap-highlight-color:transparent}.site-header{top:24px;left:48px;right:48px;gap:24px}.site-header .brand-group{gap:12px}.site-header .brand-mark{width:42px;height:48px;transform:none}.site-header .brand-mark img{width:42px;height:48px;object-fit:contain}.site-header .brand-text{display:none}.site-header .back-button{width:24px;height:40px;padding:0;margin:0}.site-header .nav-pill{display:flex;width:auto;max-width:calc(100vw - 172px);gap:4px;padding:6px;border-radius:999px;background:var(--spex-glass);border:1px solid var(--spex-outline);backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 8px 28px #0002;overflow:visible;isolation:isolate}.site-header .nav-pill>a:not(.nav-icon){width:auto;min-width:0;flex:none;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;font:600 14px/20px var(--spex-font);color:#ffffff99;letter-spacing:0;border-radius:999px}.site-header .nav-pill>a:not(.nav-icon):hover{color:#fff;background:#ffffff0a}.site-header .nav-pill>a.active{color:#080808;background:#fff}.site-header .nav-pill.nav-measured>a.active{background:transparent}.site-header .nav-pill .nav-marker{background:#fff;border-radius:999px;box-shadow:none}.site-header .nav-pill>a:not(.active):not(.nav-icon)>svg{display:none}.site-header .nav-pill>a.active>svg{width:16px;height:16px}.site-header .nav-pill .nav-icon{width:40px;height:40px;min-width:40px;padding:10px;flex:none;background:transparent;border:0;color:#ffffff99;display:flex;align-items:center;justify-content:center}.site-header .nav-pill .nav-icon svg{width:20px;height:20px}.site-header .nav-pill .nav-icon:hover,.site-header .nav-pill .nav-icon[aria-expanded=true]{color:#fff;background:#ffffff0d}.site-header .nav-pill .nav-icon.active{background:#fff;color:#080808}.nav-feature-divider{width:1px;height:20px;background:#ffffff0d;margin:0 4px;flex:none}.spex-feature-menu{position:fixed;z-index:210;right:48px;top:86px;width:286px;border:1px solid #ffffff18;background:#161616e8;backdrop-filter:blur(28px) saturate(1.4);border-radius:15px;padding:7px;box-shadow:0 20px 60px #0005;animation:spex-menu-in .16s ease}.spex-feature-menu>p{margin:8px 12px 7px;color:#ffffff66;font:500 11px/18px var(--spex-font);letter-spacing:.08em;text-transform:uppercase}.spex-feature-menu>a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#ffffffcc;font:500 14px/20px var(--spex-font)}.spex-feature-menu>a:hover,.spex-feature-menu>a:focus-visible{background:#ffffff0d;color:#fff}.spex-feature-menu>a.active{background:#ffffff12;color:#fff}.spex-feature-menu>a>svg{width:18px;height:18px;flex:none;color:#ffffff88}.spex-feature-menu>a>span{display:grid;gap:2px}.spex-feature-menu>a small{font:400 11px/16px var(--spex-font);color:#ffffff66}.spex-feature-menu hr{border:0;border-top:1px solid #ffffff12;margin:5px 8px}.spex-feature-menu[hidden]{display:none}
/* The artwork and proportions are shared by Home, Movies and Shows. */
.home-view .hero-carousel,.catalog-hero{height:85vh;min-height:540px;max-height:none}.home-view .hero-content{left:var(--spex-gutter);bottom:96px;width:672px;max-width:calc(100% - var(--spex-gutter)*2);gap:24px;transform:none!important}.home-view .hero-content .title-logo{max-width:500px;max-height:192px}.home-view .hero-content .title-logo img{max-width:500px;max-height:192px}.home-view .hero-meta{font:600 16px/24px var(--spex-font);gap:12px}.home-view .hero-meta strong{font-weight:600}.home-view .hero-meta>span:first-child svg{color:white}.home-view .hero-overview{font:600 18px/28px var(--spex-font);max-width:576px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.home-view .hero-content .play-action{height:52px;min-height:52px;min-width:130px;padding:0 24px;letter-spacing:0;font:600 18px/24px var(--spex-font);background:#f7f7f7;color:#080808;box-shadow:none}.home-view .hero-content .play-action:hover{background:#fff;transform:scale(1.03)}.home-view .hero-content .secondary-actions{height:52px;border-color:#ffffff1a;background:#ffffff1a}.home-view .hero-content .secondary-actions .round-button{width:64px;height:50px}.home-view .hero-content .title-actions>.mv-add-current{width:40px;height:40px;opacity:0;pointer-events:none;transition:opacity .15s}.home-view .hero-content .title-actions:hover>.mv-add-current,.home-view .hero-content .title-actions:focus-within>.mv-add-current{opacity:1;pointer-events:auto}.home-view .hero-carousel .carousel-controls{right:var(--spex-gutter);bottom:128px}.home-view .home-catalog{padding-top:40px;margin-top:0}.home-view .home-catalog .row-heading{margin-left:var(--spex-gutter);margin-right:var(--spex-gutter);min-height:28px}.home-view .home-catalog .row-heading h2,.home-row-choice-trigger{font:600 20px/28px var(--spex-font);letter-spacing:0}.home-view .home-catalog .poster-row,.home-view .home-catalog .provider-rail,.continue-rail{padding-left:var(--spex-gutter);padding-right:var(--spex-gutter)}.home-view .home-catalog .catalog-section{margin-bottom:48px}.home-view .provider-rail button span{font-family:var(--spex-font)}.home-view .poster-row .poster-card{flex-basis:192px;width:192px;height:288px}.home-view .poster-row .poster-art{height:288px;border-radius:12px}.home-view .poster-row{gap:16px}.poster-card .poster-art{border-radius:12px}.poster-card h3{font:600 14px/20px var(--spex-font)}.poster-card p{font:400 12px/16px var(--spex-font)}.row-heading h2{letter-spacing:0}.continue-card{width:288px;flex-basis:288px}.continue-caption strong,.continue-caption small{font-family:var(--spex-font)}.continue-art{border-radius:16px}.continue-preview{border-radius:16px}.site-footer{font-family:var(--spex-font)}
/* Browsing and Spex-only destinations share Cinejoy's scale and controls. */
.discovery-page,.browse-page,.search-page,.catalog-index-page,.explore-page,.sports-page,.domains-page{padding-left:var(--spex-gutter);padding-right:var(--spex-gutter)}.discovery-heading h1,.browse-heading h1,.search-page h1,.outlaw-search-page h1,.catalog-index-heading h1,.explore-heading h1,.sports-heading h1,.domains-heading h1,.mv-heading h1{font:700 48px/1.15 var(--spex-font);letter-spacing:-.025em}.explore-heading>p{display:none}.explore-page,.sports-page,.domains-page,.catalog-index-page{padding-top:136px}.discovery-filter,.discovery-random,.subtle-pill,.explore-tabs a,.provider-type-tabs button,.sports-tabs button,.sports-favorites,.sports-refresh,.domains-tabs button{font:500 14px/20px var(--spex-font);border-radius:999px;border-color:#ffffff1a;background:#ffffff08;backdrop-filter:blur(16px)}.discovery-filter:hover,.subtle-pill:hover{background:#ffffff12}.discovery-options{border:1px solid #ffffff18;border-radius:12px;background:#191919ed;backdrop-filter:blur(24px);box-shadow:0 20px 45px #0005}.discovery-options button{font-family:var(--spex-font)}.explore-card{background:transparent;border:0;padding:0;box-shadow:none;border-radius:0}.explore-card .explore-cover,.explore-card>.book-card-link{border-radius:12px;overflow:hidden}.explore-card h2{font:600 14px/20px var(--spex-font);letter-spacing:0}.explore-card>p,.explore-card-actions>small{color:#ffffff80;font:400 12px/18px var(--spex-font)}.explore-card-actions .play-action{height:36px;min-height:36px;padding:0 18px;font-size:13px;font-weight:600;background:#f5f5f5;color:#111}.explore-search input,.domains-search input,.sports-search input{border:1px solid #ffffff1a;background:#ffffff05;border-radius:999px;font:400 14px/20px var(--spex-font);color:white}.spex-readable-toggle{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff08;color:#ffffffb3;font:500 12px/18px var(--spex-font)}.spex-readable-toggle[aria-pressed=true]{background:#fff;color:#111}.spex-readable-empty{grid-column:1/-1;padding:48px 0;text-align:center;color:#ffffff99;font-size:14px}.sports-card,.sports-event-card{border-radius:12px;background:transparent;box-shadow:none}.sports-card img,.sports-event-card img{border-radius:12px}.reading-hero-shell{padding:160px var(--spex-gutter) 48px}.reading-hero-shell h1{font:700 clamp(32px,4.2vw,60px)/1.15 var(--spex-font);letter-spacing:-.025em}.reading-detail-page>section{padding-left:var(--spex-gutter);padding-right:var(--spex-gutter)}.reading-facts,.info-panel{border-color:#ffffff12;border-radius:12px;background:#ffffff07;backdrop-filter:blur(18px)}.detail-overview{font-size:16px;line-height:26px}.detail-main .title-actions{gap:12px}.detail-main .play-action{min-height:44px;height:44px;padding:0 24px;font-size:16px;font-weight:600;background:#f5f5f5}.detail-main .round-button{width:44px;height:44px;background:#ffffff10;border-color:#ffffff1a}.detail-main .mv-add-current{width:44px;height:44px}.detail-main .spex-watch-together{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff0d;color:#ffffffcc;font:500 13px/20px var(--spex-font);backdrop-filter:blur(16px)}.detail-main .spex-watch-together svg{width:17px;height:17px}.detail-main .spex-watch-together:hover{background:#ffffff18;color:white}
/* Extra features retain their full behavior, with the shared glass treatment. */
.multiview-open .multiview-workspace{padding:132px var(--spex-gutter) 16px;gap:24px}.multiview-workspace .mv-heading h1{font:700 48px/1 var(--spex-font)}.multiview-workspace .mv-panel{border:1px solid #ffffff18;border-radius:18px;background:#080808d9;box-shadow:none}.multiview-workspace .mv-panel-header{background:#ffffff03;border-bottom:1px solid #ffffff0d}.multiview-workspace .mv-toolbar button,.multiview-workspace .mv-footer button{font-family:var(--spex-font)}.multiview-workspace .mv-grid{gap:16px}.multiview-workspace .mv-toolbar [data-add-panel]{background:#f7f7f7;color:#0a0a0a}.multiview-workspace .mv-footer{font-family:var(--spex-font);color:#ffffff66}.mv-frame{border:0}.party-floating.native-menu{background:#151515ed;border:1px solid #ffffff1a;border-radius:18px;backdrop-filter:blur(28px);box-shadow:0 25px 70px #0006;padding:20px}.party-panel input{border-radius:10px;background:#ffffff07;border-color:#ffffff1a;padding:12px;font:400 14px/20px var(--spex-font)}.party-panel .stream-menu-row{font:500 14px/20px var(--spex-font);border-radius:999px;padding:12px 16px}.party-panel .party-primary{background:#fff;color:#080808}.party-intro small{font:600 11px/18px var(--spex-font);letter-spacing:.08em}.party-panel .stream-menu-description{font-family:var(--spex-font);color:#ffffff73}.party-badge{font-family:var(--spex-font);border-radius:999px;background:#171717d9;border-color:#ffffff24;backdrop-filter:blur(20px)}.party-launch{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffbf;background:#ffffff0a;font:500 12px/18px var(--spex-font);padding:8px 13px;white-space:nowrap}.party-launch svg{width:16px;height:16px}.party-launch:hover{background:#ffffff18;color:#fff}.party-launch:disabled{opacity:.4;cursor:default}.settings-popover{background:#1b1b1be8;backdrop-filter:blur(24px);border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 20px 50px #0005}.settings-page,.settings-content,.settings-sidebar{font-family:var(--spex-font)}.settings-content h1{font:700 48px/1.15 var(--spex-font)}.settings-content h2{font:600 24px/32px var(--spex-font)}.outlaw-dialog{border-radius:18px;border:1px solid #ffffff1a;background:#161616f2;backdrop-filter:blur(24px)}.stream-menu{border:1px solid #ffffff1a;border-radius:14px;background:#161616ed;backdrop-filter:blur(24px)}
@keyframes spex-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.home-view .hero-content .title-logo,.home-view .hero-content .title-logo img{max-width:672px}.home-view .hero-content{width:672px}.home-view .hero-overview{max-width:576px}}
@media(max-width:1100px){:root{--spex-gutter:40px}.site-header{left:32px;right:32px}.site-header .nav-pill>a:not(.nav-icon){padding:0 18px}.spex-feature-menu{right:32px}.detail-main .spex-watch-together{font-size:0;width:44px;padding:0}.detail-main .spex-watch-together svg{width:20px;height:20px}.home-view .hero-content .title-logo,.home-view .hero-content .title-logo img{max-width:min(500px,100%)}}
@media(max-width:700px){:root{--spex-gutter:24px}.site-header{top:16px;left:20px;right:20px;gap:10px}.site-header .brand-mark,.site-header .brand-mark img{width:30px;height:36px}.site-header .brand-group{gap:4px}.site-header .back-button{display:none}.site-header .nav-pill{width:auto;max-width:calc(100vw - 78px);gap:0;padding:4px;overflow:visible}.site-header .nav-pill>a:not(.nav-icon){padding:0 10px;font-size:11px;height:34px;gap:4px}.site-header .nav-pill>a[data-nav=home]>span{font-size:11px}.site-header .nav-pill>a.active>svg{display:none}.site-header .nav-pill .nav-icon{min-width:30px;width:30px;height:34px;padding:7px}.site-header .nav-pill .nav-icon svg{width:17px;height:17px}.nav-feature-divider{display:none}.spex-feature-menu{top:66px;right:20px;width:min(286px,calc(100vw - 40px))}.home-view .hero-carousel,.catalog-hero{height:78svh;min-height:520px}.home-view .hero-content{left:24px;bottom:76px;width:calc(100% - 48px);max-width:none;gap:18px;align-items:flex-start;text-align:left}.home-view .hero-content .title-logo,.home-view .hero-content .title-logo img{max-width:100%;max-height:135px}.home-view .hero-meta{font:600 13px/20px var(--spex-font);gap:9px;justify-content:flex-start}.home-view .hero-overview{font:500 14px/22px var(--spex-font);-webkit-line-clamp:3}.home-view .hero-content .title-actions{justify-content:flex-start;gap:10px}.home-view .hero-content .play-action{height:46px;min-height:46px;min-width:115px;font-size:16px}.home-view .hero-content .secondary-actions{height:46px}.home-view .hero-content .secondary-actions .round-button{width:52px;height:44px}.home-view .hero-content .secondary-actions .round-button:last-child:before{top:10px}.home-view .hero-content .title-actions>.mv-add-current{opacity:1;pointer-events:auto;width:36px;height:36px}.home-view .hero-carousel .carousel-controls{right:24px;bottom:30px}.home-view .home-catalog{padding-top:24px}.home-view .home-catalog .catalog-section{margin-bottom:32px}.home-view .home-catalog .row-heading h2,.home-row-choice-trigger{font-size:18px;line-height:26px}.home-view .poster-row .poster-card{width:145px;flex-basis:145px;height:217.5px}.home-view .poster-row .poster-art{height:217.5px}.continue-card{width:240px;flex-basis:240px}.discovery-heading h1,.browse-heading h1,.search-page h1,.outlaw-search-page h1,.catalog-index-heading h1,.explore-heading h1,.sports-heading h1,.domains-heading h1,.mv-heading h1,.settings-content h1{font-size:32px;line-height:1.15}.explore-page,.sports-page,.domains-page,.catalog-index-page{padding-top:104px}.reading-hero-shell{padding-top:110px;padding-bottom:32px}.reading-hero-shell h1{font-size:30px}.multiview-open .multiview-workspace{padding:100px 16px 12px;gap:18px}.multiview-workspace .mv-heading h1{font-size:32px}.multiview-workspace .mv-toolbar{gap:12px}.multiview-workspace .mv-panel{border-radius:14px}.party-floating.native-menu{right:12px;top:86px;width:calc(100vw - 24px);max-height:calc(100dvh - 110px)}.party-launch{font-size:0;padding:8px;width:34px;height:34px}.party-launch svg{width:17px;height:17px}.detail-main .title-actions{flex-wrap:wrap;gap:9px}.detail-main .spex-watch-together{font-size:0;width:40px;min-height:40px}.settings-content h2{font-size:22px}}
@media(max-width:370px){.site-header{left:12px;right:12px}.site-header .nav-pill{max-width:calc(100vw - 62px)}.site-header .nav-pill>a:not(.nav-icon){padding:0 7px;font-size:10px}.site-header .nav-pill>a[data-nav=home]>span{font-size:10px}.site-header .nav-pill .nav-icon{width:28px;min-width:28px;padding:6px}.home-view .hero-content .title-actions>.mv-add-current{display:none}}
@media(prefers-reduced-motion:reduce){.spex-feature-menu{animation:none}.site-header .nav-marker,.home-view .hero-slide,.spex-watch-together{transition:none}}
.party-launch{position:absolute;top:18px;right:100px;z-index:40}.party-launch[hidden]{display:none!important}@media(max-width:700px){.party-launch{top:14px;right:58px}}
/* Cinejoy's compact viewport navigation lives at the bottom of the screen. */
@media(max-width:1023px){
.site-header .nav-pill{position:fixed;top:auto;bottom:24px;left:50%;right:auto;transform:translateX(-50%);width:auto;max-width:calc(100vw - 32px);display:flex;gap:4px;padding:6px;border:1px solid #ffffff1a;background:#191919c9;box-shadow:0 12px 40px #0005;backdrop-filter:blur(28px)}
.site-header .nav-pill>a:not(.nav-icon){width:44px;height:44px;min-width:44px;padding:0;font-size:0;gap:0}.site-header .nav-pill>a:not(.nav-icon).active{width:56px}.site-header .nav-pill>a:not(.nav-icon)>svg,.site-header .nav-pill>a:not(.active):not(.nav-icon)>svg,.site-header .nav-pill>a.active>svg{display:block;width:21px;height:21px}.site-header .nav-pill>a>span{display:none}.site-header .nav-pill .nav-icon{width:40px;min-width:40px;height:44px;padding:10px}.site-header .nav-pill .nav-icon svg{width:21px;height:21px}.site-header .nav-pill>a[data-nav=home]>span{display:none}.nav-feature-divider{display:none}.spex-feature-menu{top:auto;bottom:92px;right:24px;max-height:calc(100dvh - 130px);overflow:auto}.site-footer{padding-bottom:124px}.multiview-workspace .mv-footer{padding-bottom:82px}.home-view .hero-content{align-items:center;text-align:center;left:24px;width:calc(100% - 48px);max-width:none}.home-view .hero-meta,.home-view .hero-content .title-actions{justify-content:center}.home-view .hero-overview{max-width:576px}.site-header .brand-group{pointer-events:auto}.site-header .brand-mark,.site-header .brand-mark img{width:38px;height:44px}
}
@media(max-width:390px){.site-header .nav-pill{gap:1px;padding:5px;bottom:18px}.site-header .nav-pill>a:not(.nav-icon){width:38px;min-width:38px;height:42px}.site-header .nav-pill>a:not(.nav-icon).active{width:48px}.site-header .nav-pill .nav-icon{width:36px;min-width:36px;height:42px;padding:8px}.spex-feature-menu{bottom:84px;right:16px}}
.home-view .hero-meta>span:first-child,.home-view .hero-meta>span:first-child svg{color:#fff!important}
.site-header .nav-pill .spex-features-toggle.active{background:#fff!important;color:#080808!important}
@media(min-width:370px) and (max-width:1023px){.site-header .nav-pill>a:not(.nav-icon),.site-header .nav-pill .nav-icon{width:44px;min-width:44px;height:44px}.site-header .nav-pill .spex-features-toggle.active{width:48px;min-width:48px}}
.home-view .hero-meta>span:first-child svg{fill:currentColor!important;stroke:currentColor!important}
@media(max-width:1023px){.site-header .nav-pill.nav-measured>a.active{background:#fff!important;color:#080808!important}}
.music-track h2{font:600 15px/22px var(--spex-font)}.music-track p,.music-track small,.music-player{font-family:var(--spex-font)}.music-track{border-color:#ffffff0d;background:transparent}.music-track .play-action{border-radius:999px;background:#f5f5f5;color:#111}.music-player{border:1px solid #ffffff1a;background:#151515ed;backdrop-filter:blur(24px);border-radius:18px}@media(max-width:1023px){.music-player{bottom:92px;max-height:calc(100dvh - 120px);overflow:auto}}


/* surface-polish.css */
/* Cinejoy materials: measured 60% black, 20px blur, with the silk visible behind. */
.utility-page:not(.multiview-open) .ambient-silk-page{opacity:1!important}
.settings-panels>.settings-content,.outlaw-dialog,.source-directory .source-entry,.sports-calendar,.starter-list-grid article{background:rgba(20,20,20,.6)!important;backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);border:1px solid #ffffff0d!important;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff05}
.outlaw-settings-menu,.preference-options,.discovery-options,.stream-popover,.native-menu,.title-list-popover,.spex-feature-menu{background:rgba(20,20,20,.66)!important;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid #ffffff12!important;box-shadow:0 16px 48px #0003}
.settings-overview .settings-sections.is-docked{background:#14141499!important;backdrop-filter:blur(20px);border-color:#ffffff12!important}.settings-content .setting-row{min-width:0;gap:20px}.settings-content .setting-row>span:first-child{min-width:0;flex:1}.setting-row small{max-width:440px}.settings-content .preference-choice{flex:none;max-width:55%}.settings-content .preference-trigger{max-width:100%;min-height:42px}.settings-content .preference-options{min-width:190px;max-width:calc(100vw - 48px)}.settings-content button{line-height:1.4;white-space:normal;max-width:100%}.settings-content .play-action{width:auto;min-height:44px;padding:10px 20px}.settings-content .preference-segments{max-width:100%;flex-wrap:wrap;min-width:0}.preference-segments>button{flex:1;min-width:55px}.settings-panels>.settings-content{scroll-margin-top:110px;overflow:visible}.settings-overview>h1{font-size:36px!important}.settings-content h2{font-size:20px!important;line-height:28px!important}.settings-content>p{font-size:14px;line-height:22px}.settings-page{padding-bottom:140px}.settings-sections{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;gap:14px}.settings-sections>button{flex:none;white-space:nowrap}
.spex-file-picker{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;flex-wrap:wrap;margin:10px 0}.spex-file-picker>button{flex:none}.spex-file-name{min-width:0;font-size:12px;color:#ffffff80;overflow-wrap:anywhere}.import-library,.subtitle-upload{display:block;min-width:0;font-size:13px;margin:16px 0}input[type=file][hidden]{display:none!important}
.stream-popover,.native-menu{max-width:calc(100vw - 32px);overflow:auto;scrollbar-width:thin}.stream-source-entry{display:flex!important;align-items:center;gap:12px;min-width:0;padding:4px 8px;border-bottom:1px solid #ffffff0b}.stream-source-entry>.stream-menu-row{flex:1;width:auto!important;min-width:0;padding:10px 6px;white-space:normal;text-align:left}.stream-source-entry>.stream-menu-row>span{min-width:0;overflow-wrap:anywhere}.stream-source-rank{display:none!important}.source-signal{display:inline-flex!important;align-items:flex-end;justify-content:center;gap:3px;width:44px;min-width:44px;height:28px;padding:5px;position:relative;flex:none;cursor:help;border:0;border-radius:6px;overflow:visible}.source-signal i{display:block;width:4px;background:#ffffff2b;border-radius:2px}.source-signal i:nth-child(1){height:6px}.source-signal i:nth-child(2){height:10px}.source-signal i:nth-child(3){height:14px}.source-signal i:nth-child(4){height:18px}.source-signal--good .is-on{background:#b3ed94}.source-signal--caution .is-on{background:#f1c76e}.source-signal--danger .is-on{background:#ef8e8e}.source-signal:focus-visible{outline:2px solid white;outline-offset:2px}.spex-tooltip{position:fixed;z-index:2147483647;max-width:min(290px,calc(100vw - 24px));padding:10px 13px;border-radius:10px;border:1px solid #ffffff1a;background:#151515f2;box-shadow:0 8px 32px #0006;color:#fff;font:500 12px/18px var(--spex-font);pointer-events:none}.spex-tooltip[hidden]{display:none}
.source-directory .source-ranking{display:grid;gap:8px}.source-directory .compact-source{display:flex;gap:16px;align-items:center;padding:14px 18px;border-radius:14px;min-width:0}.compact-source h2{flex:1;min-width:0;font:500 15px/22px var(--spex-font);margin:0;overflow-wrap:anywhere}.compact-source button{font-size:12px;min-width:88px}.source-filters{display:flex;gap:12px;min-width:0}.source-filters input{flex:1;min-width:0;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff09;color:white;padding:12px 18px}.source-directory .browse-heading{margin-bottom:28px}
.sports-wordmark{display:flex;align-items:center;gap:16px}.sports-wordmark>svg{width:60px;height:60px;flex:none}.sports-wordmark>div>span{font:700 10px/14px var(--spex-font);letter-spacing:.27em;color:#ffffff80}.sports-wordmark h1{margin:0!important;line-height:1!important}.sports-calendar{padding:22px;margin:20px 0 28px}.sports-calendar[hidden]{display:none}.sports-calendar-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.sports-calendar-heading h2{font:600 18px/26px var(--spex-font);margin:0}.sports-calendar-heading p{font-size:11px;color:#ffffff80;margin:4px 0}.sports-calendar-heading>div:nth-child(2){display:flex;gap:14px;align-items:center}.sports-calendar-heading button{border:1px solid #ffffff1a;background:#ffffff08;color:white;border-radius:999px;padding:8px 12px;font:500 12px/18px var(--spex-font)}.sports-calendar-heading button[aria-pressed=true]{background:white;color:#111}.sports-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekday{font-size:11px;text-align:center;color:#ffffff60;padding:6px}.sports-calendar-grid button{min-width:0;min-height:58px;border:1px solid #ffffff09;border-radius:12px;background:#ffffff03;color:#ffffffb3;display:grid;justify-items:center;align-content:center;gap:5px;font:500 14px/18px var(--spex-font)}.sports-calendar-grid button small{font-size:10px;color:#ffffff60}.sports-calendar-grid button[aria-current=date]{border-color:#ffffff40}.sports-calendar-grid button[aria-pressed=true]{background:#fff;color:#111}.sports-calendar-grid button[aria-pressed=true] small{color:#333}.sports-calendar-grid button:hover{border-color:#ffffff80}.sports-source-list>button{min-width:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sports-source-list>button>strong{min-width:0;flex:1}.sports-source-list>button>span:not(.source-signal){font-size:11px;color:#ffffff80}.sports-source-list .source-signal{margin-left:auto}.sports-playback-note{font-size:11px!important;color:#ffffff70!important}
.domains-heading{flex-wrap:wrap}.domains-heading>div{flex:1;min-width:180px}.domains-page .domain-row{gap:16px}.domain-identity{min-width:0}.domain-identity>a{overflow-wrap:anywhere}.domain-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.domain-health{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;font:500 12px/18px var(--spex-font);color:#ffffff8c}.domain-health i{width:7px;height:7px;background:#ffffff50;border-radius:50%}.domain-health.is-up{color:#b9e9aa}.domain-health.is-up i{background:#a5e38e}.domain-health.is-down{color:#efaaa5}.domain-health.is-down i{background:#e88f89}.domain-badge{white-space:nowrap}
.starter-lists{margin:30px 0 40px}.starter-lists .row-heading{margin:0 0 16px!important}.starter-lists h2{font:600 20px/28px var(--spex-font)}.starter-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.starter-list-grid article{padding:18px;min-width:0}.starter-art{height:156px;display:flex;overflow:hidden;border-radius:12px;gap:3px;background:#ffffff05}.starter-art img{width:33.333%;height:100%;object-fit:cover;min-width:0}.starter-list-grid h3{font:600 16px/24px var(--spex-font);margin:14px 0 4px}.starter-list-grid p{font:400 12px/18px var(--spex-font);color:#ffffff80;margin:0 0 16px}.starter-list-grid button{min-height:40px;width:100%;font-size:12px}
.trailer-shorts{max-width:1000px;margin:auto;padding:110px 64px 20px}.shorts-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.shorts-heading h1{font:700 32px/40px var(--spex-font);margin:0}.shorts-heading p{font-size:10px;letter-spacing:.2em;color:#ffffff70;margin:0}.shorts-heading button{font-size:12px;min-height:40px}.trailer-shorts .shorts-feed{height:calc(100dvh - 212px);min-height:360px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;display:block;border-radius:22px;background:#0006}.trailer-shorts .short-entry{height:100%;min-height:360px;display:flex!important;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always;position:relative;margin:0!important;padding:0!important;gap:0;background:#10101044}.trailer-shorts .shorts-media{min-height:0;position:relative;flex:1;aspect-ratio:auto;width:100%}.trailer-shorts video{display:block;width:100%;height:100%;object-fit:contain;background:#000;border-radius:0}.short-label{position:absolute;top:16px;left:16px;pointer-events:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#1118;backdrop-filter:blur(10px);padding:5px 9px;border-radius:999px}.short-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff30;background:#20202099;backdrop-filter:blur(20px);border-radius:999px;padding:12px 20px;color:white;font:500 13px/20px var(--spex-font)}.short-play-overlay[hidden]{display:none}.trailer-shorts .shorts-meta{display:block;width:auto;padding:18px 22px;background:#14141499;backdrop-filter:blur(20px)}.trailer-shorts .shorts-meta h2{font:600 20px/28px var(--spex-font);margin:0}.trailer-shorts .shorts-meta p{font-size:12px;line-height:18px;color:#ffffff80;margin:5px 0 12px}.short-actions{display:flex;gap:10px;flex-wrap:wrap}.short-actions a,.short-actions button{min-height:38px;padding:9px 16px;font:500 12px/18px var(--spex-font)}.shorts-navigation{display:flex;gap:8px;position:fixed;right:calc(50% - 490px);top:50%;flex-direction:column}.shorts-navigation button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff20;background:#14141499;backdrop-filter:blur(20px);color:white}.shorts-loading{font-size:14px;color:#ffffff99}.shorts-loading[hidden]{display:none}
.party-badge{position:absolute!important;top:18px!important;right:100px!important;bottom:auto!important;left:auto!important;display:flex;align-items:center;gap:7px;width:auto!important;min-width:48px;height:36px;padding:8px 10px!important;border:1px solid #ffffff20;border-radius:999px!important;background:#14141480!important;color:#fff;font:500 11px/16px var(--spex-font);box-shadow:none!important;transition:opacity .18s}.party-badge svg{width:17px;height:17px}.party-badge[hidden]{display:none!important}.native-idle .party-badge,.native-idle .party-launch,.chrome-idle:not(.chrome-paused) .party-badge,.chrome-idle:not(.chrome-paused) .party-launch{opacity:0;pointer-events:none}.party-floating{top:66px!important;right:16px!important;width:360px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important;border-radius:18px!important;background:#141414b3!important;backdrop-filter:blur(24px)!important;padding:16px!important;z-index:500!important}.party-members{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:10px 0}.party-members li{display:flex;gap:6px;border:1px solid #ffffff12;background:#ffffff06;padding:5px 8px;border-radius:999px;font-size:10px}.party-members li small{color:#ffffff70}.party-panel [data-party-status]{font-size:12px;line-height:18px}.party-panel .party-room-code{display:block;font-size:11px;opacity:.65;overflow-wrap:anywhere}.party-panel [data-party-copy],.party-panel [data-party-enable],.party-panel [data-party-resync],.party-panel [data-party-leave]{display:inline-flex!important;width:calc(50% - 4px)!important;min-height:34px;justify-content:center;font-size:10px!important;padding:8px 5px!important;margin:3px 2px!important}.party-panel [hidden]{display:none!important}.party-chat{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff15}.party-chat h3{font:600 14px/20px var(--spex-font);margin:0 0 10px}.party-chat ol{list-style:none;padding:0 4px;margin:0;height:180px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.party-chat li{padding:8px 0;border:0}.party-chat li strong{font-size:11px}.party-chat li time{font-size:9px;color:#ffffff60;float:right}.party-chat li p{font-size:12px;line-height:18px;margin:5px 0 0;overflow-wrap:anywhere;white-space:pre-wrap;color:#ffffffc0}.party-chat-empty{font-size:12px;color:#ffffff70}.party-chat form{display:flex;gap:8px;margin-top:10px}.party-chat form input{min-width:0;flex:1;padding:10px!important;font-size:12px!important}.party-chat form button{font:500 12px/18px var(--spex-font);border:0;border-radius:999px;background:#fff;color:#111;padding:8px 13px}.party-chat [role=status]{font-size:10px;color:#ffffff80}.party-chat form button:disabled{opacity:.45}.party-panel .stream-menu-description{font-size:10px!important;line-height:16px!important;margin-bottom:0}
@media(max-width:1023px){.settings-overview .settings-sections.is-docked{bottom:92px!important}.trailer-shorts{padding:100px 24px 100px}.trailer-shorts .shorts-feed{height:calc(100dvh - 280px)}.shorts-navigation{position:static;flex-direction:row;justify-content:center;margin-top:10px}.shorts-navigation button{height:34px;width:50px;border-radius:999px}.settings-page{padding-bottom:200px}}
@media(max-width:700px){.settings-panels>.settings-content{padding:20px;border-radius:22px}.settings-content .setting-row{gap:12px;flex-wrap:wrap}.settings-content .preference-choice{max-width:100%}.settings-content .preference-segments{flex-basis:100%}.settings-content .setting-row>span:first-child{flex-basis:calc(100% - 60px)}.settings-content input[type=range]{width:100%;min-width:0}.settings-sections{gap:6px}.settings-sections>button{font-size:11px;padding:10px 8px}.sports-wordmark>svg{width:44px;height:44px}.sports-wordmark{gap:10px}.sports-heading{gap:20px;flex-wrap:wrap}.sports-heading-actions{flex-wrap:wrap}.sports-calendar{padding:14px;border-radius:18px}.sports-calendar-grid{gap:4px}.sports-calendar-grid button{min-height:48px;border-radius:8px;font-size:12px}.sports-calendar-grid button small{font-size:8px}.sports-calendar-heading{gap:12px}.sports-calendar-heading>div:nth-child(2){gap:8px;font-size:12px}.sports-calendar-heading h2{font-size:16px}.sports-calendar-heading button{padding:6px 10px}.calendar-weekday{font-size:9px}.starter-list-grid{gap:12px}.starter-list-grid article{padding:12px;border-radius:18px}.starter-art{height:120px}.starter-list-grid h3{font-size:14px;line-height:20px}.starter-list-grid p{font-size:11px}.domain-meta{flex-basis:100%}.domain-health{font-size:11px}.domains-heading>div{flex-basis:100%}.domains-page .domain-row{gap:10px}.source-directory .compact-source{gap:10px;padding:12px;border-radius:12px}.compact-source h2{font-size:13px}.compact-source button{min-width:70px;padding:8px 12px;font-size:10px}.source-directory .source-filters{flex-wrap:wrap}.source-filters input{flex-basis:100%}.trailer-shorts{padding:94px 16px 100px}.shorts-heading h1{font-size:26px;line-height:32px}.trailer-shorts .shorts-feed{height:calc(100dvh - 260px);min-height:320px;border-radius:16px}.trailer-shorts .short-entry{min-height:320px}.trailer-shorts .shorts-meta{padding:14px 16px}.trailer-shorts .shorts-meta h2{font-size:18px;line-height:24px}.short-actions{gap:8px}.short-actions a,.short-actions button{padding:8px 12px;font-size:11px}.party-badge{right:58px!important;top:14px!important;height:34px;min-width:40px;padding:6px 8px!important}.party-floating{top:58px!important;right:10px!important;max-width:calc(100vw - 20px)!important;width:350px!important;max-height:calc(100dvh - 76px)!important}.party-chat ol{height:150px}}
@media(prefers-reduced-motion:reduce){.party-badge{transition:none}.shorts-feed{scroll-behavior:auto}}
.settings-sections>button[aria-current=true]{color:white!important}.settings-sections>button[aria-current=true]:after{background:white!important}.preference-segments .segment-marker{background:#ffffff24!important;box-shadow:inset 0 1px 0 #ffffff14}.settings-content .preference-trigger{background:#ffffff0b!important;border-color:#ffffff1a!important}.preference-options button[aria-selected=true]{background:#ffffff12!important}
.shorts-media>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}.shorts-media>.trailer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shorts-media>.trailer-poster[hidden]{display:none}.short-label{z-index:2}.short-play-overlay{z-index:3}
.stream-source-entry>.source-signal{position:static!important;margin-left:auto!important;transform:none!important}.shorts-media iframe{min-width:200px;min-height:200px}
.source-directory .browse-heading{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px}.source-directory .browse-heading h1{flex:1;margin:0}.source-directory .browse-heading>a{flex:none;margin:0}
.party-panel.is-joined .party-intro{display:none}.party-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.party-panel .party-controls .stream-menu-row{width:100%!important;margin:0!important;display:flex!important}.party-panel .party-controls [hidden]{display:none!important}.party-badge{transform:none!important}.party-chat{flex-shrink:0}.party-panel{gap:10px}.party-panel>header{margin:0}
.stream-heading [data-provider-risk]{display:none!important}.stream-player .party-launch,.player-dialog .party-launch{font:500 12px/18px var(--spex-font)!important;overflow:hidden;justify-content:center;max-width:150px}.stream-player .party-launch,.stream-player .party-badge{right:20px!important}.stream-heading .stream-identity{min-width:0;max-width:calc(100% - 120px)}.stream-heading .stream-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media(max-width:700px){.stream-player .party-launch>span,.player-dialog .party-launch>span{display:none!important}.stream-player .party-launch{width:34px!important;padding:8px!important}}
/* Keep trailer metadata and navigation outside the embedded player surface. */
.trailer-shorts .short-entry{align-items:stretch;overflow:hidden}.trailer-shorts .shorts-media{height:auto!important;inset:auto!important;flex:1;min-height:200px}.trailer-shorts .shorts-meta{position:relative!important;inset:auto!important;flex:none;width:100%;box-sizing:border-box;z-index:2;margin:0!important}.trailer-shorts .shorts-heading{gap:12px;flex-wrap:nowrap}.trailer-shorts .shorts-heading>div:first-child{flex:1;min-width:80px}.trailer-shorts .shorts-navigation{position:static!important;display:flex;flex-direction:row!important;gap:6px;margin:0!important;flex:none}.trailer-shorts .shorts-navigation button{width:36px;height:36px;padding:0;border-radius:50%}.trailer-shorts [data-short-mute]{flex:none;white-space:nowrap}@media(max-width:700px){.trailer-shorts .shorts-heading{gap:8px}.trailer-shorts .shorts-navigation button{width:32px;height:34px}.trailer-shorts .shorts-heading h1{font-size:24px}.trailer-shorts [data-short-mute]{padding:8px 10px;font-size:11px;min-height:34px}.trailer-shorts .shorts-meta{padding:14px}.trailer-shorts .shorts-feed{height:calc(100dvh - 260px)}}
.trailer-shorts .shorts-media>.short-play-overlay{width:auto!important;height:auto!important;min-width:120px;max-width:calc(100% - 40px);display:block!important;white-space:normal;line-height:20px;box-sizing:border-box}.trailer-shorts .shorts-media>.short-play-overlay[hidden]{display:none!important}
.trailer-shorts .short-entry,.trailer-shorts .shorts-media,.trailer-shorts .shorts-meta{width:100%!important;max-width:none!important;box-sizing:border-box}.trailer-shorts .shorts-media{align-self:stretch}


.spex-english-hidden{display:none!important}