:root,
:root[data-theme="dark"] {
  --bg: #273043;
  --bg-deep: #1d2433;
  --panel: #2d3448;
  --panel-2: #353d54;
  --panel-3: #404a64;
  --ink: #eff6ee;
  --muted: #c4cbe0;
  --muted-2: #9197ae;
  --line: rgba(239,246,238,.12);
  --line-strong: rgba(239,246,238,.24);
  --coral: #f02d3a;
  --coral-2: #dd0426;
  --teal: #9197ae;
  --teal-2: #d7dded;
  --yellow: #f4bcc3;
  --danger: #ff7f8e;
  --success: #D7DDED;
  --purple: #adb4d1;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 24px 80px rgba(0,0,0,.34);
  --shell: min(1440px, calc(100% - 64px));
  --text-strong: #ffffff;
  --surface-glass: rgba(39,48,67,.72);
  --surface-soft: rgba(239,246,238,.05);
  --surface-soft-2: rgba(239,246,238,.08);
  --text-on-accent: #ffffff;
  --header-bg: rgba(27,33,46,.78);
  --hero-overlay-left: rgba(29,36,51,.96);
  --hero-overlay-right: rgba(29,36,51,.55);
  --queue-band-bg: #eff6ee;
  --queue-band-ink: #273043;
  --queue-band-muted: #637089;
  --community-bg: linear-gradient(125deg,#273043 0%, #353d54 45%, #f02d3a 100%);
  --community-ink: #eff6ee;
  --community-copy: rgba(239,246,238,.82);
}
:root[data-theme="light"] {
  --bg: #eff6ee;
  --bg-deep: #e5ece5;
  --panel: #ffffff;
  --panel-2: #f7faf7;
  --panel-3: #eef2f7;
  --ink: #273043;
  --muted: #616d85;
  --muted-2: #9197ae;
  --line: rgba(39,48,67,.1);
  --line-strong: rgba(39,48,67,.2);
  --coral: #f02d3a;
  --coral-2: #dd0426;
  --teal: #6f7795;
  --teal-2: #4f5a75;
  --yellow: #ffd8de;
  --danger: #dd0426;
  --success: #6F7795;
  --purple: #7d86aa;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 24px 80px rgba(39,48,67,.12);
  --shell: min(1440px, calc(100% - 64px));
  --text-strong: #111827;
  --surface-glass: rgba(255,255,255,.78);
  --surface-soft: rgba(39,48,67,.03);
  --surface-soft-2: rgba(39,48,67,.06);
  --text-on-accent: #ffffff;
  --header-bg: rgba(255,255,255,.82);
  --hero-overlay-left: rgba(239,246,238,.97);
  --hero-overlay-right: rgba(239,246,238,.48);
  --queue-band-bg: #ffffff;
  --queue-band-ink: #273043;
  --queue-band-muted: #68748b;
  --community-bg: linear-gradient(125deg,#ffffff 0%, #f6f8fb 45%, #eef2f7 100%);
  --community-ink: #273043;
  --community-copy: rgba(39,48,67,.76);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg-deep); }
body { margin:0; min-width:320px; color:var(--ink); background:var(--bg); font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 20% 0%, rgba(145,151,174,.055), transparent 34%), radial-gradient(circle at 100% 35%, rgba(240,45,58,.04), transparent 31%); z-index:-1; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; color:inherit; }
button { cursor:pointer; }
img { display:block; max-width:100%; }
svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.svg-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.shell { width:var(--shell); margin-inline:auto; }
.noise { position:fixed; inset:0; pointer-events:none; opacity:.035; z-index:1000; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.demo-ribbon { position:relative; z-index:101; display:flex; justify-content:center; align-items:center; gap:10px; min-height:34px; padding:6px 20px; background:#f0c760; color:#16170f; font-size:12px; font-weight:800; letter-spacing:.04em; text-align:center; }
.demo-ribbon span { width:7px; height:7px; border-radius:50%; background:#16170f; box-shadow:0 0 0 5px rgba(22,23,15,.1); }
.eyebrow { display:block; color:var(--teal); font-size:11px; line-height:1; font-weight:900; letter-spacing:.18em; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:0 22px; border:1px solid transparent; border-radius:999px; font-size:14px; font-weight:850; transition:.22s ease; white-space:nowrap; }
.button svg { width:18px; height:18px; }
.button-primary { background:var(--coral); color:#101011; box-shadow:0 12px 32px rgba(240,45,58,.2); }
.button-primary:hover { transform:translateY(-2px); background:var(--coral-2); box-shadow:0 18px 42px rgba(240,45,58,.28); }
.button-ghost { border-color:var(--line-strong); background:rgba(8,19,23,.45); backdrop-filter:blur(12px); }
.button-ghost:hover { border-color:rgba(255,255,255,.32); background:rgba(255,255,255,.07); }
.button-dark { background:#102126; border-color:var(--line); }
.button-dark:hover { background:#173038; border-color:var(--line-strong); }
.button-light { background:var(--ink); color:#081317; }
.button-light:hover { background:white; transform:translateY(-2px); }
.button-twitch { background:#9146ff; color:white; }
.button-twitch:hover { background:#a365ff; transform:translateY(-1px); }
.button-small { min-height:42px; padding:0 17px; }
.button-full { width:100%; }
.text-link { display:flex; align-items:center; gap:8px; color:var(--muted); font-weight:750; transition:.2s; }
.text-link:hover { color:var(--ink); }
.text-link svg { width:16px; }

/* Header */
.site-header { position:absolute; z-index:100; top:34px; left:0; right:0; border-bottom:1px solid rgba(255,255,255,.07); transition:.25s ease; }
body:not(:has(.demo-ribbon)) .site-header { top:0; }
.site-header.is-scrolled { position:fixed; top:0!important; background:rgba(6,14,17,.9); backdrop-filter:blur(18px); box-shadow:0 12px 36px rgba(0,0,0,.22); }
.header-inner { min-height:82px; display:grid; grid-template-columns:auto auto minmax(240px,430px) auto; align-items:center; gap:34px; }
.brand { display:inline-flex; align-items:center; gap:12px; }
.brand-mark { position:relative; width:35px; height:35px; display:grid; grid-template-columns:repeat(3,1fr); gap:3px; transform:skew(-7deg); }
.brand-mark i { display:block; border-radius:2px; background:var(--coral); }
.brand-mark i:nth-child(2) { background:var(--teal); transform:translateY(6px); }
.brand-mark i:nth-child(3) { background:var(--ink); transform:translateY(12px); }
.brand-copy { display:flex; flex-direction:column; line-height:.92; }
.brand-copy strong { font-size:10px; letter-spacing:.28em; color:var(--muted); }
.brand-copy b { font-size:17px; letter-spacing:.045em; }
.desktop-nav { display:flex; align-items:center; gap:26px; }
.desktop-nav a { position:relative; padding:31px 0 28px; color:#a4b0b2; font-size:13px; font-weight:750; }
.desktop-nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:-1px; height:2px; background:var(--coral); transition:.2s; }
.desktop-nav a:hover,.desktop-nav a.active { color:white; }
.desktop-nav a.active::after { left:0; right:0; }
.header-search { height:42px; display:flex; align-items:center; gap:10px; padding:0 13px; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(4,12,14,.38); backdrop-filter:blur(12px); }
.header-search svg { width:17px; color:#839195; }
.header-search input { flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:13px; }
.header-search input::placeholder { color:#778589; }
.header-search kbd { min-width:22px; height:22px; display:grid; place-items:center; border:1px solid var(--line); border-radius:6px; color:#718084; background:rgba(255,255,255,.04); font-size:11px; }
.header-actions { position:relative; display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.icon-button { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:rgba(255,255,255,.035); transition:.2s; }
.icon-button:hover { border-color:var(--line-strong); background:rgba(255,255,255,.08); }
.icon-button svg { width:18px; }
.profile-trigger { height:44px; display:flex; align-items:center; gap:10px; padding:4px 10px 4px 5px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.04); }
.profile-trigger img { width:34px; height:34px; border-radius:50%; object-fit:cover; }
.profile-trigger span { max-width:110px; overflow:hidden; text-overflow:ellipsis; font-size:13px; font-weight:750; }
.profile-trigger svg { width:14px; transition:.2s; }
.profile-trigger[aria-expanded=true] svg { transform:rotate(180deg); }
.profile-menu { position:absolute; top:54px; right:0; width:205px; padding:8px; border:1px solid var(--line); border-radius:16px; background:#102126; box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(-6px); transition:.2s; }
.profile-menu.open { opacity:1; visibility:visible; transform:none; }
.profile-menu a { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; color:#b7c1c3; font-size:13px; font-weight:650; }
.profile-menu a:hover { background:rgba(255,255,255,.06); color:white; }
.profile-menu svg { width:16px; }
.mobile-nav { display:none; }

/* Hero */
.hero { position:relative; min-height:760px; overflow:hidden; background:#071014; }
.hero-backdrop,.hero-wash { position:absolute; inset:0; }
.hero-backdrop img { width:100%; height:100%; object-fit:cover; object-position:center; opacity:.78; }
.hero-backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#061014 0%,rgba(6,16,20,.94) 31%,rgba(6,16,20,.33) 67%,rgba(6,16,20,.58) 100%); }
.hero-wash { background:linear-gradient(0deg,#071014 0%,rgba(7,16,20,.72) 11%,transparent 35%), radial-gradient(circle at 68% 30%, color-mix(in srgb,var(--hero-accent) 24%, transparent), transparent 28%); }
.hero-grid { position:relative; z-index:2; min-height:760px; display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:80px; align-items:center; padding-top:95px; padding-bottom:72px; }
.hero-copy { max-width:710px; }
.live-pill { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; margin-bottom:30px; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(5,13,16,.55); color:#c5cecf; font-size:10px; font-weight:850; letter-spacing:.1em; backdrop-filter:blur(12px); }
.live-pill span,.pulse { width:8px; height:8px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 6px rgba(240,45,58,.13); animation:pulse 1.7s infinite; }
@keyframes pulse { 50% { box-shadow:0 0 0 10px rgba(240,45,58,0); } }
.hero-kicker { margin:0 0 10px; color:var(--coral-2); font-size:12px; font-weight:900; letter-spacing:.16em; }
.hero h1 { max-width:750px; margin:0; font-size:clamp(54px,6.6vw,104px); line-height:.88; letter-spacing:-.065em; text-wrap:balance; }
.hero-meta { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:24px 0 20px; }
.hero-meta > span { display:inline-flex; align-items:center; min-height:27px; padding:0 10px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#c3cdcf; font-size:12px; font-weight:700; background:rgba(0,0,0,.16); }
.rating { gap:5px!important; color:#f4d37b!important; }
.rating svg { width:13px; height:13px; fill:currentColor; stroke:none; }
.hero-overview { max-width:650px; margin:0 0 30px; color:#b4c0c2; font-size:17px; line-height:1.72; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.hero-trust { display:flex; flex-wrap:wrap; gap:22px; margin-top:27px; color:#829195; font-size:12px; font-weight:650; }
.hero-trust span { display:flex; align-items:center; gap:8px; }
.hero-trust svg { width:16px; color:var(--teal); }
.now-card { align-self:end; margin-bottom:20px; padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-lg); background:rgba(7,18,21,.76); backdrop-filter:blur(20px); box-shadow:var(--shadow); }
.now-card-head { display:flex; align-items:center; gap:12px; padding-bottom:17px; border-bottom:1px solid var(--line); }
.now-card-head .pulse { width:8px; height:8px; flex:none; }
.now-card-head > div { display:flex; flex:1; flex-direction:column; }
.now-card-head b { font-size:10px; letter-spacing:.16em; }
.now-card-head small { color:var(--muted); font-size:11px; }
.live-tag { padding:5px 8px; border-radius:6px; background:var(--coral); color:#101011; font-size:9px; font-weight:950; letter-spacing:.08em; }
.now-media { display:grid; grid-template-columns:68px 1fr; gap:14px; align-items:center; margin:18px 0; }
.now-media img { width:68px; height:94px; object-fit:cover; border-radius:10px; }
.now-media span { color:var(--teal-2); font-size:10px; font-weight:800; letter-spacing:.08em; }
.now-media h2 { margin:4px 0; font-size:20px; line-height:1.1; }
.now-media p { margin:0; color:var(--muted); font-size:12px; }
.now-media p strong { color:#cbd3d5; }
.now-progress { height:5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.09); }
.now-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--coral),var(--coral-2)); }
.now-progress-copy { display:flex; justify-content:space-between; margin-top:7px; color:#6f8084; font-size:10px; }
.now-card > a { display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding-top:15px; border-top:1px solid var(--line); color:#c5cecf; font-size:12px; font-weight:750; }
.now-card > a:hover { color:white; }
.now-card > a svg { width:16px; }
.hero-scroll { position:absolute; z-index:3; left:50%; bottom:18px; width:1px; height:34px; background:rgba(255,255,255,.15); }
.hero-scroll span { position:absolute; top:0; left:-1px; width:3px; height:10px; border-radius:4px; background:var(--coral); animation:scrollHint 1.8s infinite; }
@keyframes scrollHint { 100% { transform:translateY(24px); opacity:0; } }

/* Shared sections */
.section { padding:92px 0; }
.section-heading { display:grid; grid-template-columns:1fr auto auto; align-items:end; gap:28px; margin-bottom:32px; }
.section-heading h2,.queue-band-header h2,.how-intro h2,.community-card h2 { margin:9px 0 0; font-size:clamp(32px,4vw,55px); line-height:1; letter-spacing:-.045em; }
.category-pills { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.025); }
.category-pills button { min-height:34px; padding:0 15px; border:0; border-radius:999px; background:transparent; color:#7d8d91; font-size:12px; font-weight:750; }
.category-pills button:hover,.category-pills button.active { color:#081317; background:var(--ink); }
.media-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px 18px; }
.media-card { min-width:0; transition:.22s; }
.media-card[hidden] { display:none; }
.media-card:hover { transform:translateY(-6px); }
.media-poster { position:relative; display:block; overflow:hidden; aspect-ratio:2/3; border-radius:16px; background:var(--panel); box-shadow:0 14px 36px rgba(0,0,0,.22); }
.media-poster::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(3,7,9,.72)); opacity:.4; transition:.2s; }
.media-poster img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.media-card:hover .media-poster img { transform:scale(1.035); }
.media-type,.media-state { position:absolute; z-index:2; top:10px; padding:5px 8px; border-radius:7px; font-size:9px; line-height:1; font-weight:900; letter-spacing:.08em; backdrop-filter:blur(10px); }
.media-type { left:10px; background:rgba(5,13,16,.75); color:#d3dbdd; }
.media-state { right:10px; background:var(--teal); color:#071014; }
.media-state.state-queued { background:var(--yellow); }
.media-state.state-watching { background:var(--coral); }
.poster-action { position:absolute; z-index:3; right:12px; bottom:12px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--coral); color:#101011; opacity:0; transform:translateY(10px); transition:.22s; }
.poster-action svg { width:18px; }
.media-card:hover .poster-action { opacity:1; transform:none; }
.media-card-copy { padding:13px 3px 0; }
.media-card-copy h3 { margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; letter-spacing:-.015em; }
.media-card-copy p { display:flex; align-items:center; gap:7px; margin:5px 0 0; color:#78898d; font-size:11px; }
.media-card-copy p i { width:3px; height:3px; border-radius:50%; background:#53666a; }
.media-card-copy .rating { gap:3px!important; padding:0; border:0; background:none; font-size:11px; }

/* Queue band */
.queue-band { background:#e9e4da; color:#101718; }
.queue-band .eyebrow { color:#F02D3A; }
.queue-band-header { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; margin-bottom:35px; }
.queue-band-header p { max-width:620px; margin:14px 0 0; color:#5d6766; font-size:15px; }
.queue-summary { display:flex; align-items:center; gap:25px; padding:18px 24px; border:1px solid rgba(10,25,28,.12); border-radius:16px; }
.queue-summary div { display:flex; flex-direction:column; }
.queue-summary strong { font-size:23px; line-height:1.1; }
.queue-summary span { color:#697371; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.queue-summary i { width:1px; height:36px; background:rgba(10,25,28,.12); }
.queue-preview-list { border-top:1px solid rgba(10,25,28,.13); }
.queue-preview-item { display:grid; grid-template-columns:52px 48px minmax(220px,1fr) 180px 90px 160px; gap:18px; align-items:center; min-height:92px; border-bottom:1px solid rgba(10,25,28,.13); }
.queue-preview-item.is-watching { position:relative; background:rgba(240,45,58,.07); }
.queue-preview-item.is-watching::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--coral); }
.queue-position { display:grid; place-items:center; color:#7b8583; font-size:13px; font-weight:850; }
.queue-position .pulse { width:8px; height:8px; }
.queue-preview-item > img { width:43px; height:60px; object-fit:cover; border-radius:7px; }
.queue-title span { color:#7b8583; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.05em; }
.queue-title h3 { margin:2px 0 0; font-size:17px; }
.queue-requester { display:flex; flex-direction:column; }
.queue-requester small { color:#7c8583; font-size:8px; font-weight:850; letter-spacing:.1em; }
.queue-requester span { font-size:12px; font-weight:750; }
.queue-duration { display:flex; align-items:center; gap:7px; color:#65706e; font-size:12px; font-weight:750; }
.queue-duration svg { width:15px; }
.queue-date { justify-self:end; padding:7px 10px; border-radius:8px; background:rgba(10,25,28,.07); color:#53615f; font-size:10px; font-weight:850; }
.queue-date.watching { background:var(--coral); color:#17120f; }
.queue-date.scheduled { background:var(--teal); color:#071514; }
.queue-full-button { margin-top:30px; }

/* How and community */
.how-section { background:#09171b; }
.how-grid { display:grid; grid-template-columns:420px 1fr; gap:90px; align-items:center; }
.how-intro p { margin:20px 0 28px; color:var(--muted); font-size:16px; line-height:1.7; }
.how-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.how-steps article { position:relative; min-height:330px; padding:28px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.how-steps article > b { position:absolute; right:18px; top:9px; color:rgba(255,255,255,.05); font-size:70px; letter-spacing:-.06em; }
.step-icon { width:52px; height:52px; display:grid; place-items:center; margin:88px 0 24px; border-radius:16px; color:#09171b; background:var(--teal); }
.how-steps article:nth-child(2) .step-icon { background:var(--yellow); }
.how-steps article:nth-child(3) .step-icon { background:var(--coral); }
.step-icon svg { width:23px; }
.how-steps h3 { margin:0 0 8px; font-size:22px; }
.how-steps p { margin:0; color:var(--muted); font-size:13px; }
.community-section { padding-top:36px; }
.community-card { position:relative; min-height:460px; display:grid; grid-template-columns:1fr 570px; gap:70px; align-items:center; padding:65px 70px; overflow:hidden; border-radius:36px; background:linear-gradient(125deg,#d75c3d,#f18455 50%,#efb26e); color:#151311; }
.community-card::before { content:""; position:absolute; width:550px; height:550px; right:-160px; top:-230px; border:1px solid rgba(255,255,255,.22); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.05),0 0 0 140px rgba(255,255,255,.035); }
.community-card > * { position:relative; z-index:1; }
.community-card .eyebrow { color:#3d2119; }
.community-card p { max-width:500px; margin:20px 0 28px; color:rgba(21,19,17,.72); font-size:16px; }
.profile-mock { padding:18px; border:1px solid rgba(255,255,255,.28); border-radius:25px; background:rgba(5,15,18,.89); color:white; box-shadow:0 28px 70px rgba(77,27,16,.3); transform:rotate(1.2deg); }
.profile-mock-head { display:flex; gap:6px; padding:0 0 14px; border-bottom:1px solid var(--line); }
.profile-mock-head span { width:7px; height:7px; border-radius:50%; background:#506065; }
.profile-mock-head span:first-child { background:var(--coral); }
.profile-mock-user { display:flex; align-items:center; gap:11px; padding:16px 4px; }
.profile-mock-user img { width:42px; height:42px; border-radius:50%; }
.profile-mock-user > div { display:flex; flex:1; flex-direction:column; }
.profile-mock-user b { font-size:13px; }
.profile-mock-user small { color:var(--muted); font-size:10px; }
.profile-mock-user strong { font-size:11px; color:var(--teal); }
.profile-mock-order { display:grid; grid-template-columns:42px 1fr 28px; gap:11px; align-items:center; margin-top:7px; padding:10px; border-radius:12px; background:rgba(255,255,255,.055); }
.profile-mock-order img { width:42px; height:57px; object-fit:cover; border-radius:6px; }
.profile-mock-order > div { display:flex; flex-direction:column; }
.profile-mock-order small { color:var(--coral-2); font-size:8px; font-weight:800; letter-spacing:.08em; }
.profile-mock-order b { font-size:12px; }
.profile-mock-order span { color:var(--muted); font-size:9px; }
.profile-mock-order i { width:8px; height:8px; border-radius:50%; background:var(--yellow); }
.profile-mock-order i.done { width:24px; height:24px; display:grid; place-items:center; background:var(--teal); color:#071014; }
.profile-mock-order i.done svg { width:13px; }

/* Catalog */
.catalog-hero,.page-hero,.profile-hero { position:relative; padding:170px 0 64px; overflow:hidden; border-bottom:1px solid var(--line); background:linear-gradient(150deg,#0b1d21,#071014 60%); }
.catalog-hero::after,.page-hero::after,.profile-hero::after { content:""; position:absolute; width:600px; height:600px; right:-150px; top:-260px; border:1px solid rgba(145,151,174,.12); border-radius:50%; box-shadow:0 0 0 90px rgba(145,151,174,.035),0 0 0 180px rgba(240,45,58,.025); }
.catalog-hero .shell,.page-hero .shell,.profile-hero .shell { position:relative; z-index:1; }
.catalog-hero h1,.page-hero h1,.profile-hero h1 { max-width:900px; margin:13px 0 13px; font-size:clamp(42px,6vw,76px); line-height:.96; letter-spacing:-.055em; }
.catalog-hero > .shell > p,.page-hero > .shell > p { max-width:690px; margin:0; color:var(--muted); font-size:16px; }
.catalog-search { max-width:920px; height:66px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; margin-top:34px; padding:6px 7px 6px 20px; border:1px solid var(--line-strong); border-radius:18px; background:rgba(255,255,255,.045); box-shadow:0 20px 50px rgba(0,0,0,.18); }
.catalog-search svg { color:var(--teal); }
.catalog-search input { width:100%; border:0; outline:0; background:none; font-size:16px; }
.catalog-search button { height:52px; padding:0 25px; border:0; border-radius:13px; background:var(--coral); color:#101011; font-weight:850; }
.catalog-filters { display:flex; gap:8px; margin-top:18px; }
.catalog-filters a { padding:8px 14px; border:1px solid var(--line); border-radius:999px; color:#8e9da0; font-size:12px; font-weight:750; }
.catalog-filters a:hover,.catalog-filters a.active { background:var(--ink); border-color:var(--ink); color:#081317; }
.catalog-results { min-height:500px; padding-top:45px; }
.results-toolbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; color:var(--muted); }
.results-toolbar strong { color:var(--ink); }
.sort-button { display:flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid var(--line); border-radius:10px; background:transparent; color:#9aa8ab; font-size:12px; }
.sort-button svg { width:15px; }
.catalog-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.empty-state { min-height:390px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.empty-state > span { width:72px; height:72px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:26px; }
.empty-state h2 { margin:18px 0 5px; }
.empty-state p { margin:0 0 22px; color:var(--muted); }

/* Detail */
.detail-hero { position:relative; min-height:780px; overflow:hidden; padding:158px 0 70px; }
.detail-backdrop,.detail-overlay { position:absolute; inset:0; }
.detail-backdrop img { width:100%; height:100%; object-fit:cover; opacity:.62; }
.detail-overlay { background:linear-gradient(90deg,#071014 0%,rgba(7,16,20,.93) 45%,rgba(7,16,20,.62) 75%,#071014 100%),linear-gradient(0deg,#071014 0%,transparent 38%); }
.detail-grid { position:relative; z-index:1; display:grid; grid-template-columns:260px minmax(0,1fr) 390px; gap:46px; align-items:center; }
.detail-poster-wrap { position:relative; }
.detail-poster { width:100%; border-radius:19px; box-shadow:0 30px 80px rgba(0,0,0,.48); }
.detail-status { position:absolute; left:14px; top:14px; padding:7px 10px; border-radius:8px; background:var(--teal); color:#071014; font-size:10px; font-weight:900; }
.detail-status.queued { background:var(--yellow); }
.detail-copy { max-width:650px; }
.back-link { display:inline-block; margin-bottom:48px; color:#8c9a9d; font-size:12px; font-weight:700; }
.back-link:hover { color:white; }
.detail-copy h1 { margin:10px 0 6px; font-size:clamp(48px,5.5vw,82px); line-height:.91; letter-spacing:-.06em; }
.original-title { margin:0; color:#829195; font-size:14px; }
.detail-meta { margin:20px 0; }
.detail-overview { max-width:670px; margin:0; color:#b0bdc0; font-size:16px; line-height:1.75; }
.detail-rule-note { display:flex; gap:12px; max-width:580px; margin-top:28px; padding:15px; border:1px solid rgba(145,151,174,.17); border-radius:13px; background:rgba(145,151,174,.055); }
.detail-rule-note svg { flex:none; width:19px; color:var(--teal); }
.detail-rule-note span { display:flex; flex-direction:column; color:#849397; font-size:11px; }
.detail-rule-note b { color:#cbd4d5; font-size:12px; }
.order-panel { padding:24px; border:1px solid rgba(255,255,255,.13); border-radius:24px; background:rgba(8,20,23,.88); backdrop-filter:blur(22px); box-shadow:var(--shadow); }
.order-panel-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:16px; border-bottom:1px solid var(--line); }
.order-panel-top span { font-size:11px; font-weight:900; letter-spacing:.13em; }
.order-panel-top small { color:#718186; font-size:9px; }
.field-label { display:flex; justify-content:space-between; margin:17px 0 7px; color:#abb7b9; font-size:11px; font-weight:800; }
.field-label span { color:#66777b; font-weight:600; }
.order-panel select,.order-panel textarea { width:100%; border:1px solid var(--line); border-radius:12px; outline:0; background:#0d2025; }
.order-panel select { height:48px; padding:0 13px; }
.order-panel select:disabled { opacity:.45; }
.order-panel textarea { min-height:76px; padding:12px; resize:vertical; }
.order-panel select:focus,.order-panel textarea:focus { border-color:rgba(145,151,174,.55); box-shadow:0 0 0 3px rgba(145,151,174,.08); }
.order-selection { display:grid; grid-template-columns:48px 1fr 24px; gap:11px; align-items:center; margin-top:17px; padding:10px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.035); }
.order-selection img { width:48px; height:66px; object-fit:cover; border-radius:7px; }
.order-selection div { display:flex; flex-direction:column; }
.order-selection small { color:var(--teal); font-size:8px; font-weight:850; letter-spacing:.07em; }
.order-selection b { font-size:12px; }
.order-selection span { color:var(--muted); font-size:10px; }
.order-selection > svg { width:18px; color:var(--teal); }
.privacy-check { display:block; margin:16px 0; cursor:pointer; }
.privacy-check input { position:absolute; opacity:0; }
.privacy-check > span { display:flex; align-items:center; gap:9px; color:#92a0a3; font-size:11px; }
.privacy-check i { width:19px; height:19px; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:5px; }
.privacy-check i svg { width:12px; opacity:0; }
.privacy-check input:checked + span i { background:var(--teal); border-color:var(--teal); color:#071014; }
.privacy-check input:checked + span i svg { opacity:1; }
.price-box { margin:14px 0 16px; padding:15px; border:1px solid rgba(240,45,58,.17); border-radius:14px; background:rgba(240,45,58,.06); }
.price-box > div { display:flex; justify-content:space-between; align-items:center; }
.price-box span { color:#9caaac; font-size:11px; }
.price-box strong { color:var(--coral-2); font-size:24px; letter-spacing:-.03em; }
.price-box small { display:block; margin-top:3px; color:#806b64; font-size:9px; }
.order-terms { margin:12px 5px 0; color:#63757a; font-size:9px; text-align:center; }
.form-message { min-height:0; margin-top:10px; padding:0; border-radius:10px; font-size:11px; }
.form-message.error,.form-message.success { padding:10px; }
.form-message.error { background:rgba(255,111,117,.1); color:#F02D3A; }
.form-message.success { background:rgba(145,151,174,.1); color:#8de7c1; }
.episode-preview-section { padding-top:55px; }
.episode-preview-section h2 { margin:10px 0 6px; font-size:42px; }
.episode-preview-section > .shell > p { margin:0 0 25px; color:var(--muted); }
.episode-placeholder { display:flex; align-items:center; gap:24px; padding:25px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.episode-placeholder > span { width:60px; height:60px; display:grid; place-items:center; border-radius:14px; background:var(--coral); color:#111; font-size:20px; font-weight:900; }
.episode-placeholder b { font-size:17px; }
.episode-placeholder p { margin:4px 0 0; color:var(--muted); }

/* Queue page */
.page-hero-grid { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; }
.queue-hero-stats { display:flex; gap:35px; }
.queue-hero-stats div { min-width:110px; display:flex; flex-direction:column; padding-left:17px; border-left:2px solid rgba(145,151,174,.35); }
.queue-hero-stats strong { font-size:28px; }
.queue-hero-stats span { color:var(--muted); font-size:10px; font-weight:750; text-transform:uppercase; }
.queue-page-section { padding-top:50px; }
.queue-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:34px; }
.queue-page-toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:17px; padding:13px 16px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.queue-page-toolbar > div { display:flex; align-items:center; gap:10px; }
.queue-page-toolbar .pulse { width:7px; height:7px; }
.queue-page-toolbar b { font-size:11px; }
.queue-page-toolbar button { display:flex; align-items:center; gap:7px; border:0; background:none; color:var(--muted); font-size:11px; }
.queue-page-toolbar svg { width:14px; }
.queue-full-list { border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--panel); }
.queue-full-item { position:relative; display:grid; grid-template-columns:56px 62px minmax(0,1fr) 210px; gap:16px; align-items:center; min-height:112px; padding:15px 20px 15px 0; border-bottom:1px solid var(--line); }
.queue-full-item:last-child { border:0; }
.queue-full-item.is-watching { background:linear-gradient(90deg,rgba(240,45,58,.1),transparent); }
.queue-line { position:absolute; left:27px; top:0; bottom:0; width:1px; background:rgba(255,255,255,.08); }
.queue-full-position { position:relative; z-index:1; width:31px; height:31px; display:grid; place-items:center; margin:auto; border:1px solid var(--line-strong); border-radius:50%; background:var(--panel); color:#7f8f92; font-size:10px; font-weight:850; }
.queue-full-position .pulse { width:7px; height:7px; }
.queue-full-item > img { width:62px; height:82px; object-fit:cover; border-radius:9px; }
.queue-full-copy span { color:var(--teal); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.queue-full-copy h2 { margin:3px 0; font-size:18px; }
.queue-full-copy p { margin:0; color:var(--muted); font-size:11px; }
.queue-full-copy strong { color:#cbd3d4; }
.queue-full-meta { display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.queue-full-meta > span { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:11px; }
.queue-full-meta svg { width:14px; }
.queue-full-meta b { padding:6px 9px; border-radius:7px; background:rgba(255,255,255,.055); color:#91a0a3; font-size:9px; }
.queue-full-meta b.watching { background:var(--coral); color:#101011; }
.queue-full-meta b.scheduled { background:var(--teal); color:#071014; }
.queue-aside { display:flex; flex-direction:column; gap:18px; }
.queue-info-card,.queue-cta-card { padding:25px; border:1px solid var(--line); border-radius:20px; background:var(--panel); }
.queue-info-card h3,.queue-cta-card h3 { margin:11px 0; font-size:22px; line-height:1.15; }
.queue-info-card > p { color:var(--muted); font-size:12px; }
.queue-info-card ul { list-style:none; padding:0; margin:18px 0 0; }
.queue-info-card li { display:flex; align-items:center; gap:9px; margin-top:10px; color:#a8b4b6; font-size:11px; }
.queue-info-card li svg { width:14px; color:var(--teal); }
.queue-cta-card { background:linear-gradient(150deg,#17363c,#0e2429); }
.queue-cta-card > span { color:var(--coral-2); font-size:9px; font-weight:900; letter-spacing:.11em; }
.queue-cta-card .button { margin-top:18px; }

/* Profile */
.profile-hero-grid { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; }
.profile-identity { display:flex; align-items:center; gap:20px; }
.profile-avatar-wrap { position:relative; }
.profile-avatar-wrap img { width:88px; height:88px; border-radius:50%; object-fit:cover; border:3px solid rgba(255,255,255,.12); }
.profile-avatar-wrap span { position:absolute; right:3px; bottom:5px; width:15px; height:15px; border:3px solid #0b1c21; border-radius:50%; background:var(--teal); }
.profile-identity h1 { margin:8px 0 0; font-size:44px; }
.profile-identity p { margin:3px 0 0; color:var(--muted); }
.profile-stats { display:flex; gap:14px; }
.profile-stats div { min-width:135px; display:flex; flex-direction:column; padding:16px 18px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.03); }
.profile-stats span { color:var(--muted); font-size:10px; }
.profile-stats strong { margin-top:3px; font-size:22px; }
.profile-section { padding-top:48px; }
.profile-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:30px; }
.profile-tabs { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.profile-tabs button { flex:1; min-height:42px; border:0; border-radius:9px; background:transparent; color:#849397; font-size:11px; font-weight:750; }
.profile-tabs button span { margin-left:4px; padding:2px 6px; border-radius:999px; background:rgba(255,255,255,.06); }
.profile-tabs button.active { background:var(--panel-3); color:white; }
.profile-orders { display:flex; flex-direction:column; gap:10px; margin-top:15px; }
.profile-order { display:grid; grid-template-columns:72px 1fr 42px; gap:15px; align-items:center; min-height:112px; padding:12px; border:1px solid var(--line); border-radius:16px; background:var(--panel); transition:.2s; }
.profile-order[hidden] { display:none; }
.profile-order:hover { border-color:var(--line-strong); transform:translateX(3px); }
.profile-order > img { width:72px; height:92px; object-fit:cover; border-radius:9px; }
.profile-order-top { display:flex; justify-content:space-between; align-items:center; }
.status-chip { display:inline-flex; align-items:center; gap:7px; width:max-content; padding:5px 8px; border-radius:7px; background:rgba(255,255,255,.06); color:#9eabad; font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.055em; }
.status-chip i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.status-chip.queued { background:rgba(240,199,96,.13); color:#efcc72; }
.status-chip.scheduled { background:rgba(145,151,174,.13); color:var(--teal-2); }
.status-chip.watching { background:rgba(240,45,58,.13); color:#F02D3A; }
.status-chip.completed,.status-chip.success,.status-chip.confirmed,.status-chip.active { background:rgba(145,151,174,.12); color:var(--teal-2); }
.status-chip.pending,.status-chip.payment_pending,.status-chip.warning { background:rgba(240,199,96,.13); color:#efcc72; }
.status-chip.rejected,.status-chip.refunded { background:rgba(255,111,117,.12); color:#F02D3A; }
.profile-order-top small { color:#5f7276; font-size:9px; font-weight:700; }
.profile-order h2 { margin:8px 0 1px; font-size:17px; }
.profile-order-copy > p { margin:0; color:var(--muted); font-size:11px; }
.profile-order-bottom { display:flex; gap:15px; margin-top:11px; color:#738589; font-size:10px; }
.profile-order-bottom b { color:var(--yellow); }
.profile-order > a { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:#7e9094; }
.profile-order > a:hover { color:white; border-color:var(--line-strong); }
.profile-order > a svg { width:15px; }
.profile-aside { display:flex; flex-direction:column; gap:16px; }
.account-card,.profile-help { padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.account-card h3 { margin:11px 0 8px; font-size:21px; }
.account-card > p { color:var(--muted); font-size:12px; }
.account-card > div { display:flex; gap:10px; margin:18px 0; padding:13px; border-radius:12px; background:rgba(145,151,174,.06); }
.account-card > div svg { width:18px; color:var(--teal); }
.account-card > div span { display:flex; flex-direction:column; }
.account-card > div b { font-size:11px; }
.account-card > div small { color:var(--muted); font-size:9px; }
.account-card > a { color:#ff8d91; font-size:11px; font-weight:750; }
.profile-help span { font-size:12px; font-weight:800; }
.profile-help p { margin:4px 0 0; color:var(--muted); font-size:11px; }

/* Payment */
.payment-page { min-height:760px; display:flex; align-items:center; padding:150px 0 80px; background:radial-gradient(circle at 30% 35%,rgba(145,151,174,.09),transparent 30%),linear-gradient(145deg,#0b1b20,#071014); }
.payment-shell { display:grid; grid-template-columns:minmax(0,660px) 340px; gap:25px; justify-content:center; }
.payment-status-card,.payment-steps { padding:38px; border:1px solid var(--line); border-radius:24px; background:rgba(13,26,31,.88); box-shadow:var(--shadow); }
.payment-status-icon { width:66px; height:66px; display:grid; place-items:center; margin-bottom:25px; border-radius:20px; }
.payment-status-icon.success { background:var(--teal); color:#071014; }
.payment-status-icon.pending { background:var(--yellow); color:#17150b; }
.payment-status-icon svg { width:30px; }
.payment-status-card h1 { margin:10px 0 8px; font-size:43px; line-height:1; letter-spacing:-.04em; }
.payment-status-card > p { margin:0; color:var(--muted); }
.payment-order-summary { display:grid; grid-template-columns:64px 1fr; gap:14px; align-items:center; margin:28px 0; padding:13px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.03); }
.payment-order-summary img { width:64px; height:86px; object-fit:cover; border-radius:8px; }
.payment-order-summary small { color:var(--teal); font-size:9px; font-weight:800; }
.payment-order-summary h2 { margin:2px 0; font-size:18px; }
.payment-order-summary span { color:var(--muted); font-size:11px; }
.payment-actions { display:flex; gap:10px; }
.payment-steps h3 { margin:0 0 24px; font-size:20px; }
.payment-step { position:relative; display:flex; gap:13px; min-height:82px; }
.payment-step:not(:last-child)::after { content:""; position:absolute; left:15px; top:33px; bottom:0; width:1px; background:var(--line-strong); }
.payment-step > i { position:relative; z-index:1; width:31px; height:31px; flex:none; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:50%; background:var(--panel); color:#7f9094; font-size:11px; font-style:normal; }
.payment-step.done > i { background:var(--teal); border-color:var(--teal); color:#071014; }
.payment-step.active > i { background:var(--yellow); border-color:var(--yellow); color:#15130b; }
.payment-step svg { width:14px; }
.payment-step span { display:flex; flex-direction:column; padding-top:3px; }
.payment-step b { font-size:12px; }
.payment-step small { margin-top:2px; color:var(--muted); font-size:10px; }

/* Legal / error */
.legal-hero { min-height:420px; }
.legal-section { padding-top:48px; }
.legal-copy { max-width:880px; }
.legal-copy h2 { margin:36px 0 8px; font-size:24px; }
.legal-copy h2:first-child { margin-top:0; }
.legal-copy p { color:#a2b0b2; font-size:15px; line-height:1.8; }
.error-page { min-height:720px; display:grid; place-items:center; padding:140px 0 80px; text-align:center; }
.error-page .shell { max-width:650px; }
.error-page .shell > span { width:72px; height:72px; display:grid; place-items:center; margin:0 auto; border:1px solid rgba(255,111,117,.25); border-radius:50%; background:rgba(255,111,117,.08); color:#ff8d92; font-size:30px; font-weight:900; }
.error-page h1 { margin:20px 0 8px; font-size:46px; }
.error-page p { margin:0 auto 24px; color:var(--muted); }

/* Footer */
.site-footer { padding:65px 0 22px; border-top:1px solid var(--line); background:#050c0f; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:70px; }
.brand-footer { margin-bottom:15px; }
.footer-grid > div:first-child p { max-width:340px; color:#708085; font-size:12px; }
.footer-grid > div:not(:first-child) { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.footer-grid > div > strong { margin-bottom:4px; font-size:11px; letter-spacing:.07em; }
.footer-grid a { color:#77888c; font-size:11px; }
.footer-grid a:hover { color:white; }
.tmdb-credit span { color:#66777b; font-size:8px; font-weight:850; letter-spacing:.12em; }
.tmdb-credit b { color:#9197AE; font-size:19px; letter-spacing:.08em; }
.tmdb-credit small { color:#586a6e; font-size:8px; line-height:1.45; }
.footer-bottom { display:flex; justify-content:space-between; margin-top:55px; padding-top:18px; border-top:1px solid var(--line); color:#4f6266; font-size:9px; text-transform:uppercase; letter-spacing:.06em; }

/* Responsive */
@media (max-width:1200px) {
  :root { --shell:min(100% - 40px, 1180px); }
  .header-inner { grid-template-columns:auto 1fr auto; gap:22px; }
  .desktop-nav { display:none; }
  .header-search { justify-self:center; width:min(420px,100%); }
  .media-grid,.catalog-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .hero-grid { grid-template-columns:1fr 330px; gap:40px; }
  .detail-grid { grid-template-columns:220px 1fr 350px; gap:30px; }
  .how-grid { grid-template-columns:330px 1fr; gap:45px; }
  .community-card { grid-template-columns:1fr 480px; padding:55px; }
}
@media (max-width:960px) {
  .site-header { top:34px; }
  .header-inner { min-height:70px; grid-template-columns:auto 1fr auto; }
  .header-search { display:none; }
  .hero { min-height:auto; }
  .hero-grid { min-height:780px; grid-template-columns:1fr; align-content:center; padding-top:130px; }
  .now-card { display:none; }
  .hero-copy { max-width:680px; }
  .media-grid,.catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .section-heading { grid-template-columns:1fr auto; }
  .section-heading .text-link { display:none; }
  .queue-preview-item { grid-template-columns:42px 44px 1fr 110px; }
  .queue-requester,.queue-duration { display:none; }
  .how-grid { grid-template-columns:1fr; }
  .how-intro { max-width:620px; }
  .community-card { grid-template-columns:1fr; }
  .profile-mock { max-width:600px; }
  .detail-hero { padding-top:130px; }
  .detail-grid { grid-template-columns:210px 1fr; }
  .order-panel { grid-column:1/-1; width:100%; max-width:620px; margin:10px auto 0; }
  .page-hero-grid,.profile-hero-grid { grid-template-columns:1fr; }
  .queue-layout,.profile-layout { grid-template-columns:1fr; }
  .queue-aside,.profile-aside { display:grid; grid-template-columns:1fr 1fr; }
  .payment-shell { grid-template-columns:1fr; max-width:720px; }
  .footer-grid { grid-template-columns:2fr 1fr 1fr; }
  .tmdb-credit { grid-column:1/-1; max-width:360px; }
}
@media (max-width:680px) {
  :root { --shell:calc(100% - 28px); }
  body { padding-bottom:68px; }
  .demo-ribbon { min-height:30px; padding-inline:10px; font-size:9px; }
  .site-header { top:30px; }
  .site-header.is-scrolled { top:0; }
  .header-inner { min-height:64px; }
  .brand-mark { width:30px; height:30px; }
  .brand-copy b { font-size:14px; }
  .header-actions .admin-shortcut,.profile-trigger span,.profile-trigger > svg { display:none; }
  .profile-trigger { width:42px; padding:3px; }
  .profile-trigger img { width:34px; }
  .button-small { padding-inline:13px; }
  .mobile-nav { position:fixed; z-index:99; left:0; right:0; bottom:0; height:68px; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; border-top:1px solid var(--line); background:rgba(6,15,18,.94); backdrop-filter:blur(18px); padding-bottom:env(safe-area-inset-bottom); }
  .mobile-nav a { display:flex; flex-direction:column; align-items:center; gap:3px; color:#708186; font-size:8px; font-weight:750; }
  .mobile-nav svg { width:19px; }
  .mobile-nav .mobile-action { width:48px; height:48px; justify-self:center; display:grid; place-items:center; margin-top:-25px; border:5px solid #071014; border-radius:50%; background:var(--coral); color:#111; }
  .mobile-nav .mobile-action svg { width:21px; }
  .hero-grid { min-height:690px; padding-top:120px; padding-bottom:65px; }
  .hero-backdrop img { object-position:63% center; }
  .hero-backdrop::after { background:linear-gradient(90deg,#061014 0%,rgba(6,16,20,.84) 68%,rgba(6,16,20,.42)),linear-gradient(0deg,#071014,transparent 50%); }
  .live-pill { margin-bottom:22px; font-size:8px; }
  .hero h1 { font-size:54px; }
  .hero-overview { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:14px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .hero-actions .button { width:100%; }
  .hero-trust { gap:12px; }
  .hero-scroll { display:none; }
  .section { padding:64px 0; }
  .section-heading { display:block; }
  .section-heading h2,.queue-band-header h2,.how-intro h2,.community-card h2 { font-size:37px; }
  .category-pills { width:100%; margin-top:22px; overflow-x:auto; }
  .category-pills button { flex:1; }
  .media-grid,.catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px 12px; }
  .media-card-copy h3 { font-size:13px; }
  .poster-action { opacity:1; transform:none; width:32px; height:32px; }
  .queue-band-header { grid-template-columns:1fr; }
  .queue-summary { display:none; }
  .queue-preview-item { grid-template-columns:35px 41px 1fr; min-height:82px; gap:11px; }
  .queue-date { display:none; }
  .queue-title h3 { font-size:14px; }
  .how-steps { grid-template-columns:1fr; }
  .how-steps article { min-height:210px; }
  .step-icon { margin-top:40px; }
  .community-section { padding-top:15px; }
  .community-card { padding:40px 25px; border-radius:25px; }
  .profile-mock { transform:none; }
  .catalog-hero,.page-hero,.profile-hero { padding:130px 0 44px; }
  .catalog-hero h1,.page-hero h1 { font-size:44px; }
  .catalog-search { height:58px; padding-left:14px; }
  .catalog-search button { height:46px; padding:0 16px; }
  .catalog-filters { overflow-x:auto; padding-bottom:4px; }
  .results-toolbar { font-size:11px; }
  .sort-button { display:none; }
  .detail-hero { padding:115px 0 55px; }
  .detail-grid { grid-template-columns:110px 1fr; gap:18px; align-items:start; }
  .detail-poster { border-radius:11px; }
  .back-link { margin-bottom:25px; }
  .detail-copy h1 { font-size:42px; }
  .detail-copy .eyebrow { font-size:8px; }
  .detail-overview,.detail-rule-note { grid-column:1/-1; }
  .detail-overview { font-size:13px; }
  .detail-rule-note { display:none; }
  .order-panel { grid-column:1/-1; padding:19px; }
  .page-hero-grid { gap:25px; }
  .queue-hero-stats { gap:10px; overflow-x:auto; }
  .queue-hero-stats div { min-width:105px; }
  .queue-full-item { grid-template-columns:38px 50px 1fr; min-height:98px; padding-right:12px; gap:10px; }
  .queue-full-item > img { width:50px; height:69px; }
  .queue-full-meta { grid-column:3; align-items:flex-start; margin-top:-13px; }
  .queue-full-meta > span { display:none; }
  .queue-aside,.profile-aside { grid-template-columns:1fr; }
  .profile-identity { align-items:flex-start; }
  .profile-avatar-wrap img { width:68px; height:68px; }
  .profile-identity h1 { font-size:32px; }
  .profile-stats { overflow-x:auto; }
  .profile-stats div { min-width:125px; }
  .profile-tabs { overflow-x:auto; }
  .profile-tabs button { min-width:95px; }
  .profile-order { grid-template-columns:58px 1fr; }
  .profile-order > img { width:58px; height:78px; }
  .profile-order > a { display:none; }
  .profile-order-bottom { flex-wrap:wrap; gap:8px; }
  .payment-page { padding:120px 0 50px; }
  .payment-status-card,.payment-steps { padding:25px; }
  .payment-status-card h1 { font-size:34px; }
  .payment-actions { flex-direction:column; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:35px; }
  .footer-grid > div:first-child,.tmdb-credit { grid-column:1/-1; }
  .footer-bottom { flex-direction:column; gap:6px; }
}
.button:disabled { opacity:.65; cursor:wait; transform:none!important; }
.button-loader { width:16px; height:16px; border:2px solid rgba(0,0,0,.25); border-top-color:#111; border-radius:50%; animation:buttonSpin .7s linear infinite; }
@keyframes buttonSpin { to { transform:rotate(360deg); } }


/* ===== Version 1.0.1 brand + theme refresh ===== */
html { background: var(--bg-deep); }
body { background: var(--bg); color: var(--ink); }
body::before { background:radial-gradient(circle at 20% 0%, rgba(145,151,174,.14), transparent 34%), radial-gradient(circle at 100% 35%, rgba(240,45,58,.08), transparent 31%); }
.eyebrow { color: var(--coral); }
.button-primary { background: var(--coral); color: var(--text-on-accent); box-shadow: 0 12px 32px rgba(240,45,58,.22); }
.button-primary:hover { background: var(--coral-2); box-shadow: 0 18px 42px rgba(221,4,38,.25); }
.button-ghost { border-color: var(--line-strong); background: var(--surface-glass); }
.button-ghost:hover { border-color: var(--line-strong); background: var(--surface-soft-2); }
.button-dark { background: var(--panel-2); border-color: var(--line); color: var(--ink); }
.button-dark:hover { background: var(--panel-3); border-color: var(--line-strong); }
.button-light { background: var(--ink); color: var(--bg); }
.button-light:hover { background: var(--text-strong); color: var(--bg); }
.text-link, .hero-overview, .how-intro p, .community-card p, .site-footer p, .site-footer a, .site-footer small { color: var(--muted); }
.text-link:hover { color: var(--ink); }

.site-header { border-bottom: 1px solid var(--line); }
.site-header.is-scrolled { background: var(--header-bg); }
.header-inner { grid-template-columns:minmax(160px,240px) auto minmax(220px,430px) auto; gap:24px; }
.brand-logo-link { min-width: 0; }
.brand-logo { width: 100%; max-width: 220px; height: auto; object-fit: contain; }
.brand-logo-footer { max-width: 235px; }
.header-search { border-color: var(--line); background: var(--surface-glass); }
.header-search svg, .header-search kbd { color: var(--muted-2); }
.header-search kbd { background: var(--surface-soft); }
.header-search input::placeholder { color: var(--muted-2); }
.desktop-nav a { color: var(--muted); }
.desktop-nav a::after { background: var(--coral); }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--ink); }
.icon-button, .profile-trigger { border-color: var(--line); background: var(--surface-glass); }
.icon-button:hover, .profile-trigger:hover { background: var(--surface-soft-2); }
.profile-menu { border-color: var(--line); background: var(--panel); }
.profile-menu a { color: var(--muted); }
.profile-menu a:hover { color: var(--ink); background: var(--surface-soft); }
.theme-toggle { position: relative; overflow: hidden; }
.theme-toggle .theme-icon { position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; transition: .22s ease; }
.theme-toggle .theme-icon-moon { opacity: 0; transform: scale(.7) rotate(-18deg); }
:root[data-theme="light"] .theme-toggle .theme-icon-sun { opacity: 0; transform: scale(.7) rotate(18deg); }
:root[data-theme="light"] .theme-toggle .theme-icon-moon { opacity: 1; transform: scale(1) rotate(0); }
:root[data-theme="dark"] .theme-toggle .theme-icon-sun, :root:not([data-theme]) .theme-toggle .theme-icon-sun { opacity: 1; transform: scale(1) rotate(0); }
:root[data-theme="dark"] .theme-toggle .theme-icon-moon, :root:not([data-theme]) .theme-toggle .theme-icon-moon { opacity: 0; }

.hero { background: var(--bg-deep); }
.hero-backdrop::after { background:linear-gradient(90deg,var(--hero-overlay-left) 0%,rgba(39,48,67,.93) 32%,rgba(39,48,67,.28) 68%,var(--hero-overlay-right) 100%); }
:root[data-theme="light"] .hero-backdrop img { opacity: .18; }
.hero-wash { background:linear-gradient(0deg,var(--bg) 0%, rgba(39,48,67,.12) 10%, transparent 35%), radial-gradient(circle at 68% 30%, rgba(240,45,58,.18), transparent 28%); }
.hero-copy { position: relative; z-index: 2; }
.hero-kicker { color: var(--coral); }
.hero h1 { color: var(--text-strong); }
.hero-meta > span { border-color: var(--line); color: var(--muted); background: var(--surface-glass); }
.rating { color: var(--coral)!important; }
.hero-overview strong { color: var(--text-strong); }
.hero-trust { color: var(--muted); }
.hero-trust svg { color: var(--coral); }
.now-card { border-color: var(--line); background: var(--surface-glass); }
.now-card-head { border-color: var(--line); }
.now-card-head small, .now-media p, .now-progress-copy { color: var(--muted); }
.now-card-head b, .now-media h2, .now-card>a { color: var(--ink); }
.live-tag, .poster-action, .queue-date.watching { background: var(--coral); color: var(--text-on-accent); }
.live-pill { border-color: var(--line); background: var(--surface-glass); color: var(--muted); }
.live-pill span, .pulse { background: var(--coral); box-shadow: 0 0 0 6px rgba(240,45,58,.13); }
.now-progress span { background: linear-gradient(90deg,var(--coral),var(--coral-2)); }
.now-card>a:hover { color: var(--text-strong); }

.category-pills { border-color: var(--line); background: var(--surface-soft); }
.category-pills button { color: var(--muted); }
.category-pills button:hover, .category-pills button.active { background: var(--ink); color: var(--bg); }
.media-poster { background: var(--panel); box-shadow: 0 14px 36px rgba(39,48,67,.16); }
.media-type { background: var(--surface-glass); color: var(--ink); }
.media-state { background: var(--coral); color: var(--text-on-accent); }
.media-state.state-queued { background: #ffcad0; color: #7a1120; }
.media-state.state-watching { background: var(--coral); color: var(--text-on-accent); }
.media-card-copy p { color: var(--muted); }
.media-card-copy p i { background: var(--muted-2); }

.queue-band { background: var(--queue-band-bg); color: var(--queue-band-ink); }
.queue-band .eyebrow { color: var(--coral); }
.queue-band-header p, .queue-summary span, .queue-position, .queue-title span, .queue-requester small, .queue-duration, .queue-date { color: var(--queue-band-muted); }
.queue-summary { border-color: rgba(39,48,67,.1); background: rgba(39,48,67,.02); }
.queue-summary i, .queue-preview-list, .queue-preview-item { border-color: rgba(39,48,67,.1); }
.queue-preview-item.is-watching { background: rgba(240,45,58,.07); }
.queue-preview-item.is-watching::before { background: var(--coral); }
.queue-date { background: rgba(39,48,67,.06); color: var(--queue-band-ink); }
.queue-date.scheduled { background: #d9deec; color: #273043; }

.how-section { background: transparent; }
.how-steps article { border-color: var(--line); background: linear-gradient(145deg,var(--surface-soft-2),var(--surface-soft)); }
.how-steps article > b { color: rgba(145,151,174,.13); }
.step-icon { color: var(--text-on-accent); background: var(--coral); }
.how-steps article:nth-child(2) .step-icon { background: var(--teal); }
.how-steps article:nth-child(3) .step-icon { background: var(--coral-2); }
.how-steps p { color: var(--muted); }

.community-card { background: var(--community-bg); color: var(--community-ink); }
.community-card::before { border-color: rgba(39,48,67,.12); box-shadow:0 0 0 70px rgba(39,48,67,.04),0 0 0 140px rgba(39,48,67,.025); }
:root[data-theme="dark"] .community-card::before { border-color: rgba(239,246,238,.16); box-shadow:0 0 0 70px rgba(239,246,238,.04),0 0 0 140px rgba(239,246,238,.025); }
.community-card .eyebrow { color: var(--coral); }
.community-card p { color: var(--community-copy); }

.site-footer { border-top:1px solid var(--line); background: var(--bg-deep); }
.footer-grid strong { color: var(--ink); }
.tmdb-credit { background: var(--surface-soft); border-color: var(--line); }
.footer-bottom { border-top:1px solid var(--line); color: var(--muted); }

@media (max-width: 1180px) {
  .header-inner { grid-template-columns:minmax(160px,210px) auto minmax(180px,1fr) auto; gap:16px; }
  .hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .how-grid { grid-template-columns:1fr; gap:38px; }
  .community-card { grid-template-columns:1fr; gap:28px; }
}
@media (max-width: 960px) {
  .header-inner { grid-template-columns:minmax(140px,1fr) auto auto; }
  .desktop-nav { display:none; }
  .header-search { min-width: 0; }
}
@media (max-width: 680px) {
  .shell { width:min(100% - 28px, var(--shell)); }
  .site-header { top:0 !important; }
  .header-inner { min-height:74px; grid-template-columns:minmax(0,1fr) auto; gap:12px; }
  .brand-logo { max-width: 170px; }
  .header-search { display:none; }
  .hero { min-height:auto; }
  .hero-grid { min-height:auto; padding-top:110px; padding-bottom:40px; }
  .hero h1 { font-size: clamp(42px, 12vw, 68px); }
      .queue-preview-item { grid-template-columns:36px 44px minmax(0,1fr); grid-auto-rows:auto; align-items:flex-start; padding:14px 0; }
  .queue-requester,.queue-duration,.queue-date { grid-column: 3; justify-self:start; }
  .queue-duration { margin-top: 6px; }
  .queue-date { margin-top: 8px; }
  .community-card { padding: 34px 24px; border-radius: 28px; }
        }
.mobile-nav { border-top:1px solid var(--line); background: var(--header-bg); }
.mobile-nav a { color: var(--muted); }
.mobile-nav .mobile-action { border-color: var(--bg); background: var(--coral); color: var(--text-on-accent); }
.catalog-hero,.page-hero,.profile-hero { background:linear-gradient(150deg,var(--panel-2),var(--bg) 60%); }
.catalog-hero::after,.page-hero::after,.profile-hero::after { border-color: rgba(145,151,174,.12); box-shadow:0 0 0 90px rgba(145,151,174,.035),0 0 0 180px rgba(240,45,58,.025); }
.catalog-hero > .shell > p,.page-hero > .shell > p,.results-toolbar,.empty-state p,.detail-overview,.detail-rule-note span,.queue-info-card > p,.queue-info-card li,.queue-page-toolbar button,.queue-full-copy p,.queue-full-meta > span,.order-terms,.privacy-check > span { color: var(--muted); }
.catalog-search,.queue-page-toolbar,.queue-full-list,.queue-info-card,.queue-cta-card,.order-panel,.episode-placeholder { border-color: var(--line); background: var(--panel); }
.catalog-search button,.catalog-filters a:hover,.catalog-filters a.active,.detail-status.watching,.queue-full-meta b.watching { color: var(--text-on-accent); }
.catalog-search svg,.detail-rule-note svg,.order-selection small,.queue-full-copy span,.queue-info-card li svg { color: var(--coral); }
.catalog-search input,.sort-button,.order-panel select,.order-panel textarea { color: var(--ink); }
.catalog-filters a,.sort-button,.back-link { color: var(--muted); }
.catalog-filters a:hover,.catalog-filters a.active { border-color: var(--ink); background: var(--ink); color: var(--bg); }
.order-panel select,.order-panel textarea,.order-selection,.privacy-check i { border-color: var(--line); background: var(--panel-2); }
.order-panel select:focus,.order-panel textarea:focus { border-color: rgba(240,45,58,.4); box-shadow:0 0 0 3px rgba(240,45,58,.08); }
.price-box { border-color: rgba(240,45,58,.18); background: rgba(240,45,58,.06); }
.price-box span,.price-box small { color: var(--muted); }
.price-box strong { color: var(--coral); }
.queue-cta-card { background: linear-gradient(150deg,var(--panel-2),var(--panel)); }
.detail-overlay { background:linear-gradient(90deg,var(--hero-overlay-left) 0%, rgba(39,48,67,.9) 45%, rgba(39,48,67,.46) 75%, var(--hero-overlay-right) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 38%); }
.detail-status,.queue-full-meta b.scheduled,.privacy-check input:checked + span i { background: var(--coral); color: var(--text-on-accent); }
.detail-status.queued { background: #ffcad0; color: #7a1120; }

/* ===== Patch 1.0.3: home collections and profile ===== */
.home-catalog-section { padding-block: 82px; }
.home-catalog-section-alt { background: var(--surface-soft); }
.home-section-heading { grid-template-columns: 1fr auto; }
.profile-stats { justify-content: flex-end; }
.profile-stats div { min-width: 155px; }
@media (max-width: 680px) {
  .home-catalog-section { padding-block: 58px; }
  .home-section-heading { grid-template-columns: 1fr; align-items: start; gap: 15px; }
  .profile-stats { justify-content: flex-start; }
}

/* ===== Version 1.0.4: cinematic polish, search spotlight and payment timeout ===== */
:root,
:root[data-theme="dark"] {
  --success: #d7dded;
  --glow-red: rgba(240,45,58,.42);
  --glow-soft: rgba(145,151,174,.18);
}
:root[data-theme="light"] {
  --success: #6f7795;
  --glow-red: rgba(240,45,58,.26);
  --glow-soft: rgba(145,151,174,.14);
}
body::after {
  content:"";
  position:fixed;
  z-index:-2;
  inset:-25%;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(240,45,58,.09), transparent 25%),
    radial-gradient(circle at 76% 18%, rgba(145,151,174,.12), transparent 28%),
    radial-gradient(circle at 55% 82%, rgba(221,4,38,.055), transparent 24%);
  filter:blur(18px);
  animation:ambientCinema 18s ease-in-out infinite alternate;
}
@keyframes ambientCinema {
  0% { transform:translate3d(-1.5%,-1%,0) scale(1); }
  100% { transform:translate3d(1.5%,1%,0) scale(1.06); }
}
.site-header.is-scrolled { box-shadow:0 14px 45px rgba(16,20,30,.24), inset 0 -1px rgba(239,246,238,.035); }
.brand-logo { filter:drop-shadow(0 7px 17px rgba(0,0,0,.16)); transition:transform .25s ease, filter .25s ease; }
.brand-logo-link:hover .brand-logo { transform:translateY(-1px) scale(1.012); filter:drop-shadow(0 10px 24px rgba(240,45,58,.18)); }

.hero::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:radial-gradient(circle, rgba(239,246,238,.28) 1px, transparent 1px);
  background-size:27px 27px;
  mask-image:linear-gradient(90deg,black,transparent 74%);
}
:root[data-theme="light"] .hero::before { opacity:.08; }
.hero-effects { position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; }
.hero-orb { position:absolute; display:block; border-radius:50%; filter:blur(4px); opacity:.56; }
.hero-orb-one { width:390px; height:390px; right:6%; top:12%; border:1px solid rgba(240,45,58,.22); box-shadow:0 0 90px rgba(240,45,58,.1), inset 0 0 70px rgba(240,45,58,.05); animation:heroOrbFloat 9s ease-in-out infinite; }
.hero-orb-two { width:180px; height:180px; right:28%; bottom:14%; border:1px solid rgba(145,151,174,.25); box-shadow:0 0 65px rgba(145,151,174,.13); animation:heroOrbFloat 7s ease-in-out -2s infinite reverse; }
.hero-film-line { position:absolute; width:1px; height:360px; background:linear-gradient(transparent,rgba(239,246,238,.16),transparent); transform:rotate(28deg); }
.hero-film-line-one { right:18%; top:-60px; }
.hero-film-line-two { right:10%; top:110px; opacity:.55; }
@keyframes heroOrbFloat { 50% { transform:translate3d(0,-14px,0) scale(1.025); } }
.hero-copy { isolation:isolate; }
.hero-copy::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:480px;
  height:310px;
  left:-120px;
  top:25%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,45,58,.12),transparent 67%);
  filter:blur(25px);
}
.hero h1 { text-shadow:0 16px 50px rgba(0,0,0,.24); }
:root[data-theme="light"] .hero h1 { text-shadow:0 15px 40px rgba(39,48,67,.11); }
.hero-actions { align-items:center; }
.button-featured-order { position:relative; overflow:hidden; }
.button-featured-order::after,
.button-search-glow::after {
  content:"";
  position:absolute;
  inset:-80% auto -80% -45%;
  width:38%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  transition:transform .65s ease;
}
.button-featured-order:hover::after,
.button-search-glow:hover::after { transform:translateX(420%) rotate(18deg); }
.button-search-glow {
  position:relative;
  overflow:hidden;
  border-color:rgba(240,45,58,.66);
  color:var(--ink);
  background:linear-gradient(135deg,rgba(240,45,58,.17),rgba(221,4,38,.08));
  box-shadow:0 0 0 1px rgba(240,45,58,.12),0 0 26px rgba(240,45,58,.23),inset 0 0 18px rgba(240,45,58,.05);
  animation:searchButtonGlow 2.8s ease-in-out infinite;
}
.button-search-glow:hover { transform:translateY(-2px) scale(1.015); border-color:var(--coral); background:linear-gradient(135deg,var(--coral),var(--coral-2)); color:white; box-shadow:0 15px 42px rgba(240,45,58,.38); }
@keyframes searchButtonGlow {
  50% { box-shadow:0 0 0 1px rgba(240,45,58,.22),0 0 38px rgba(240,45,58,.34),inset 0 0 20px rgba(240,45,58,.08); }
}
.now-card {
  position:relative;
  overflow:hidden;
  box-shadow:0 26px 75px rgba(12,17,28,.34),0 0 0 1px rgba(239,246,238,.025);
  transform:translateZ(0);
}
.now-card::before,
.catalog-spotlight-card::before,
.media-poster::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:radial-gradient(280px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(240,45,58,.16),transparent 48%);
  opacity:0;
  transition:opacity .25s ease;
}
.now-card:hover::before,
.catalog-spotlight-card:hover::before,
.media-poster:hover::before { opacity:1; }
.now-card > * { position:relative; z-index:1; }

.catalog-spotlight-section { position:relative; z-index:7; margin-top:-42px; padding:0 0 30px; }
.catalog-spotlight-card {
  position:relative;
  display:grid;
  grid-template-columns:70px minmax(250px,.8fr) minmax(440px,1.2fr);
  gap:24px;
  align-items:center;
  overflow:hidden;
  min-height:154px;
  padding:26px 30px;
  border:1px solid rgba(240,45,58,.28);
  border-radius:26px;
  background:linear-gradient(125deg,var(--surface-glass),var(--panel));
  box-shadow:0 28px 75px rgba(13,18,29,.28),0 0 42px rgba(240,45,58,.1),inset 0 1px rgba(239,246,238,.08);
  backdrop-filter:blur(24px);
}
.catalog-spotlight-card::after {
  content:"";
  position:absolute;
  z-index:0;
  right:-110px;
  top:-150px;
  width:360px;
  height:360px;
  border-radius:50%;
  border:1px solid rgba(240,45,58,.18);
  box-shadow:0 0 0 54px rgba(240,45,58,.035),0 0 0 108px rgba(145,151,174,.025);
  pointer-events:none;
}
.catalog-spotlight-card > * { position:relative; z-index:1; }
.catalog-spotlight-icon { width:62px; height:62px; display:grid; place-items:center; border-radius:19px; color:white; background:linear-gradient(145deg,var(--coral),var(--coral-2)); box-shadow:0 14px 34px rgba(240,45,58,.31); }
.catalog-spotlight-icon svg { width:26px; height:26px; }
.catalog-spotlight-copy h2 { margin:8px 0 6px; font-size:clamp(24px,2.4vw,38px); line-height:1.04; letter-spacing:-.04em; }
.catalog-spotlight-copy p { margin:0; color:var(--muted); font-size:12px; }
.catalog-spotlight-search { min-height:62px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:6px 6px 6px 18px; border:1px solid var(--line-strong); border-radius:17px; background:var(--surface-glass); box-shadow:inset 0 1px rgba(239,246,238,.04); }
.catalog-spotlight-search > svg { width:20px; color:var(--coral); }
.catalog-spotlight-search input { min-width:0; border:0; outline:0; background:transparent; color:var(--ink); font-size:14px; }
.catalog-spotlight-search input::placeholder { color:var(--muted-2); }
.catalog-spotlight-search button { height:50px; display:inline-flex; align-items:center; gap:9px; padding:0 19px; border:0; border-radius:12px; color:white; background:linear-gradient(135deg,var(--coral),var(--coral-2)); box-shadow:0 10px 28px rgba(240,45,58,.25); font-size:12px; font-weight:900; white-space:nowrap; transition:.22s ease; }
.catalog-spotlight-search button:hover { transform:translateY(-1px); box-shadow:0 14px 36px rgba(240,45,58,.38); }
.catalog-spotlight-search button svg { width:15px; }

.home-catalog-section { position:relative; overflow:hidden; }
.home-catalog-section::before { content:""; position:absolute; pointer-events:none; width:520px; height:520px; left:-350px; top:10%; border-radius:50%; background:radial-gradient(circle,rgba(145,151,174,.08),transparent 68%); }
.home-catalog-section-alt::before { left:auto; right:-350px; background:radial-gradient(circle,rgba(240,45,58,.07),transparent 68%); }
.home-section-heading { position:relative; padding-bottom:21px; border-bottom:1px solid var(--line); }
.home-section-heading::after { content:""; position:absolute; left:0; bottom:-1px; width:88px; height:2px; background:linear-gradient(90deg,var(--coral),transparent); }
.catalog-link-glow { min-height:42px; padding:0 16px; border:1px solid rgba(240,45,58,.25); border-radius:999px; background:rgba(240,45,58,.055); box-shadow:0 0 22px rgba(240,45,58,.08); }
.catalog-link-glow:hover { color:white; border-color:var(--coral); background:linear-gradient(135deg,var(--coral),var(--coral-2)); box-shadow:0 12px 30px rgba(240,45,58,.25); transform:translateY(-1px); }
.media-card { position:relative; }
.media-poster { border:1px solid var(--line); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.media-poster::before { z-index:2; background:radial-gradient(220px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(240,45,58,.28),transparent 45%); mix-blend-mode:screen; }
.media-card:hover .media-poster { transform:translateY(-3px) scale(1.012); border-color:rgba(240,45,58,.36); box-shadow:0 24px 58px rgba(14,18,29,.3),0 0 28px rgba(240,45,58,.12); }
.media-card:hover .media-card-copy h3 { color:var(--coral); }
.media-card-copy h3 { transition:color .22s ease; }
.poster-action { box-shadow:0 9px 26px rgba(240,45,58,.32); }
.queue-preview-item { transition:background .2s ease,transform .2s ease; }
.queue-preview-item:hover { background:rgba(240,45,58,.045); transform:translateX(4px); }
.how-steps article { transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.how-steps article::after { content:""; position:absolute; left:22px; right:22px; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(240,45,58,.65),transparent); opacity:0; transition:opacity .25s ease; }
.how-steps article:hover { transform:translateY(-7px); border-color:rgba(240,45,58,.25); box-shadow:0 24px 58px rgba(15,19,30,.16),0 0 25px rgba(240,45,58,.07); }
.how-steps article:hover::after { opacity:1; }
.community-card { box-shadow:0 28px 85px rgba(16,20,31,.18),0 0 35px rgba(240,45,58,.07); }
.community-card::after { content:""; position:absolute; inset:1px; pointer-events:none; border-radius:35px; border:1px solid rgba(239,246,238,.07); }

.payment-status-icon.canceled { color:white; background:linear-gradient(145deg,var(--coral),var(--coral-2)); box-shadow:0 12px 34px rgba(240,45,58,.25); }
.payment-deadline { max-width:440px; display:grid; grid-template-columns:1fr auto; gap:4px 18px; align-items:center; margin:22px auto; padding:16px 18px; border:1px solid rgba(240,45,58,.22); border-radius:15px; background:rgba(240,45,58,.055); text-align:left; }
.payment-deadline span { color:var(--muted); font-size:11px; font-weight:750; }
.payment-deadline strong { grid-row:1/3; grid-column:2; color:var(--coral); font-size:27px; letter-spacing:.04em; font-variant-numeric:tabular-nums; }
.payment-deadline small { color:var(--muted-2); font-size:9px; line-height:1.4; }
.payment-step.canceled i { color:white; background:var(--coral); border-color:var(--coral); }
.payment-step.canceled b { color:var(--coral); }

@media (max-width:1180px) {
  .catalog-spotlight-card { grid-template-columns:62px 1fr; }
  .catalog-spotlight-search { grid-column:1/-1; }
}
@media (max-width:680px) {
  body::after { animation:none; }
  .hero-effects { opacity:.55; }
  .hero-orb-one { width:240px; height:240px; right:-80px; top:16%; }
  .hero-orb-two,.hero-film-line { display:none; }
  .hero-actions { width:100%; flex-direction:column; align-items:stretch; }
  .hero-actions .button { width:100%; }
  .catalog-spotlight-section { margin-top:-12px; padding-bottom:10px; }
  .catalog-spotlight-card { grid-template-columns:52px 1fr; gap:15px; padding:21px 18px; border-radius:21px; }
  .catalog-spotlight-icon { width:50px; height:50px; border-radius:15px; }
  .catalog-spotlight-copy h2 { font-size:24px; }
  .catalog-spotlight-copy p { display:none; }
  .catalog-spotlight-search { grid-column:1/-1; grid-template-columns:auto 1fr; padding:8px 12px; }
  .catalog-spotlight-search button { grid-column:1/-1; width:100%; justify-content:center; }
  .catalog-link-glow { align-self:flex-start; }
  .payment-deadline { grid-template-columns:1fr; text-align:center; }
  .payment-deadline strong { grid-row:auto; grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}
.status-chip.canceled,.status-chip.payment_expired,.status-chip.refund_pending { background:rgba(240,45,58,.12); color:var(--coral); }


/* ===== Patch 1.0.5: contrast + logo emphasis ===== */
:root[data-theme="light"] {
  --bg: #eff6ee;
  --bg-deep: #e8efeb;
  --panel: #ffffff;
  --panel-2: #fdfefe;
  --panel-3: #f2f5fb;
  --ink: #1e2b42;
  --muted: #4f5e79;
  --muted-2: #6d7890;
  --line: rgba(30,43,66,.10);
  --line-strong: rgba(30,43,66,.18);
  --teal: #5b6683;
  --teal-2: #39455d;
  --text-strong: #0f1728;
  --surface-glass: rgba(255,255,255,.86);
  --surface-soft: rgba(30,43,66,.035);
  --surface-soft-2: rgba(30,43,66,.06);
  --header-bg: rgba(248,251,252,.84);
  --hero-overlay-left: rgba(239,246,238,.985);
  --hero-overlay-right: rgba(239,246,238,.82);
}
.brand-logo-link,
.admin-brand,
.brand-footer {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 64px;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
  box-shadow: 0 14px 34px rgba(7,16,20,.18), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
}
:root[data-theme="light"] .brand-logo-link,
:root[data-theme="light"] .admin-brand,
:root[data-theme="light"] .brand-footer {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82));
  box-shadow: 0 18px 38px rgba(30,43,66,.10), inset 0 1px 0 rgba(255,255,255,.96);
}
.brand-logo { max-width: 248px; filter: drop-shadow(0 8px 18px rgba(7,16,20,.24)); }
.brand-logo-footer { max-width: 240px; }
.brand-logo-admin { max-width: 188px; }
.header-inner { min-height: 94px; }
:root[data-theme="light"] .site-header { box-shadow: 0 12px 32px rgba(30,43,66,.06); }
:root[data-theme="light"] .desktop-nav a { color: #54637d; }
:root[data-theme="light"] .desktop-nav a:hover,
:root[data-theme="light"] .desktop-nav a.active,
:root[data-theme="light"] .header-search input,
:root[data-theme="light"] .hero h1,
:root[data-theme="light"] .catalog-hero h1,
:root[data-theme="light"] .page-hero h1,
:root[data-theme="light"] .profile-hero h1,
:root[data-theme="light"] .detail-copy h1,
:root[data-theme="light"] .detail-copy h2,
:root[data-theme="light"] .section-heading h2,
:root[data-theme="light"] .queue-band-header h2,
:root[data-theme="light"] .how-intro h2,
:root[data-theme="light"] .community-card h2,
:root[data-theme="light"] .media-card-copy h3,
:root[data-theme="light"] .order-panel-top span,
:root[data-theme="light"] .price-box strong,
:root[data-theme="light"] .detail-rule-note b,
:root[data-theme="light"] .site-footer strong,
:root[data-theme="light"] .footer-bottom,
:root[data-theme="light"] .header-actions,
:root[data-theme="light"] .profile-trigger span { color: var(--text-strong); }
:root[data-theme="light"] .hero-meta > span,
:root[data-theme="light"] .detail-meta > span,
:root[data-theme="light"] .sort-button,
:root[data-theme="light"] .order-selection,
:root[data-theme="light"] .price-box span,
:root[data-theme="light"] .price-box small,
:root[data-theme="light"] .order-panel-top small,
:root[data-theme="light"] .detail-overview,
:root[data-theme="light"] .detail-rule-note span,
:root[data-theme="light"] .order-terms,
:root[data-theme="light"] .privacy-check > span,
:root[data-theme="light"] .site-footer p,
:root[data-theme="light"] .site-footer a,
:root[data-theme="light"] .site-footer small,
:root[data-theme="light"] .catalog-hero > .shell > p,
:root[data-theme="light"] .page-hero > .shell > p,
:root[data-theme="light"] .results-toolbar,
:root[data-theme="light"] .empty-state p,
:root[data-theme="light"] .queue-info-card > p,
:root[data-theme="light"] .queue-info-card li,
:root[data-theme="light"] .queue-page-toolbar button,
:root[data-theme="light"] .queue-full-copy p,
:root[data-theme="light"] .queue-full-meta > span { color: var(--muted); }
:root[data-theme="light"] .detail-backdrop img { opacity: .22; filter: saturate(.92) blur(.2px); }
:root[data-theme="light"] .detail-overlay {
  background: linear-gradient(90deg, rgba(239,246,238,.985) 0%, rgba(239,246,238,.97) 48%, rgba(239,246,238,.88) 76%, rgba(239,246,238,.72) 100%),
              linear-gradient(0deg, rgba(239,246,238,1) 0%, rgba(239,246,238,.48) 42%, rgba(239,246,238,.22) 100%);
}
:root[data-theme="light"] .detail-copy,
:root[data-theme="light"] .detail-copy .eyebrow,
:root[data-theme="light"] .back-link { text-shadow: none; }
:root[data-theme="light"] .detail-rule-note,
:root[data-theme="light"] .order-panel,
:root[data-theme="light"] .catalog-search,
:root[data-theme="light"] .queue-info-card,
:root[data-theme="light"] .queue-full-list,
:root[data-theme="light"] .queue-cta-card,
:root[data-theme="light"] .episode-placeholder {
  background: rgba(255,255,255,.92);
  box-shadow: 0 24px 64px rgba(30,43,66,.10);
}
:root[data-theme="light"] .detail-grid { align-items: start; }
:root[data-theme="light"] .detail-poster { box-shadow: 0 30px 70px rgba(30,43,66,.18); }
:root[data-theme="light"] .hero-overview strong { color: var(--text-strong); }
:root[data-theme="light"] .hero-meta > span,
:root[data-theme="light"] .detail-meta > span { background: rgba(255,255,255,.74); border-color: var(--line); }
.price-box { min-height: 118px; }
.order-panel { width: 100%; }


/* ===== Patch 1.0.6: logo glow, remove hard badge ===== */
.brand-logo-link,
.admin-brand,
.brand-footer {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 64px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  overflow: visible;
}
.brand-logo-link::before,
.admin-brand::before,
.brand-footer::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 108px;
  height: 108px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240,45,58,.28) 0%, rgba(240,45,58,.18) 28%, rgba(240,45,58,.08) 48%, rgba(240,45,58,0) 72%);
  filter: blur(12px);
  pointer-events: none;
}
:root[data-theme="light"] .brand-logo-link::before,
:root[data-theme="light"] .admin-brand::before,
:root[data-theme="light"] .brand-footer::before {
  background: radial-gradient(circle, rgba(240,45,58,.22) 0%, rgba(240,45,58,.12) 34%, rgba(240,45,58,.05) 55%, rgba(240,45,58,0) 74%);
}
.brand-logo,
.brand-logo-admin,
.brand-logo-footer { position: relative; z-index: 1; }
.brand-logo { max-width: 248px; filter: drop-shadow(0 10px 26px rgba(7,16,20,.22)); }
.brand-logo-admin { max-width: 188px; filter: drop-shadow(0 10px 26px rgba(7,16,20,.18)); }
.brand-logo-footer { max-width: 240px; filter: drop-shadow(0 10px 24px rgba(7,16,20,.18)); }
:root[data-theme="light"] .brand-logo,
:root[data-theme="light"] .brand-logo-admin,
:root[data-theme="light"] .brand-logo-footer { filter: drop-shadow(0 12px 22px rgba(30,43,66,.14)); }


/* ===== Patch 1.0.7: transparency + stronger backdrop ===== */
:root[data-theme="dark"] {
  --header-bg: rgba(20, 26, 38, .56);
  --surface-glass: rgba(39,48,67,.54);
}
:root[data-theme="light"] {
  --header-bg: rgba(248,251,252,.56);
  --surface-glass: rgba(255,255,255,.62);
}
.site-header {
  background: transparent;
  backdrop-filter: blur(14px);
}
.site-header.is-scrolled {
  background: var(--header-bg);
  backdrop-filter: blur(18px);
}
.header-search,
.icon-button,
.profile-trigger { backdrop-filter: blur(14px); }
.hero-backdrop img { opacity: .44; filter: saturate(1.02) contrast(1.03); }
:root[data-theme="light"] .hero-backdrop img { opacity: .24; filter: saturate(1.02) contrast(1.02); }
.detail-backdrop img { opacity: .36; filter: saturate(1.06) contrast(1.03); }
:root[data-theme="light"] .detail-backdrop img { opacity: .30; filter: saturate(1.03) contrast(1.02); }
.queue-hero-backdrop img,
.page-backdrop img { opacity: .32; }


/* ===== Patch 1.0.8: darker translucent chrome + visible backdrops + light logo fix ===== */
:root[data-theme="dark"] {
  --header-bg: rgba(10, 14, 22, .34);
  --surface-glass: rgba(18, 24, 36, .30);
}
:root[data-theme="light"] {
  --header-bg: rgba(32, 40, 58, .16);
  --surface-glass: rgba(255,255,255,.26);
  --hero-overlay-left: rgba(239,246,238,.80);
  --hero-overlay-right: rgba(239,246,238,.42);
}
.site-header { background: transparent; backdrop-filter: blur(8px); }
.site-header.is-scrolled { background: var(--header-bg); backdrop-filter: blur(14px); }
.header-search,
.icon-button,
.profile-trigger,
.mobile-nav { backdrop-filter: blur(12px); }
.hero-backdrop img { opacity: .62; filter: saturate(1.08) contrast(1.04); }
:root[data-theme="light"] .hero-backdrop img { opacity: .46; filter: saturate(1.05) contrast(1.03); }
.hero-backdrop::after { background: linear-gradient(90deg,var(--hero-overlay-left) 0%, rgba(39,48,67,.72) 32%, rgba(39,48,67,.16) 68%, var(--hero-overlay-right) 100%); }
:root[data-theme="light"] .hero-backdrop::after { background: linear-gradient(90deg, rgba(239,246,238,.82) 0%, rgba(239,246,238,.68) 34%, rgba(239,246,238,.22) 70%, rgba(239,246,238,.10) 100%); }
.hero-wash { background: linear-gradient(0deg,var(--bg) 0%, rgba(39,48,67,.05) 10%, transparent 35%), radial-gradient(circle at 68% 30%, rgba(240,45,58,.18), transparent 28%); }
:root[data-theme="light"] .hero-wash { background: linear-gradient(0deg, rgba(239,246,238,.44) 0%, rgba(239,246,238,.14) 16%, transparent 40%), radial-gradient(circle at 68% 30%, rgba(240,45,58,.12), transparent 30%); }
.detail-backdrop img { opacity: .56; filter: saturate(1.08) contrast(1.04); }
:root[data-theme="light"] .detail-backdrop img { opacity: .48; filter: saturate(1.05) contrast(1.03); }
:root[data-theme="light"] .detail-overlay {
  background: linear-gradient(90deg, rgba(239,246,238,.78) 0%, rgba(239,246,238,.62) 48%, rgba(239,246,238,.28) 76%, rgba(239,246,238,.16) 100%),
              linear-gradient(0deg, rgba(239,246,238,.82) 0%, rgba(239,246,238,.22) 42%, rgba(239,246,238,.06) 100%);
}
.brand-logo-link,
.admin-brand,
.brand-footer { isolation: isolate; }
:root[data-theme="light"] .brand-logo,
:root[data-theme="light"] .brand-logo-admin,
:root[data-theme="light"] .brand-logo-footer {
  mix-blend-mode: multiply;
  filter: drop-shadow(0 10px 22px rgba(30,43,66,.10));
}


/* ===== Patch 1.0.9: ticker, transparent film backdrops and light textures ===== */
:root[data-theme="dark"] {
  --header-bg: rgba(8, 11, 18, .28);
  --surface-glass: rgba(14, 19, 29, .28);
  --hero-overlay-left: rgba(10, 14, 22, .54);
  --hero-overlay-right: rgba(10, 14, 22, .18);
}
:root[data-theme="light"] {
  --header-bg: rgba(26, 34, 49, .12);
  --surface-glass: rgba(255,255,255,.24);
  --hero-overlay-left: rgba(239,246,238,.46);
  --hero-overlay-right: rgba(239,246,238,.08);
}
:root[data-theme="light"] body {
  background-color: #edf3ef;
  background-image:
    linear-gradient(rgba(39,48,67,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39,48,67,.025) 1px, transparent 1px),
    radial-gradient(circle at 12% 8%, rgba(240,45,58,.065), transparent 25%),
    radial-gradient(circle at 88% 28%, rgba(145,151,174,.09), transparent 30%);
  background-size: 34px 34px, 34px 34px, auto, auto;
}
:root[data-theme="light"] body::before {
  opacity: .72;
  background:
    repeating-linear-gradient(135deg, rgba(39,48,67,.018) 0 1px, transparent 1px 12px),
    radial-gradient(circle at 20% 0%, rgba(145,151,174,.08), transparent 34%),
    radial-gradient(circle at 100% 35%, rgba(240,45,58,.055), transparent 31%);
}
:root[data-theme="light"] .section-discover,
:root[data-theme="light"] .how-section,
:root[data-theme="light"] .profile-section,
:root[data-theme="light"] .catalog-results,
:root[data-theme="light"] .queue-page-section {
  background-image:
    radial-gradient(circle at 10% 0%, rgba(240,45,58,.035), transparent 24%),
    repeating-linear-gradient(90deg, rgba(39,48,67,.014) 0 1px, transparent 1px 28px);
}
.site-header,
.site-header.is-scrolled {
  border-bottom-color: rgba(145,151,174,.13);
  background: var(--header-bg);
  backdrop-filter: blur(10px) saturate(1.08);
}
.hero-backdrop img { opacity: .78; filter: saturate(1.12) contrast(1.06); }
:root[data-theme="light"] .hero-backdrop img { opacity: .66; filter: saturate(1.10) contrast(1.05); }
.hero-backdrop::after {
  background: linear-gradient(90deg, var(--hero-overlay-left) 0%, rgba(10,14,22,.34) 34%, rgba(10,14,22,.08) 72%, var(--hero-overlay-right) 100%);
}
:root[data-theme="light"] .hero-backdrop::after {
  background: linear-gradient(90deg, rgba(239,246,238,.52) 0%, rgba(239,246,238,.34) 34%, rgba(239,246,238,.08) 72%, rgba(239,246,238,.02) 100%);
}
.hero-wash { background: linear-gradient(0deg, rgba(10,14,22,.34) 0%, rgba(10,14,22,.05) 17%, transparent 40%), radial-gradient(circle at 68% 30%, rgba(240,45,58,.14), transparent 30%); }
:root[data-theme="light"] .hero-wash { background: linear-gradient(0deg, rgba(239,246,238,.38) 0%, rgba(239,246,238,.08) 18%, transparent 42%), radial-gradient(circle at 68% 30%, rgba(240,45,58,.09), transparent 32%); }
.hero-copy::before {
  content: "";
  position: absolute;
  inset: -48px -70px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 35% 45%, rgba(8,12,20,.30), rgba(8,12,20,.12) 45%, transparent 72%);
  filter: blur(10px);
}
:root[data-theme="light"] .hero-copy::before {
  background: radial-gradient(ellipse at 35% 45%, rgba(239,246,238,.52), rgba(239,246,238,.22) 48%, transparent 74%);
}
.detail-backdrop img { opacity: .74; filter: saturate(1.12) contrast(1.06); }
:root[data-theme="light"] .detail-backdrop img { opacity: .64; filter: saturate(1.10) contrast(1.05); }
.detail-overlay {
  background: linear-gradient(90deg, rgba(8,12,20,.64) 0%, rgba(8,12,20,.42) 44%, rgba(8,12,20,.16) 76%, rgba(8,12,20,.08) 100%),
              linear-gradient(0deg, rgba(8,12,20,.48) 0%, rgba(8,12,20,.04) 44%, transparent 100%);
}
:root[data-theme="light"] .detail-overlay {
  background: linear-gradient(90deg, rgba(239,246,238,.58) 0%, rgba(239,246,238,.38) 44%, rgba(239,246,238,.12) 76%, rgba(239,246,238,.03) 100%),
              linear-gradient(0deg, rgba(239,246,238,.48) 0%, rgba(239,246,238,.08) 44%, transparent 100%);
}
:root[data-theme="light"] .brand-logo-link,
:root[data-theme="light"] .admin-brand,
:root[data-theme="light"] .brand-footer {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
:root[data-theme="light"] .brand-logo,
:root[data-theme="light"] .brand-logo-admin,
:root[data-theme="light"] .brand-logo-footer {
  mix-blend-mode: multiply;
  filter: drop-shadow(0 9px 18px rgba(30,43,66,.10));
}
.hero-with-ticker .hero-grid {
  grid-template-columns: minmax(0, 780px);
  padding-top: 188px;
}
.hero-ticker-shell {
  position: absolute;
  z-index: 8;
  left: 50%;
  top: 104px;
  transform: translateX(-50%);
}
.queue-ticker {
  min-height: 54px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 0 18px;
  overflow: hidden;
  border: 1px solid rgba(145,151,174,.20);
  border-radius: 16px;
  background: rgba(10,14,22,.38);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  backdrop-filter: blur(14px) saturate(1.08);
}
:root[data-theme="light"] .queue-ticker {
  background: rgba(255,255,255,.38);
  border-color: rgba(39,48,67,.12);
  box-shadow: 0 18px 50px rgba(39,48,67,.10);
}
.queue-ticker-label,
.queue-ticker-action {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  white-space: nowrap;
}
.queue-ticker-label i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--coral);
  box-shadow: 0 0 0 6px rgba(240,45,58,.12);
}
.queue-ticker-action { letter-spacing: 0; }
.queue-ticker-action svg { width: 15px; }
.queue-ticker-window {
  min-width: 0;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.queue-ticker-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: cineTicker 34s linear infinite;
}
.queue-ticker:hover .queue-ticker-track { animation-play-state: paused; }
.queue-ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding-right: 28px;
  white-space: nowrap;
  color: var(--muted);
  font-size: 12px;
}
.queue-ticker-item b {
  padding: 4px 7px;
  border-radius: 6px;
  background: rgba(240,45,58,.13);
  color: var(--coral);
  font-size: 9px;
  letter-spacing: .08em;
}
.queue-ticker-item strong { color: var(--ink); font-size: 13px; }
.queue-ticker-item small { color: var(--muted); }
.queue-ticker-item > i {
  width: 4px;
  height: 4px;
  margin-left: 8px;
  border-radius: 50%;
  background: var(--muted-2);
}
@keyframes cineTicker { to { transform: translateX(-50%); } }
@media (max-width: 960px) {
  .hero-ticker-shell { top: 92px; }
  .hero-with-ticker .hero-grid { padding-top: 170px; }
  .queue-ticker { grid-template-columns: auto minmax(0,1fr); }
  .queue-ticker-action { display: none; }
}
@media (max-width: 680px) {
  .hero-ticker-shell { top: 80px; }
  .hero-with-ticker .hero-grid { padding-top: 150px; }
  .queue-ticker { min-height: 48px; padding: 0 12px; gap: 12px; border-radius: 13px; }
  .queue-ticker-label { font-size: 9px; }
  .queue-ticker-item { font-size: 10px; }
  .queue-ticker-item strong { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .queue-ticker-track { animation: none; }
}


/* ===== Patch 1.0.10: compact ticker + permanent full-logo glow ===== */
.brand-logo-link::before,
.admin-brand::before,
.brand-footer::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: -18px;
  top: 50%;
  width: calc(100% + 36px);
  height: 86%;
  transform: translateY(-50%);
  border-radius: 999px;
  background: radial-gradient(ellipse at center,
    rgba(240,45,58,.38) 0%,
    rgba(240,45,58,.24) 26%,
    rgba(240,45,58,.12) 48%,
    rgba(240,45,58,.04) 62%,
    rgba(240,45,58,0) 78%);
  filter: blur(14px);
  opacity: 1;
  pointer-events: none;
}
:root[data-theme="light"] .brand-logo-link::before,
:root[data-theme="light"] .admin-brand::before,
:root[data-theme="light"] .brand-footer::before {
  background: radial-gradient(ellipse at center,
    rgba(240,45,58,.30) 0%,
    rgba(240,45,58,.18) 30%,
    rgba(240,45,58,.08) 52%,
    rgba(240,45,58,0) 76%);
}
.brand-logo-link:hover .brand-logo,
.admin-brand:hover .brand-logo-admin,
.brand-footer:hover .brand-logo-footer {
  transform: translateY(-1px) scale(1.008);
  filter: drop-shadow(0 10px 22px rgba(7,16,20,.20));
}
.hero-ticker-shell { top: 98px; }
.hero-with-ticker .hero-grid { padding-top: 160px; }
.queue-ticker {
  min-height: 40px;
  gap: 13px;
  padding: 0 13px;
  border-radius: 12px;
}
.queue-ticker-label,
.queue-ticker-action {
  gap: 7px;
  font-size: 9px;
  letter-spacing: .085em;
}
.queue-ticker-label i {
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px rgba(240,45,58,.11);
}
.queue-ticker-item {
  gap: 7px;
  padding-right: 22px;
  font-size: 10px;
}
.queue-ticker-item b {
  padding: 3px 6px;
  border-radius: 5px;
  font-size: 8px;
}
.queue-ticker-item strong { font-size: 11px; }
.queue-ticker-item small { font-size: 10px; }
.queue-ticker-action svg { width: 13px; }
@media (max-width: 960px) {
  .hero-ticker-shell { top: 86px; }
  .hero-with-ticker .hero-grid { padding-top: 146px; }
}
@media (max-width: 680px) {
  .hero-ticker-shell { top: 76px; }
  .hero-with-ticker .hero-grid { padding-top: 132px; }
  .queue-ticker { min-height: 36px; padding: 0 10px; gap: 9px; border-radius: 10px; }
  .queue-ticker-label { font-size: 8px; }
  .queue-ticker-item { font-size: 9px; }
  .queue-ticker-item strong { font-size: 10px; }
}


/* ===== Patch 1.0.11: lighter glass + nav underline alignment ===== */
:root[data-theme="light"] {
  --header-bg: rgba(239,246,238,.20);
  --surface-glass: rgba(255,255,255,.16);
}
:root[data-theme="light"] .site-header.is-scrolled {
  background: rgba(239,246,238,.24);
  backdrop-filter: blur(12px) saturate(1.02);
}
:root[data-theme="light"] .header-search,
:root[data-theme="light"] .icon-button,
:root[data-theme="light"] .profile-trigger,
:root[data-theme="light"] .queue-ticker,
:root[data-theme="light"] .catalog-spotlight,
:root[data-theme="light"] .order-panel,
:root[data-theme="light"] .detail-rule-note,
:root[data-theme="light"] .catalog-search,
:root[data-theme="light"] .queue-info-card,
:root[data-theme="light"] .queue-full-list,
:root[data-theme="light"] .queue-cta-card,
:root[data-theme="light"] .episode-placeholder {
  background: rgba(255,255,255,.30);
  backdrop-filter: blur(12px) saturate(1.03);
}
:root[data-theme="light"] .hero-backdrop::after {
  background: linear-gradient(90deg,
    rgba(239,246,238,.54) 0%,
    rgba(239,246,238,.38) 34%,
    rgba(239,246,238,.12) 70%,
    rgba(239,246,238,.03) 100%);
}
:root[data-theme="light"] .detail-overlay {
  background: linear-gradient(90deg,
    rgba(239,246,238,.50) 0%,
    rgba(239,246,238,.32) 44%,
    rgba(239,246,238,.10) 76%,
    rgba(239,246,238,.02) 100%),
    linear-gradient(0deg,
    rgba(239,246,238,.38) 0%,
    rgba(239,246,238,.06) 44%,
    transparent 100%);
}
.desktop-nav a {
  padding: 10px 0 8px;
}
.desktop-nav a::after {
  bottom: 0;
  height: 2px;
  border-radius: 999px;
}


/* ===== Patch 1.0.12: lower desktop navigation ===== */
@media (min-width: 961px) {
  .desktop-nav {
    align-self: stretch;
    align-items: flex-end;
    padding-bottom: 9px;
  }
  .desktop-nav a {
    padding: 0 0 7px;
  }
  .desktop-nav a::after {
    bottom: 0;
  }
}