/* Samkaal cinema palette — black, white and a decisive red accent. */
:root {
  --bg: #0b0b0b;
  --surface: #191919;
  --line: #303030;
  --muted: #ababab;
  --text: #f5f5f1;
  --accent: #e50914;
  --accent-hover: #f52b35;
  --accent-ink: #fff;
  --accent-text: #ff6971;
}
body { background: var(--bg); }
.sidebar { background: #101010; border-color: #272727; }
.brand img { box-shadow: none; }
.brand span { color: #fff; font-weight: 700; }
.brand small, .nav-label { color: #8f8f8f; }
.nav-item { color: #b8b8b8; position: relative; }
.nav-item:hover { background: #202020; color: #fff; }
.nav-item.active { background: #241214; color: #fff; }
.nav-item.active::before { content: ''; position: absolute; left: 0; top: 11px; bottom: 11px; width: 3px; border-radius: 2px; background: var(--accent); }
.nav-item.active svg, .nav-item.active::after { color: var(--accent); }
.topbar { background: rgb(11 11 11 / .94); backdrop-filter: blur(14px); border-color: #262626; }
.breadcrumb, .search-box, .search-box input, .nav-label { color: #aaa; }
.search-box { border-color: #3b3b3b; background: #151515; }
.search-box input { color: #f5f5f5; }
.search-box kbd { border-color: #444; }
.profile { background: #242424; color: #fff; border: 1px solid #505050; }
.add-button { border-color: #505050; }
.small-star, .manifesto .asterisk { color: var(--accent); }
.member-link { border-color: #383838; color: #eee; }
.preview-label { color: #999; }
.preview-label span { background: var(--accent); }
.welcome h1 { color: #fff; font-weight: 700; }
.welcome p { color: #aaa; }
.edition { color: #aaa; }
.hero { gap: 16px; }
.hero-feature { min-height: 425px; padding: 38px; background: #171111; color: #fff; border: 1px solid #353030; border-radius: 10px; }
.hero-feature::before {
  background: linear-gradient(90deg, #101010fa 0%, #101010ed 37%, #10101035 100%), linear-gradient(0deg, #090909d9, transparent 65%), url('assets/news.jpg') center right / cover;
  filter: saturate(.15);
}
.hero-feature::after { inset: 0; border: 0; border-radius: 0; width: 4px; background: var(--accent); }
.hero-content { max-width: 91%; }
.hero-feature .feature-label { color: #fff; font-size: 9px; letter-spacing: 1.8px; }
.feature-label b { color: var(--accent); }
html[lang='en'] .hero-feature h2 { font-size: clamp(34px, 3.55vw, 55px); font-weight: 700; line-height: 1.05; letter-spacing: -1.8px; color: #fff; }
.hero-feature p { color: #dedede; }
.hero-feature .hero-actions small { color: #b6b6b6; }
.button { min-height: 40px; border-radius: 5px; transition: background-color .18s, border-color .18s, transform .18s; }
.primary, .hero-feature .primary { background: var(--accent); color: #fff; }
.primary:hover, .hero-feature .primary:hover { background: #c90812; }
.primary svg { color: #fff; }
.secondary { border-color: #666; color: #f2f2f2; background: #ffffff08; }
.secondary:hover { background: #ffffff15; border-color: #999; }
.hero-pager i { background: #ffffff45; }
.hero-pager i:first-child { background: var(--accent); }
.mini-feature, .mini-feature.blue { background: #171717; border: 1px solid #323232; border-radius: 10px; }
.mini-feature::before { background: linear-gradient(90deg, #101010ed, #10101035), url('assets/library.jpg') center / cover; opacity: .9; }
.mini-feature.blue::before { background: linear-gradient(90deg, #101010e8, #10101030), url('assets/camera.jpg') center / cover; }
.mini-feature h3 { color: #fff; font-weight: 700; }
.mini-feature .eyebrow, .mini-feature .text-link { color: #e4e4e4; }
.mini-feature .corner-arrow { color: #fff; }
.mini-feature:hover { border-color: #686868; }
.topic { border-color: #3c3c3c; color: #c7c7c7; background: #151515; }
.topic:hover { background: #252525; border-color: #666; }
.topic.active { background: var(--accent); border-color: var(--accent); color: #fff; }
.section-heading h2 { font-weight: 700; color: #f5f5f5; }
.section-heading h2 span { color: #999; }
.text-link, .eyebrow, .yearly-saving, .member-meta, .request-received { color: var(--accent-text); }
.text-link:hover { color: #fff; }
.thumbnail { border-radius: 7px; background: #222; transition: transform .2s, box-shadow .2s; }
.thumbnail:hover { transform: translateY(-3px); box-shadow: 0 12px 25px #0008; }
.thumbnail::before { background: linear-gradient(90deg, #111111e8, #11111138), var(--photo) center / cover; }
.thumbnail.blue::before { background: linear-gradient(90deg, #191919e8, #19191945), var(--photo) center / cover; }
.thumbnail .thumb-image { opacity: 1; }
.thumbnail:has(.thumb-image)::after { background: linear-gradient(0deg, #0008, transparent 55%); }
.card-details h3 { color: #f2f2f2; }
.card-creator, .card-meta { color: #aaa; }
.card-meta .format { color: #ccc; }
.creator-tile, .creator-profile-card, .collection-card, .plan, .stat-card { background: #151515; border-color: #303030; }
.creator-tile:hover, .creator-profile-card:hover { border-color: #737373; }
.avatar { color: #171717; }
.profile-banner, .collection-overview, .studio-banner, .panel-form, .settings-card, .feedback-card { background: #181818; border-color: #3a3a3a; }
.studio-banner p, .profile-banner p, .watch-description, .plan ul { color: #bdbdbd; }
.player { background: #000; border-color: #393939; }
.player mux-player { --controls-backdrop-color: transparent; }
.player-empty p { color: #bdbdbd; }
.membership-hero { background: radial-gradient(ellipse at right top, #72131a55, transparent 65%), #171717; border-color: #653037; }
.membership-hero p, .member-status p { color: #ccc; }
.membership-orbit { color: var(--accent); opacity: 1; }
.member-status { background: #201516; border-color: #71333a; }
.plan.highlight { background: linear-gradient(155deg, #351316, #171717 75%); border-color: var(--accent); }
.stat-card strong, .billing-total { color: var(--accent-text); }
.info-panel, .management-tabs button, .credit-editor, .episode-credits a { border-color: #3a3a3a; }
.studio-tabs { border-color: #333; }
.studio-tabs button { color: #aaa; }
.studio-tabs button.active, .studio-tabs [aria-checked='true'] { color: #fff; border-color: var(--accent); }
.upload-panel { background: #191919; border-color: #666; }
.upload-panel .note, .upload-file-label, #upload-status { color: #bbb; }
.upload-file-label input[type='file'], form input, form select, form textarea, .page-toolbar select { background: #111; border-color: #474747; color: #eee; }
.upload-file-label input::file-selector-button { background: var(--accent); color: #fff; }
#upload-progress progress, #upload-progress progress::-webkit-progress-bar { background: #333; }
#upload-progress progress::-webkit-progress-value { background: var(--accent); }
progress { accent-color: var(--accent); }
form > label, .form-row > label { color: #ccc; }
dialog { background: #191919; border-color: #4d4d4d; box-shadow: 0 30px 100px #000b; }
dialog::backdrop { background: #000b; }
#toast { background: #242424; border-color: #777; color: #fff; }
#viewer-preview { background: #281416; border-color: #703039; color: #f2d4d7; }
.empty-state { border-color: #484848; }
.note { color: #aaa; }
.note strong { color: #d6d6d6; }
footer, footer > a { color: #aaa; }
@media (min-width:1550px) { .hero-feature { min-height: 470px; } }
@media (max-width:860px) { .hero-feature { min-height: 390px; padding: 30px; } }
@media (max-width:600px) {
  .hero-feature { min-height: 365px; padding: 26px 23px; }
  html[lang='en'] .hero-feature h2 { font-size: 35px; letter-spacing: -1.2px; }
  .hero-feature::before { background: linear-gradient(90deg, #101010f5, #1010109c), url('assets/news.jpg') center right / cover; }
  .hero-feature .feature-label { font-size: 8px; letter-spacing: 1.2px; }
  .mini-feature { padding: 17px; }
  html[lang='en'] .mini-feature h3 { font-size: 21px; }
  .section-heading { align-items: flex-start; }
}
.hero-feature, .hero-side, .mini-feature { min-width: 0; }
@media (max-width:600px) { .hero-actions { flex-wrap: wrap; } }
@media (max-width:360px) { html[lang='en'] .hero-feature h2 { font-size: 29px; letter-spacing: -.8px; } }

.card-guests{font-size:11px;font-weight:600;line-height:1.7;color:#eee;margin:0 0 4px;overflow-wrap:anywhere}.card-guest:hover{color:var(--accent-text)}

/* A quieter cinema identity, with the mobile browser treated as the main screen. */
:root{--bg:#101012;--surface:#1b1b1e;--line:#2d2d31;--text:#f1f0ed;--muted:#aaa9ad;--accent:#dd2635;--accent-hover:#ed3d49;--accent-text:#f18088}
html{scroll-padding-top:95px}body{line-height:1.6;-webkit-font-smoothing:antialiased}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.sidebar{background:#121214;border-color:#28282c}
.brand{margin:0 8px 38px;gap:0}.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.brand .wordmark{width:152px;height:auto;display:block}.brand small{font-size:10px;letter-spacing:.08em;margin:0;color:#a7a3a5}
.sidebar-bottom .small-star,.sidebar-bottom strong,.sidebar-bottom p{display:none}.sidebar-bottom{padding-top:22px}
.nav-item{min-height:46px;font-size:13px}.nav-item.active{background:#24191c}.nav-item.active::after{display:none}
.topbar{height:80px;background:#101012ed;border-color:#28282c}.search-box{height:40px;background:#1b1b1e;border-color:#343439}.search-box input{font-size:12px}
.mobile-brand,.mobile-nav{display:none}.footer-wordmark{width:88px;height:auto;display:block}
main{padding-top:28px}.button{min-height:46px;border-radius:7px;padding:11px 18px;font-size:13px}.secondary{background:#ffffff08;border-color:#515156}.primary:hover{background:var(--accent-hover)}
.home-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px}.home-heading>span:last-child{font-size:12px;color:var(--muted)}.home-heading .eyebrow{color:#b3afb3;letter-spacing:.17em;font-size:10px}
.cinema-hero{position:relative;isolation:isolate;overflow:hidden;min-height:440px;display:flex;align-items:center;background:#1b1719;border:1px solid #383034;border-radius:16px;margin-bottom:28px}
.cinema-art{position:absolute;z-index:-2;right:0;top:0;width:67%;height:100%;object-fit:cover;object-position:center;opacity:.82}
.cinema-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#181517 5%,#181517f2 33%,#18151752 70%,#18151714),linear-gradient(0deg,#181517b3,transparent 65%);pointer-events:none}
.cinema-copy{padding:44px;max-width:610px}.cinema-kicker{color:#cec3c7;font-size:10px;letter-spacing:.17em;display:flex;align-items:center;gap:10px}.cinema-kicker::before{content:'';width:20px;height:2px;background:#ed3340}
.cinema-copy h1{font-size:clamp(40px,4.5vw,65px);font-weight:700;line-height:1.05;letter-spacing:-.055em;margin:22px 0 18px;color:#f5f2ee;text-wrap:balance}
.cinema-copy>p{font-size:15px;color:#c2bdc0;line-height:1.7;max-width:320px;margin:0 0 24px}.cinema-actions{display:flex;flex-wrap:wrap;gap:10px}.cinema-actions .primary svg{fill:currentColor;stroke-width:1.3;width:18px;height:18px}
.cinema-credit{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:30px}.cinema-credit span{font-size:8px;letter-spacing:.16em;color:#a9a1a6}.cinema-credit strong{font-size:12px;font-weight:500;color:#ddd6db}
.topic-bar{gap:8px;margin:0 0 30px;scrollbar-width:none}.topic{border-radius:20px;min-height:40px;font-size:12px;padding:8px 16px;border-color:#343438;background:#18181b}.topic.active{background:#efede8;color:#19191b;border-color:#efede8}.topic:hover{border-color:#77747b}
.section-heading{margin-bottom:20px}.section-heading h2{font-size:22px;letter-spacing:-.035em;font-weight:600}.section-heading h2 span{font-size:11px;margin-left:14px;letter-spacing:0}.text-link{font-size:12px;color:#cac5cb}.text-link svg{width:16px;height:16px}.text-link:hover{color:#fff}
.video-grid{gap:28px 20px}.thumbnail{border-radius:10px}.thumbnail:hover{transform:translateY(-2px)}.thumbnail:has(.thumb-image) .sample-tag:not(.preview-status){display:none}
.card-details{padding-top:13px;gap:10px}.card-details h3{font-size:13px;line-height:1.7;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.card-guests{font-size:12px;font-weight:500;color:#d2ccd3;margin-bottom:3px}.card-creator{font-size:10px;color:#8f8a92}.card-meta{font-size:10px;color:#97929b}.save-button{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:7px}.save-button:hover{background:#ffffff0a}.save-button svg{width:18px;height:18px}
.content-section{margin-top:44px}.creator-strip{gap:14px}.creator-tile{padding:22px 10px;border-color:#2f2c32;background:#19181c;border-radius:12px}.creator-tile strong{font-size:12px;line-height:1.6}.creator-tile small{font-size:9px;line-height:1.5}.avatar{background:#29262d;color:#e2dbe4;font-weight:500}.avatar::after{border-color:#ffffff12}.creator-tile:hover,.creator-profile-card:hover{border-color:#65565e}
.quiet-membership{margin-top:46px;padding:28px 0 10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:22px}.quiet-membership .eyebrow{font-size:9px;color:#a8a0aa}.quiet-membership h2{font-size:24px;letter-spacing:-.04em;margin:8px 0}.quiet-membership p{font-size:12px;color:var(--muted);margin:0}
.page-intro h1{letter-spacing:-.04em}.creator-grid{gap:18px}.creator-profile-card{display:flex;flex-direction:column;align-items:flex-start;min-height:235px;padding:26px;border-radius:12px;background:#19181c;border-color:#302d33}.creator-profile-card .avatar{width:58px;height:58px;font-size:19px}.creator-profile-card h2{font-size:19px;font-weight:600;line-height:1.5;margin:18px 0 3px;letter-spacing:-.025em}.creator-native{font-size:11px;color:#a9a1ac;margin-bottom:8px}.creator-profile-card .text-link{margin-top:auto;padding-top:16px;min-height:40px}
.profile-banner{border-radius:12px;background:#1b191e;border-color:#383139}.watch-description{font-size:14px;line-height:1.9}.watch-title{font-size:26px;line-height:1.65}.watch-aside .card-details h3{font-size:12px}.player{border-radius:12px;border-color:#38353c}.directory-search input{min-height:46px;font-size:14px;border-radius:8px}
footer{border-color:#29262d;margin-top:18px;padding-top:28px;padding-bottom:30px;color:#a6a0a9}footer .text-link{font-size:10px}
@media(min-width:1550px){.cinema-hero{min-height:490px}.cinema-copy{padding:52px}}
@media(max-width:1180px){.brand .wordmark{width:139px}.cinema-copy{padding:34px}.cinema-copy h1{font-size:49px}.cinema-art{width:74%}.creator-tile{flex-direction:column;text-align:center;gap:0}.creator-tile strong{margin:12px 0 4px}.creator-tile small{margin:0;width:auto}}
@media(max-width:860px){
 html{scroll-padding-top:82px}.shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sidebar{padding-top:38px;width:232px}.brand .wordmark{width:152px}.sidebar-bottom{margin-top:34px}
 .topbar{height:72px;padding:0 18px;gap:8px}.mobile-brand{display:block;margin-right:auto;flex-shrink:0;line-height:0}.mobile-brand img{width:113px;height:auto}.topbar .icon-button{width:42px;min-height:44px;padding:10px;align-items:center;justify-content:center;flex-shrink:0}.topbar .icon-button svg{width:21px;height:21px}.topbar .icon-button span{font-size:28px;line-height:1}.topbar .profile{width:34px;height:34px}.topbar .add-button{display:none!important}
 .topbar .search-box{display:none}.topbar.search-open{height:auto;min-height:72px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.topbar.search-open .search-box{display:flex;order:10;flex:0 0 100%;height:46px;margin:2px 0 0;background:#252328;border-color:#504750}.search-box input{font-size:16px}.search-box kbd{display:none}
 .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:24;bottom:0;left:0;right:0;min-height:70px;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:#171619f5;border-top:1px solid #343036;backdrop-filter:blur(18px);gap:5px}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:#aaa3ad;font-size:10px;line-height:1.4;border-radius:8px}.mobile-nav svg{width:22px;height:22px;stroke-width:1.7}.mobile-nav a[aria-current='page']{color:#f6f0f5}.mobile-nav a[aria-current='page'] svg{color:#ef5360}.mobile-nav a:active{background:#ffffff0b}
 .cinema-copy h1{font-size:52px}.cinema-hero{min-height:445px}.home-heading>span:last-child{display:none}.home-heading{margin-bottom:14px}.section-heading h2{font-size:21px}
 #toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 36px)}
}
@media(max-width:600px){
 main{padding:20px 18px 30px}.topbar{padding-right:16px;padding-left:8px}.home-heading .eyebrow{font-size:9px;letter-spacing:.15em}
 .cinema-hero{min-height:465px;align-items:flex-end;border-radius:14px;margin-bottom:22px;background:#1b1519}.cinema-art{width:100%;height:64%;top:0;right:0;object-fit:cover;object-position:60% center;opacity:.95}.cinema-hero::after{background:linear-gradient(0deg,#1b1519 1%,#1b1519f7 31%,#1b15196b 66%,#1b151900 100%)}
 .cinema-copy{padding:25px 23px;width:100%;max-width:none}.cinema-kicker{font-size:8px;letter-spacing:.14em;color:#cfc0cb}.cinema-kicker::before{width:16px}.cinema-copy h1{font-size:44px;line-height:1.04;margin:14px 0 13px;letter-spacing:-.055em}.cinema-copy>p{font-size:13px;line-height:1.6;max-width:260px;margin-bottom:18px;color:#c7bcc6}.cinema-actions{gap:8px;flex-wrap:nowrap}.cinema-actions .button{font-size:12px;padding:10px 12px;min-height:45px;white-space:nowrap}.cinema-actions .button svg{width:16px;height:16px}.cinema-credit{margin-top:19px;gap:2px}.cinema-credit span{font-size:7px}.cinema-credit strong{font-size:11px}
 .topic-bar{margin-bottom:26px;margin-right:-18px;padding-right:18px;gap:7px}.topic{font-size:11px;min-height:40px;padding:9px 14px}.section-heading{gap:10px;margin-bottom:16px}.section-heading h2{font-size:20px;line-height:1.3}.section-heading h2 span{display:none}.section-heading>.text-link{font-size:11px;gap:4px;white-space:nowrap}
 .video-grid{grid-template-columns:minmax(0,1fr);gap:28px}.home-shelf>.video-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;margin-right:-18px;padding-right:18px;padding-bottom:4px}.home-shelf>.video-grid>.video-card{scroll-snap-align:start}
 .thumbnail{border-radius:10px}.card-details h3{font-size:13px;line-height:1.7;-webkit-line-clamp:2}.card-guests{font-size:12px}.card-creator{font-size:10px}.card-meta{font-size:10px}.card-details{gap:6px}.save-button{min-width:44px;min-height:44px}.duration{font-size:10px;padding:3px 6px}
 .creator-strip{display:grid;grid-auto-flow:column;grid-auto-columns:128px;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin-right:-18px;padding-right:18px;padding-bottom:4px}.creator-tile{scroll-snap-align:start;padding:20px 10px;min-height:156px}.creator-tile strong{font-size:12px;margin:13px 0 6px}.creator-tile small{font-size:9px}.creator-tile .avatar{width:46px;height:46px;font-size:15px}
 .content-section{margin-top:34px}.quiet-membership{margin-top:34px;align-items:flex-start;flex-direction:column;padding-top:25px;gap:17px}.quiet-membership h2{font-size:24px}.quiet-membership .button{font-size:12px}
 .creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-profile-card{padding:20px 15px;min-height:218px}.creator-profile-card .avatar{width:48px;height:48px;font-size:16px}.creator-profile-card h2{font-size:16px;line-height:1.45;margin-top:14px;overflow-wrap:normal}.creator-native{font-size:10px}.creator-profile-card .text-link{font-size:10px;gap:4px}.creator-profile-card .text-link svg{width:13px;height:13px}
 .page-intro{margin-bottom:24px}.page-intro h1{font-size:31px;line-height:1.2}.page-intro p{font-size:13px;line-height:1.7}.directory-search{max-width:none}.directory-search input,form input,form select,form textarea{font-size:16px}
 .watch-title{font-size:21px;line-height:1.7}.watch-description{font-size:13px}.watch-aside{display:block}.watch-aside .video-card{margin-bottom:25px}.player{border-radius:9px}.watch-meta .button{min-height:44px}.episode-credits a{min-height:46px;font-size:12px}.profile-banner .button{margin-left:0}.profile-banner{gap:18px}.profile-banner h1{font-size:25px}.profile-banner p{font-size:12px}
 footer{padding:26px 18px;gap:15px}footer>span{font-size:10px}footer>span:last-child{font-size:9px}.footer-wordmark{width:80px}dialog{border-radius:16px;max-height:calc(100dvh - 34px)}.studio-row button{min-height:40px}.page-toolbar select{min-height:42px;font-size:13px}
}
@media(max-width:360px){.mobile-brand img{width:101px}.cinema-copy{padding:22px 18px}.cinema-copy h1{font-size:39px}.cinema-actions .button{font-size:11px;padding:10px}.creator-profile-card{padding:18px 12px}.creator-profile-card h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.thumbnail:hover,.creator-tile:hover{transform:none}}