/* CINEMAN — graphite, muted teal, warm cinema gold. */
:root,html[data-theme="dark"]{--bg:#0b1115;--bg-deep:#080d10;--surface:#121c21;--surface-solid:#121c21;--surface-strong:#1e2b30;--ink:#f3f1e9;--muted:#a3b0b2;--accent:#dfbd80;--accent-strong:#f5d89e;--accent-soft:#dfbd8015;--teal:#8ac7bd;--gold:#dfbd80;--line:#a4b7b51c;--line-strong:#dfbd8055;--shadow:0 18px 50px #0004;--glow:none;color-scheme:dark}
body,body.player-open{background:var(--bg);color:var(--ink);font-family:"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.5}
html{background:var(--bg)}
.background-artwork,.scene-canvas,.ambient-grain,body::after{display:none!important}
.shell{max-width:1760px;padding:0 44px 64px 250px;min-height:100dvh}
.topbar,body.player-open .topbar{height:110px;min-height:110px;border-bottom:1px solid var(--line);margin-bottom:32px;background:var(--bg);box-shadow:none;padding:0;backdrop-filter:none}
.cineman-brand{position:fixed;left:max(30px,calc((100vw - 1760px)/2 + 30px));top:31px;display:flex;gap:11px;align-items:center;text-decoration:none;z-index:15}
.cineman-brand>img{width:39px;height:39px;filter:none}.cineman-brand>span{font-size:23px;font-weight:700;letter-spacing:.18em;line-height:1.1;color:var(--ink)}
.cineman-brand small{display:block;font-size:8px;letter-spacing:.14em;font-weight:500;margin-top:7px;color:var(--muted)}
.topbar-edition{font-size:10px;letter-spacing:.2em;color:var(--muted);margin:0}.topbar-edition>span{background:var(--teal);box-shadow:none}.topbar-edition em{color:var(--accent)}
.top-actions{margin-left:auto}.profile-button{background:var(--surface);border:1px solid var(--line);min-height:44px;color:var(--ink)}
.main-menu,body.player-open .main-menu{top:145px;left:max(28px,calc((100vw - 1760px)/2 + 28px));width:187px;gap:9px}
.nav-caption{font-size:10px;color:var(--muted);margin-bottom:16px}.menu-button{min-height:48px;font-size:13px;padding:12px;gap:12px;border-radius:9px}.menu-button small{display:none}.menu-button svg{width:19px;height:19px;flex-basis:19px}
.menu-button.active{background:var(--accent-soft);border-color:transparent;box-shadow:inset 3px 0 var(--accent);color:var(--accent)}.menu-button:hover{background:var(--surface-strong);color:var(--ink)}
.nav-foot{margin-top:46px;border-color:var(--line)}.nav-foot p{font:400 18px/1.6 Georgia,serif;color:var(--muted)}.nav-version{font-size:8px;color:var(--muted)}
.primary-button{min-height:44px;background:var(--accent);border-color:var(--accent);color:#152023;border-radius:7px;box-shadow:none;font-size:13px;font-weight:650;padding:12px 20px}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#152023;box-shadow:none;transform:translateY(-1px)}
.ghost-button,.icon-button{background:var(--surface);border-color:var(--line);color:var(--ink);border-radius:7px;min-height:44px}.ghost-button:hover,.icon-button:hover{background:var(--surface-strong);border-color:var(--line-strong);color:var(--accent)}.ghost-button.active{color:var(--accent);border-color:var(--accent)}
.muted,.watch-muted{color:var(--muted)}.section-kicker{font-size:10px;letter-spacing:.2em;color:var(--accent)}
.personal-home>h1{font-size:34px;line-height:1.25;font-weight:550;letter-spacing:-.035em;margin:10px 0}.personal-home>.muted{font-size:14px;margin-bottom:26px}.accent-dot{color:var(--accent)}
.home-cinema-banner,.cinema-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;isolation:isolate;min-height:354px;border:1px solid #9fae951f;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 80% 30%,#45645755,transparent 65%),linear-gradient(110deg,#172c30,#102126 60%,#27392f);padding:38px 42px;margin:0 0 36px;box-shadow:none}
.home-cinema-banner h2,.hero-copy h2{font:400 clamp(36px,3.5vw,62px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:18px 0;color:#f4f0df;max-width:600px}.home-cinema-banner h2 em,.hero-copy h2 em{color:#e4c589;font-weight:400}.home-cinema-banner p:not(.section-kicker),.hero-copy p:not(.hero-kicker){color:#bac8c4;font-size:14px;max-width:370px}.home-cinema-banner .hero-cta{margin-top:25px;gap:12px}.hero-cta .ghost-button{background:#ffffff06;border-color:#ffffff20;color:#efe8d7}
.banner-visual,.exhibition{height:280px;position:relative;display:grid;place-items:center}.cinema-orbit{position:relative;width:245px;height:245px;border-radius:50%;border:1px solid #d9c09238;display:grid;place-items:center;background:radial-gradient(circle,#d9c09209,transparent 70%);box-shadow:0 0 100px #b7a7730b}
.cinema-orbit::before,.cinema-orbit::after{content:"";position:absolute;border:1px solid #d9c09220;border-radius:50%;inset:22px}.cinema-orbit::after{inset:-25px;border-color:#d9c09215}.orbit-word{font:italic 175px/1 Georgia,serif;color:#d6bd8366;transform:translate(-6px,-4px)}.art-caption{position:absolute;bottom:-1px;font-size:8px;letter-spacing:.26em;color:#b6c1ac}
.home-section{margin-top:30px}.section-head h2{font-size:19px;font-weight:550}.home-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.home-video-link>img{aspect-ratio:2/3;object-fit:cover;width:100%;height:auto!important;border-radius:9px}.home-video-link h3{font-size:13px;margin:12px 0 3px}.home-video-link .muted{font-size:11px}.home-card{background:transparent;border:0;box-shadow:none}.home-card:hover{transform:translateY(-3px);box-shadow:none}.home-section .muted{font-size:13px}
.home-grid>.muted{grid-column:1/-1;margin:0;padding:24px;border:1px dashed var(--line);border-radius:9px;width:100%}
.cinema-types{display:flex;gap:8px;align-items:center;padding:0 0 22px}.cinema-types>button{background:none;border:1px solid transparent;border-radius:7px;min-height:44px;padding:10px 19px;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.cinema-types>button.active{color:var(--ink);background:var(--surface-strong);border-color:var(--line)}.cinema-types>span{font-size:9px;color:var(--muted);letter-spacing:.18em;margin-left:auto}
.cinema-hero{min-height:330px;padding:32px 38px}.hero-copy .hero-kicker{font-size:9px;color:var(--accent)}.hero-stats strong{color:#e5d3ad;font:500 23px/1.2 "Segoe UI",sans-serif}.hero-stats em{font-size:10px;color:#b6c3bf}.hero-posters:has(.cinema-orbit){display:grid;place-items:center;transform:none}.exhibition-caption,.gallery-orbit{display:none}
.gallery-art{border-radius:8px;border-color:#c6b48744;aspect-ratio:2/3;background:var(--surface);width:clamp(105px,10vw,170px)}.gallery-art img{border-radius:7px}.gallery-art-caption{background:linear-gradient(transparent,#081114);border-radius:7px}.gallery-art:nth-child(1){--fan-x:-135px}.gallery-art:nth-child(5){--fan-x:135px}
.toolbar{background:var(--surface);border-color:var(--line);border-radius:9px;padding:14px;box-shadow:none;gap:12px}.search-box{background:var(--bg);border-color:var(--line);border-radius:7px;min-height:48px}.search-box input{color:var(--ink);font-size:14px}.select-box{color:var(--muted)}.select-box select{color:var(--ink);background:var(--surface);border-color:var(--line);font-size:13px}.toolbar-actions .shuffle-button{border-color:var(--line);background:var(--surface-strong);color:var(--accent);min-height:44px}.quick-filters .ghost-button{font-size:12px}.library-head h1,.library-head h2{font-size:24px;font-weight:550}.library-head p{font-size:12px}
.video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.video-card{border:0;border-radius:9px;background:transparent;box-shadow:none;overflow:visible}.video-card:hover{box-shadow:none;transform:translateY(-3px);background:transparent}.video-card .preview{aspect-ratio:2/3;border-radius:9px;overflow:hidden;background:var(--surface)}.preview-poster{object-fit:cover;filter:none!important}.fallback-poster{object-position:center}.video-copy{padding:12px 0!important}.video-copy h3{font-size:14px;line-height:1.4}.video-folder{display:none}.video-meta{font-size:11px;color:var(--muted)}.rating-text{color:var(--muted)}.star-button{color:#657273}.star-button.active{color:var(--accent)}.favorite-chip.active{background:#29433b;color:#cae5d8}.duration-badge{background:#071015d9;font-size:10px}.tag-chip{background:var(--surface);border-color:var(--line);color:var(--muted)}
.video-grid.list-view{grid-template-columns:1fr}.video-grid.list-view .preview{aspect-ratio:16/9}.video-grid.list-view .video-card{background:var(--surface);border:1px solid var(--line)}.video-grid.list-view .video-copy{padding:16px!important}
.category-card{background:var(--surface);border-color:var(--line);box-shadow:none}.category-card:hover{border-color:var(--line-strong)}.category-media{aspect-ratio:4/3}.category-copy{color:var(--ink)}
.access-gate{min-height:calc(100dvh - 180px);padding:40px 24px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:transparent;border:0;box-shadow:none;gap:30px}.access-copy h1{font:400 clamp(40px,4.5vw,74px)/1.12 Georgia,serif;letter-spacing:-.045em;color:var(--ink);margin:25px 0}.access-copy h1 em{color:var(--accent);font-weight:400}.access-copy>p:not(.section-kicker){color:var(--muted);max-width:460px;font-size:16px;line-height:1.9}.access-copy small{display:block;margin-top:18px;color:var(--muted)}.access-art{height:350px;display:grid;place-items:center;position:relative;transform:none}.access-art .cinema-orbit{width:280px;height:280px}.access-art .orbit-word{font-size:200px}
.auth-shell{background:#050b10b8;backdrop-filter:blur(12px)}.auth-dialog,.auth-card,.feature-dialog,.remote-dialog{background:var(--surface-solid);border:1px solid var(--line-strong);color:var(--ink);box-shadow:0 35px 100px #0008;border-radius:14px}.feature-dialog::backdrop,.remote-dialog::backdrop{background:#02080dbb;backdrop-filter:blur(5px)}
input,select,textarea{color:var(--ink);background:var(--bg);border-color:var(--line-strong)}input::placeholder,textarea::placeholder{color:var(--muted)}select option{background:var(--surface-solid);color:var(--ink)}
.cinema-track-row{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.cinema-track-row label{display:grid;gap:5px;min-width:150px;max-width:100%;font-size:12px;color:var(--muted)}.cinema-track-row select{border:1px solid var(--line-strong);border-radius:6px;min-height:44px;padding:8px;max-width:280px;font-size:13px}.cinema-player-tools{margin-top:12px;padding:16px}.cinema-player-tools .muted{margin:10px 0 0;font-size:12px}.preparation-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}#cinemaProgress{width:100%;height:7px;accent-color:var(--accent)}.episode-context{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.episode-context>span{color:var(--accent);font-size:10px;letter-spacing:.15em}
.watch-card,.profile-section,.watch-editor,.watch-information,.watch-queue{background:var(--surface);border-color:var(--line);box-shadow:none}.watch-stage{background:#000;border-color:var(--line);border-radius:10px}.watch-stage video{max-height:75vh}.watch-header h1{font-size:28px}.watch-actions{gap:10px}.watch-folder{color:var(--accent)}.watch-queue-item{background:var(--bg);border-color:var(--line)}.watch-queue-item.active{border-color:var(--accent)}
#playerShell:fullscreen{background:var(--bg);overflow-y:auto;padding:15px;display:block}#playerShell:fullscreen video{height:calc(100dvh - 210px);width:100%;object-fit:contain}
.admin-maintenance,.facets,#addBookmark,#videoBookmarks,#allBookmarks{display:none!important}
.cinema-form{display:grid;gap:17px}.cinema-form label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.cinema-form input,.cinema-form select,.cinema-form textarea{width:100%;border:1px solid var(--line-strong);border-radius:7px;min-height:44px;padding:10px 12px;font:inherit;color:var(--ink)}.cinema-form input[type=file]{padding:10px;font-size:12px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}#seriesFields{display:grid;gap:15px}.cinema-dialog{width:min(620px,calc(100vw - 28px));max-height:90dvh;padding:24px}.cinema-dialog .dialog-heading{margin-bottom:24px}#cinemaDialogError{color:#ffb3a7;font-size:13px}
.series-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.series-heading h2{font-size:24px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 28px}.series-card{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid var(--line);background:var(--surface);padding:12px;border-radius:9px;color:var(--ink);min-width:0;cursor:pointer}.series-card:hover{border-color:var(--line-strong)}.series-card img{width:65px;height:90px;object-fit:cover;border-radius:5px}.series-card>span{min-width:0}.series-card strong{display:block;font-size:15px;overflow-wrap:anywhere}.series-card small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.series-card>span:last-child{margin-left:auto;color:var(--accent)}.season-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.cinema-empty{padding:26px 0 30px;color:var(--muted)}.cinema-empty h2{color:var(--ink);font-size:24px}.cinema-empty code{color:var(--accent)}
.empty-state{border:1px dashed var(--line);border-radius:12px;padding:48px 24px;background:var(--surface);color:var(--muted)}.empty-state h2{color:var(--ink)}
html[data-theme="light"]{--bg:#f2f1eb;--bg-deep:#e9ebe3;--surface:#fafaf6;--surface-solid:#fafaf6;--surface-strong:#e4e9e2;--ink:#18282a;--muted:#566867;--accent:#856024;--accent-strong:#654414;--accent-soft:#85602412;--teal:#32695f;--gold:#856024;--line:#26423a24;--line-strong:#85602455;color-scheme:light}
html[data-theme="light"] body,html[data-theme="light"] body.player-open{background:var(--bg)!important;color:var(--ink)}html[data-theme="light"] .primary-button{background:#dcc18e;color:#172521;border-color:#d1b378}html[data-theme="light"] .home-cinema-banner .primary-button,html[data-theme="light"] .cinema-hero .primary-button{color:#162823}html[data-theme="light"] .cineman-brand span{color:var(--ink)}html[data-theme="light"] .profile-section,html[data-theme="light"] .watch-card{background:var(--surface);color:var(--ink)}
@media(min-width:1700px){.video-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1200px){.shell{padding-left:217px;padding-right:28px}.main-menu,body.player-open .main-menu{width:164px;left:24px}.cineman-brand{left:25px}.cineman-brand>span{font-size:20px}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-cinema-banner,.cinema-hero{padding:30px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.shell{padding:0 22px 105px}.topbar,body.player-open .topbar{min-height:86px;height:86px;margin-bottom:25px}.cineman-brand{position:static}.topbar-edition{display:none}.main-menu,body.player-open .main-menu{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;display:flex;flex-direction:row;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface-solid);border-top:1px solid var(--line);gap:4px;z-index:30;backdrop-filter:blur(20px)}.menu-button{width:auto;flex:1;flex-direction:column;min-height:52px;font-size:10px;padding:6px 3px;gap:4px;white-space:nowrap}.menu-button.active{box-shadow:none}.nav-caption,.nav-foot{display:none}.home-cinema-banner,.cinema-hero{min-height:320px}.home-cinema-banner h2,.hero-copy h2{font-size:42px}.cinema-orbit{width:185px;height:185px}.orbit-word{font-size:135px}.access-gate{min-height:calc(100dvh - 210px);padding:30px 0}.access-art .cinema-orbit{width:190px;height:190px}.access-art .orbit-word{font-size:140px}.access-copy h1{font-size:45px}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cinema-types>span{display:none}}
@media(max-width:600px){.shell{padding:0 16px 110px}.cineman-brand>span{font-size:20px}.cineman-brand small{font-size:7px}.cineman-brand>img{width:34px;height:34px}.profile-button{padding:9px 12px;font-size:12px}.personal-home>h1{font-size:28px}.home-cinema-banner,.cinema-hero{grid-template-columns:1fr;min-height:320px;padding:28px 24px;margin-bottom:28px}.home-cinema-banner h2,.hero-copy h2{font-size:44px;position:relative;z-index:1}.banner-visual,.exhibition{position:absolute;right:-96px;top:22px;opacity:.25;width:260px;pointer-events:none;z-index:-1}.art-caption{display:none}.home-cinema-banner .hero-cta{flex-direction:column;align-items:flex-start}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.cinema-types{padding-bottom:18px}.cinema-types>button{padding:9px 17px;font-size:13px}.access-gate{grid-template-columns:1fr;min-height:calc(100dvh - 180px);gap:0}.access-art{display:none}.access-copy h1{font-size:45px}.access-copy>p:not(.section-kicker){font-size:15px}.series-grid{grid-template-columns:1fr}.series-heading h2{font-size:21px}.cinema-track-row{gap:10px}.cinema-track-row label{flex:1;min-width:110px}.cinema-track-row select{max-width:100%;width:100%}.cinema-track-row>button{font-size:12px}.cinema-dialog{padding:18px}.form-pair{gap:10px}.menu-button{font-size:9px}.watch-header h1{font-size:23px}.hero-stats{gap:15px}.top-actions{gap:8px}}
.topbar,body.player-open .topbar{margin-left:0;margin-right:0}
.main-menu,body.player-open .main-menu{transform:none}
.admin-tools,.admin-user,.admin-care,.floating-player,.card-menu,.card-menu-inline{background:var(--surface-strong);border-color:var(--line)}
.cinema-card-subtitle{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.cineman-brand{gap:8px}.cineman-brand>img{width:42px;height:42px;object-fit:contain}.cineman-brand>span{font-size:20px;letter-spacing:.07em}.cineman-brand small{font-size:7px;letter-spacing:.09em}
.cineman-emblem{width:78%;height:78%;object-fit:contain;position:relative;z-index:1}
.access-art .cinema-orbit>img.cineman-emblem{position:relative;inset:auto;width:78%;height:78%;aspect-ratio:1;object-fit:contain;border:0;border-radius:0;box-shadow:none;transform:none}
.poster-upload-button{font-size:12px;padding:8px 10px;min-height:44px}.card-actions{flex-wrap:wrap}
.poster-upload-preview{width:150px;aspect-ratio:2/3;object-fit:cover;border-radius:9px;background:var(--bg);justify-self:center}
.home-poster-button{margin-top:10px;font-size:12px;min-height:44px}
@media(max-width:900px){.shell{padding-top:env(safe-area-inset-top);padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}.cineman-brand>span{font-size:19px}.cineman-brand>img{width:38px;height:38px}}
@media(max-width:600px){.shell{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.cineman-brand>span{font-size:18px}.cineman-brand>img{width:36px;height:36px}.cinema-form input,.cinema-form select,.cinema-form textarea{font-size:16px}}
.video-stats>span:nth-child(1),.video-stats>span:nth-child(3){display:none}
.delete-video-button{display:none}
.watch-stage{outline:none!important}.watch-actions .active{background:#284039!important;border-color:#577c6b!important;color:#e0e8cc!important;box-shadow:none!important}
.swipe-track,.toast,.playback-tools select{background:var(--surface-strong);border-color:var(--line-strong);color:var(--ink)}input[type=range],input[type=checkbox]{accent-color:var(--accent)}
.hero-stats{position:static;flex-direction:row}.hero-stats>span{min-width:0}
@media(max-width:600px){.hero-stats{display:none}.hero-copy{max-width:100%}.cinema-hero .hero-cta{position:relative;z-index:2}}
@media(max-width:900px){.main-menu,body.player-open .main-menu{border-radius:0;transform:none;box-shadow:none}.main-menu .menu-button span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
