/* Crimson cinema: image-led surfaces and a small, consistent set of controls. */
:root{color-scheme:dark;--bg-base:#0b0c0f;--bg-surface:#15161b;--bg-card:transparent;--text-main:#f3f3f5;--text-muted:#9a9ba5;--border:#292a32;--accent:#ff5368;--accent-hover:#ff7181;--accent-solid:#c91d36}
body{background:var(--bg-base);color:var(--text-main)}
header{height:68px;background:#0b0c0ff2;border-bottom:1px solid #ffffff09;padding:0 26px}
.logo{font-family:Inter,'Segoe UI',sans-serif;font-size:25px;font-weight:750;letter-spacing:-1.3px;min-width:142px}.brand-mark{border:0;border-radius:5px;background:var(--accent-solid);color:#fff;width:27px;height:29px;font-size:10px}.logo span{color:var(--accent)}
.search-box{max-width:490px;background:#15161b;border:1px solid #272830;border-radius:6px;padding:2px 4px 2px 12px}.search-box input{color:var(--text-main);font-size:12px;padding:8px}.search-box input::placeholder{color:#8e8f99}.search-box button{background:#24252d;color:#ededf1;padding:8px 12px}.sidebar-toggle,.privacy-shortcut{color:var(--text-muted)}
.sidebar{top:68px;background:var(--bg-base);border-color:#ffffff09}.sidebar-toggle:hover,.nav-link:hover{background:#191a20}.nav-link{color:#a0a1ab}.nav-link.active{color:var(--accent);background:#c91d3614}.side-note button{color:var(--text-muted)}
.hero{height:380px;padding:32px 36px;background-position:center 30%}.hero::after{background:linear-gradient(90deg,#0b0c0ff2 0%,#0b0c0f85 43%,#0b0c0f10 78%),linear-gradient(0deg,#0b0c0f,transparent 65%)}.hero-content{max-width:490px}.hero-kicker{font-size:9px;letter-spacing:2.5px;margin-bottom:14px;color:var(--accent)}.hero-title{font-size:clamp(32px,4.1vw,54px);line-height:1.05;max-width:490px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px;color:#fff}.hero-desc{display:none}.hero-meta{font-size:10px;letter-spacing:.8px;color:#b2b3bc;margin-top:15px}
.btn-primary,.hero .btn-primary{background:var(--accent-solid);color:#fff;border-radius:5px;font-size:12px;padding:10px 19px}.btn-primary:hover,.hero .btn-primary:hover{background:#e52b45}.btn-secondary,.back-btn,.server-btn{background:#1d1e25;color:#d3d4dc;border-radius:5px}.btn-secondary:hover,.back-btn:hover,.server-btn:hover{background:#292a33}
.container{padding-left:26px;padding-right:26px}.genre-bar{background:var(--bg-base);border-color:#ffffff09;padding:12px 26px;gap:19px;margin-bottom:24px}.genre-pill{color:var(--text-muted);font-size:11px;white-space:nowrap}.genre-pill.active,.genre-pill:hover{color:var(--accent);border-color:var(--accent)}
.section-title{font-family:Inter,'Segoe UI',sans-serif;font-size:19px;font-weight:600;letter-spacing:-.4px}.section-header{margin-bottom:15px;gap:12px}.grid{gap:23px 18px}.thumb{border-radius:5px;background:#191a20}.thumb-badge{font-size:8px;background:#0b0c0fcc;bottom:8px;right:8px}.card:hover{transform:translateY(-2px)}.card-body{padding:9px 0 0}.card-title{font-size:12px;color:#e2e2e8;font-weight:550;min-height:18px}.card-meta{color:#999aa5;font-size:10px;gap:5px;margin-top:3px}.card-reason{display:none}
.card-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;padding-top:5px;opacity:1}.card-actions>button,.card-menu>summary{width:30px;height:30px;min-height:30px;display:grid;place-items:center;padding:0!important;border:0;background:transparent;border-radius:4px;color:#a2a3ae!important;font:500 19px/1 Inter,'Segoe UI',sans-serif;cursor:pointer}.card-actions>button:hover,.card-menu>summary:hover{background:#22232b;color:#fff!important}.card-actions>button[aria-pressed=true]{color:var(--accent)!important;background:#c91d3612}.card-menu{position:relative}.card-menu>summary{list-style:none;letter-spacing:1px}.card-menu>summary::-webkit-details-marker{display:none}.card:has(.card-menu[open]){z-index:40;position:relative}.card-menu-items{position:absolute;top:33px;left:0;min-width:142px;padding:5px;background:#1b1c23;border:1px solid var(--border);border-radius:6px;box-shadow:0 10px 30px #0008;z-index:50}.card-menu-items button{display:block;width:100%;text-align:left;font-size:12px;min-height:34px;padding:8px 10px;color:#c4c5ce}.card-menu-items button:hover{background:#292a32;border-radius:3px}.card-menu-items button[aria-pressed=true]{color:var(--accent)}
#continue-grid:not(.expanded){grid-auto-columns:calc((100% - 54px)/4);gap:18px}#continue-grid .card-title{font-size:12px}.resume-position{font-size:10px;color:var(--text-muted);margin:5px 0}.library-note,#series-update-status{font-size:12px;color:var(--text-muted)}#series-update-status:empty{display:none}#library-export-note,#watched-section>.library-note{display:none}#export-library,#continue-expand,#series-refresh{background:transparent;color:#babac5;font-size:11px;padding:8px}#export-library:hover,#continue-expand:hover,#series-refresh:hover{color:#fff;background:#1d1e25}.series-update h3{font-size:13px}.series-update p{font-size:11px}.series-update button{font-size:11px;padding:8px 10px}
.card-preview{background:#14151a;border-color:#37313b;box-shadow:0 18px 55px #000b}.preview-gallery{background:#202128}.preview-gallery-controls{background:#0b0c0fd9}.preview-content h2{font-size:20px;color:#f5f5f7}.preview-summary,.preview-content dd{color:#b7b8c3}.preview-genres,.preview-kind{color:var(--accent)}.preview-overview,.preview-full-overview{color:#c8c9d2}.preview-expanded>summary,.preview-content dt,.preview-note{color:#989aa8}.preview-content>.btn-primary{padding:8px 13px}
.privacy-dialog,.settings-tray{background:#15161b;color:#f3f3f5;border-color:var(--border)}.privacy-dialog p,.privacy-dialog small{color:#b2b3c0}.privacy-dialog h2{color:#f3f3f5}.episode-row{border-color:var(--border)}.series-dialog{max-width:580px}.series-dialog button{font-size:11px}.series-dialog .library-note{font-size:11px}.series-bulk-actions{margin:12px 0}.episode-row{padding:10px 0;font-size:12px}
#det-title{font-size:32px;color:#f4f4f6;letter-spacing:-.5px}.details-layout{padding:18px 0}.details-poster{width:105px!important}.details-content{gap:20px}.tag{background:#1c1d24;border:0;color:#a9aab5;font-size:10px}.title-synopsis{font-size:12px;color:#b5b6c0;margin:12px 0}.title-synopsis>summary{cursor:pointer;width:fit-content}.overview{font-size:12px;line-height:1.6;color:#b5b6c0;margin:8px 0}.btn-group{gap:8px}.btn-group button{font-size:11px;padding:9px 13px}.controls-bar{border-color:#272831}#playback-status,#resume-note{color:#a7a8b4;font-size:11px}select{background:#1d1e25;color:#dddde5;border-color:var(--border)}#download-note{font-size:10px;color:var(--text-muted)}
@media(max-width:1150px){#continue-grid:not(.expanded){grid-auto-columns:calc((100% - 36px)/3)}.hero{height:350px}.hero-title{font-size:43px}}
@media(max-width:850px){.hero{height:330px}.hero-title{font-size:38px}#continue-grid:not(.expanded){grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:700px){header{height:62px;padding:0 28px 0 14px}.logo{min-width:0;font-size:22px}.brand-mark{width:22px;height:25px;font-size:9px}.search-box{max-width:none;padding-left:5px}.search-box input{font-size:11px;padding:7px}.search-box button{padding:7px 9px;font-size:10px}.sidebar{top:auto;bottom:0;background:#101116;height:62px}.nav-link.active{background:#c91d3614}.privacy-shortcut{top:23px}.container{padding-left:16px;padding-right:16px}.hero{height:320px;padding:24px 20px}.hero-title{font-size:35px;max-width:310px}.hero::after{background:linear-gradient(90deg,#0b0c0fda,#0b0c0f20),linear-gradient(0deg,#0b0c0f,transparent)}.genre-bar{padding:10px 16px;gap:18px;margin-bottom:21px}.section-title,#series-updates-title{font-size:18px}.card-actions>button,.card-menu>summary{width:34px;height:34px;min-height:34px}.grid{gap:19px 12px}.card-title{font-size:12px}.card-menu-items{top:37px;left:auto;right:0}.card-meta{font-size:9px}.details-content{gap:12px}#det-title{font-size:29px}.preview-gallery{height:140px}.nav-label{font-size:9px}}
@media(max-width:440px){#continue-grid:not(.expanded){grid-auto-columns:78%}.hero{height:300px}.hero-title{font-size:32px}.card-menu-items{min-width:130px}.series-dialog{padding:18px}.series-bulk-actions{gap:6px}}
.card:hover{transform:none}.card-menu-items{position:fixed;right:auto;width:150px;min-width:150px}.card-menu>summary:focus-visible,.preview-expanded>summary:focus-visible,.title-synopsis>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.search-box input{flex:1;min-width:0}.search-box button{flex-shrink:0}#continue-grid,#series-updates-grid,.genre-bar{scrollbar-width:thin;scrollbar-color:#353640 transparent}@media(pointer:coarse){.card-actions>button,.card-menu>summary{width:42px;height:42px;min-height:42px}.card-menu-items button{min-height:42px}}
.logo{border:0;background:none;color:var(--text-main);padding:0;gap:0;text-align:left;cursor:pointer}.genre-bar{padding:0 0 12px;margin:0 0 20px;gap:18px}.genre-select{display:none}.series-save-bar{position:sticky;bottom:-30px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--bg-surface);padding:14px 0;border-top:1px solid var(--border);margin-top:12px}.series-save-bar span{font-size:11px;color:var(--text-muted)}.series-save-bar button{white-space:nowrap;min-height:40px}.series-dialog>.section-header{position:sticky;top:-30px;background:var(--bg-surface);z-index:2;padding:10px 0}.series-dialog .episode-row{min-height:46px}.series-dialog .series-bulk-actions{margin-bottom:8px}
@media(max-width:700px){.genre-bar{overflow:visible;padding:0;margin-bottom:18px;border:0}.genre-bar>.genre-pill{display:none}.genre-select{display:block;width:100%;min-height:42px;border:1px solid var(--border);padding:8px 12px;font-size:12px}.series-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:18px}.series-dialog>.section-header{top:-18px;gap:12px}.series-dialog .section-header h2{font-size:22px}.series-dialog .library-note{font-size:11px;margin-bottom:10px}.series-dialog select{width:100%;min-height:42px}.series-dialog .season-label{margin-top:12px}.series-dialog .series-bulk-actions button{width:100%;min-height:42px}.series-save-bar{bottom:-18px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.series-save-bar button{min-height:44px}#source-picker{width:100%;display:grid;grid-template-columns:1fr auto}#source-select{width:100%;max-width:none;min-width:0}#tv-organizer{width:100%;display:grid!important;grid-template-columns:1fr 1fr}#tv-organizer[style*="display: none"]{display:none!important}#tv-organizer select{min-width:0;max-width:100%;min-height:42px}#episode-watched{grid-column:1/-1;min-height:42px}.controls-bar{gap:10px}.nav-links{padding-bottom:env(safe-area-inset-bottom)}}
