.creative-zone-panel{grid-column:1/-1;background:linear-gradient(135deg,rgba(255,255,255,0.055),rgba(255,255,255,0.025));border:1px solid rgba(255,255,255,0.09);border-radius:8px;padding:18px;margin-bottom:4px}
.creative-zone-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.creative-zone-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.creative-zone-head h3{margin:0;font-family:'Inter',sans-serif;font-size:22px;letter-spacing:-.02em}
.creative-zone-head p{margin:0;max-width:520px;color:var(--muted);font-size:13px;line-height:1.55}
.creative-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.creative-zone-card{position:relative;min-height:174px;border:1px solid rgba(255,255,255,0.1);border-radius:8px;overflow:hidden;text-align:left;background:#111118;color:var(--text);cursor:pointer;padding:0}
.creative-zone-card:hover{border-color:rgba(200,255,0,0.28);transform:translateY(-1px)}
.creative-zone-bg{position:absolute;inset:0;opacity:.48}
.creative-zone-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) brightness(.72)}
.creative-zone-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.86))}
.creative-zone-copy{position:relative;z-index:1;min-height:174px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end}
.creative-zone-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.creative-zone-copy strong{font-family:'Inter',sans-serif;font-size:18px;line-height:1.08;margin-bottom:7px}
.creative-zone-copy small{color:rgba(255,255,255,.72);font-size:12px;line-height:1.45;max-width:30ch}
.creative-zone-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.creative-zone-chips em,.creative-card-tags span{font-style:normal;font-size:10px;font-weight:750;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.24);border-radius:999px;padding:4px 8px}
.creative-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.detail-ep-art .detail-ep-num{background:rgba(255,140,66,.14);color:#ffb36e}
.detail-ep-animation .detail-ep-num{background:rgba(0,212,255,.13);color:#81e7ff}
.detail-ep-music .detail-ep-num{background:rgba(167,139,250,.14);color:#c9b8ff}
@media(max-width:820px){.creative-zone-head{display:block}.creative-zone-head p{margin-top:8px}.creative-zone-grid{grid-template-columns:1fr}.creative-zone-card,.creative-zone-copy{min-height:148px}}
#page-universe{padding-top:52px;background:#050508}
.universe-page-shell{max-width:1280px;margin:0 auto;padding:28px 28px 80px}
.universe-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:8px;min-height:360px;padding:38px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;background:#0d0d14}
.universe-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(200,255,0,.1),transparent 35%),radial-gradient(circle at 82% 18%,rgba(123,94,167,.18),transparent 36%);pointer-events:none}
.universe-hero-copy,.universe-hero-panel{position:relative;z-index:1}
.universe-kicker{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(200,255,0,.22);border-radius:999px;padding:6px 12px;margin-bottom:20px;background:rgba(200,255,0,.06)}
.universe-title{font-family:'Inter',sans-serif;font-size:clamp(42px,6vw,76px);line-height:.92;letter-spacing:-.055em;margin:0 0 18px;color:#fff;max-width:780px}
.universe-title em{font-style:normal;color:var(--accent)}
.universe-sub{max-width:620px;color:rgba(255,255,255,.66);font-size:16px;line-height:1.7;margin:0 0 24px}
.universe-stat-row{display:flex;gap:10px;flex-wrap:wrap}
.universe-stat{min-width:112px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.045);padding:12px}
.universe-stat strong{display:block;font-size:22px;color:#fff;font-family:'Inter',sans-serif}
.universe-stat span{display:block;margin-top:3px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.universe-hero-panel{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.universe-mini{position:relative;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.06);min-height:150px;border:1px solid rgba(255,255,255,.09);cursor:pointer}
.universe-mini:first-child{grid-column:1/-1}
.universe-mini img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) brightness(.74)}
.universe-mini span{position:absolute;left:10px;right:10px;bottom:10px;font-size:12px;font-weight:800;color:#fff;text-shadow:0 2px 12px #000}
.universe-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px 0 20px;scrollbar-width:none}
.universe-tabs::-webkit-scrollbar{display:none}
.universe-tab{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:var(--muted);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.universe-tab.active{background:var(--accent);border-color:var(--accent);color:#08080d}
.universe-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.universe-section{margin-bottom:34px}
.universe-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.universe-eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}
.universe-section h2{font-family:'Inter',sans-serif;font-size:24px;letter-spacing:-.025em;margin:0;color:#fff}
.universe-upload-btn{border:1px solid rgba(200,255,0,.24);background:rgba(200,255,0,.08);color:var(--accent);border-radius:999px;padding:10px 15px;font-size:12px;font-weight:850;cursor:pointer}
.universe-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.universe-work-card{position:relative;min-height:255px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#111118;cursor:pointer}
.universe-work-card:hover{border-color:rgba(200,255,0,.26);transform:translateY(-1px)}
.universe-work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) brightness(.7)}
.universe-work-copy{position:absolute;inset:auto 0 0;padding:16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}
.universe-work-type{font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.universe-work-title{font-size:17px;font-weight:850;color:#fff;line-height:1.08;margin-bottom:7px}
.universe-work-meta{display:flex;gap:8px;flex-wrap:wrap;color:rgba(255,255,255,.6);font-size:11px}
.universe-creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.universe-creator-card{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.04);padding:16px;cursor:pointer}
.universe-creator-card:hover{border-color:rgba(200,255,0,.24)}
.universe-creator-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.universe-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(200,255,0,.1);border:1px solid rgba(200,255,0,.24);color:var(--accent);font-weight:900}
.universe-creator-name{font-size:15px;font-weight:850;color:#fff}
.universe-creator-meta{font-size:11px;color:var(--muted);margin-top:2px}
.universe-format-row{display:flex;gap:6px;flex-wrap:wrap}
.universe-format-row span{font-size:10px;font-weight:800;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 7px}
.universe-aside{position:sticky;top:76px;align-self:start;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.04);padding:16px}
.universe-aside-title{font-size:13px;font-weight:900;color:#fff;margin-bottom:10px}
.universe-aside-list{display:grid;gap:10px}
.universe-aside-item{display:flex;gap:10px;align-items:center;padding:9px;border-radius:8px;background:rgba(255,255,255,.035);cursor:pointer}
.universe-aside-item img{width:46px;height:46px;border-radius:6px;object-fit:cover}
.universe-aside-item strong{display:block;font-size:12px;color:#fff;line-height:1.2}
.universe-aside-item span{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.art-universe-strip{margin:16px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:linear-gradient(135deg,rgba(255,140,66,.12),rgba(123,94,167,.12) 48%,rgba(200,255,0,.06));padding:20px;overflow:hidden;position:relative}
.art-universe-strip::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;pointer-events:none;opacity:.5}
.art-universe-copy,.art-universe-actions{position:relative;z-index:1}
.art-universe-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}
.art-universe-copy h2{font-family:'Inter',sans-serif;font-size:clamp(20px,3vw,30px);line-height:1.05;letter-spacing:-.035em;color:#fff;margin:0 0 8px;max-width:640px}
.art-universe-copy p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.62);margin:0;max-width:650px}
.art-universe-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.art-universe-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap}
.art-universe-btn.primary{background:var(--accent);border-color:var(--accent);color:#08080d}
.animation-universe-strip{margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(135,206,235,.1) 45%,rgba(200,255,0,.055));padding:20px;overflow:hidden;position:relative}
.animation-universe-strip::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 42px);pointer-events:none;opacity:.55}
.animation-universe-copy,.animation-universe-actions{position:relative;z-index:1}
.animation-universe-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#81e7ff;margin-bottom:7px}
.animation-universe-copy h2{font-family:'Inter',sans-serif;font-size:clamp(20px,3vw,30px);line-height:1.05;letter-spacing:-.035em;color:#fff;margin:0 0 8px;max-width:680px}
.animation-universe-copy p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.62);margin:0;max-width:680px}
.animation-universe-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.animation-universe-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap}
.animation-universe-btn.primary{background:#81e7ff;border-color:#81e7ff;color:#061018}
.music-universe-strip{margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:linear-gradient(135deg,rgba(167,139,250,.13),rgba(218,112,214,.1) 46%,rgba(200,255,0,.055));padding:20px;overflow:hidden;position:relative}
.music-universe-strip::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.04) 18px 19px,transparent 19px 34px);background-size:34px 100%;pointer-events:none;opacity:.55}
.music-universe-copy,.music-universe-actions{position:relative;z-index:1}
.music-universe-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#c9b8ff;margin-bottom:7px}
.music-universe-copy h2{font-family:'Inter',sans-serif;font-size:clamp(20px,3vw,30px);line-height:1.05;letter-spacing:-.035em;color:#fff;margin:0 0 8px;max-width:700px}
.music-universe-copy p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.62);margin:0;max-width:700px}
.music-universe-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.music-universe-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap}
.music-universe-btn.primary{background:#c9b8ff;border-color:#c9b8ff;color:#0d0b18}
.art-lab-panel{grid-column:1/-1;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.04);padding:18px;margin-bottom:4px}
.art-lab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.art-lab-eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ffb36e;margin-bottom:5px}
.art-lab-head h3{font-family:'Inter',sans-serif;font-size:22px;letter-spacing:-.03em;color:#fff;margin:0}
.art-lab-head p{max-width:430px;margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.5}
.art-lab-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:12px}
.art-lab-card{position:relative;min-height:190px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#101018;cursor:pointer}
.art-lab-card:first-child{min-height:250px}
.art-lab-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.14) brightness(.72)}
.art-lab-card-copy{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}
.art-lab-card-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#ffb36e;margin-bottom:5px}
.art-lab-card-title{font-size:15px;font-weight:900;color:#fff;line-height:1.12}
.art-lab-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.art-lab-card-meta span{font-size:10px;color:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:4px 7px;background:rgba(0,0,0,.28)}
.art-lore-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.art-lore-chip{font-size:11px;font-weight:800;color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;background:rgba(0,0,0,.22)}
.animation-lab-panel{grid-column:1/-1;border:1px solid rgba(129,231,255,.16);border-radius:8px;background:linear-gradient(135deg,rgba(0,212,255,.07),rgba(255,255,255,.035));padding:18px;margin-bottom:4px}
.animation-lab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.animation-lab-eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#81e7ff;margin-bottom:5px}
.animation-lab-head h3{font-family:'Inter',sans-serif;font-size:22px;letter-spacing:-.03em;color:#fff;margin:0}
.animation-lab-head p{max-width:440px;margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.5}
.animation-lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.animation-lab-card{position:relative;min-height:220px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#091017;cursor:pointer}
.animation-lab-card:first-child{grid-column:span 2}
.animation-lab-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.7)}
.animation-lab-card-copy{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}
.animation-lab-card-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#81e7ff;margin-bottom:5px}
.animation-lab-card-title{font-size:15px;font-weight:900;color:#fff;line-height:1.12}
.animation-lab-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.animation-lab-card-meta span{font-size:10px;color:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:4px 7px;background:rgba(0,0,0,.28)}
.animation-path-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.animation-path-chip{font-size:11px;font-weight:800;color:rgba(255,255,255,.82);border:1px solid rgba(129,231,255,.16);border-radius:999px;padding:7px 10px;background:rgba(0,20,32,.28)}
.music-lab-panel{grid-column:1/-1;border:1px solid rgba(201,184,255,.16);border-radius:8px;background:linear-gradient(135deg,rgba(167,139,250,.08),rgba(255,255,255,.035));padding:18px;margin-bottom:4px}
.music-lab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.music-lab-eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#c9b8ff;margin-bottom:5px}
.music-lab-head h3{font-family:'Inter',sans-serif;font-size:22px;letter-spacing:-.03em;color:#fff;margin:0}
.music-lab-head p{max-width:450px;margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.5}
.music-lab-grid{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:12px}
.music-lab-card{position:relative;min-height:220px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#100d18;cursor:pointer}
.music-lab-card:first-child{min-height:270px}
.music-lab-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.12) brightness(.68)}
.music-lab-card-copy{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}
.music-lab-card-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#c9b8ff;margin-bottom:5px}
.music-lab-card-title{font-size:15px;font-weight:900;color:#fff;line-height:1.12}
.music-lab-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.music-lab-card-meta span{font-size:10px;color:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:4px 7px;background:rgba(0,0,0,.28)}
.music-path-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.music-path-chip{font-size:11px;font-weight:800;color:rgba(255,255,255,.82);border:1px solid rgba(201,184,255,.18);border-radius:999px;padding:7px 10px;background:rgba(18,10,36,.3)}
@media(max-width:980px){.universe-hero{grid-template-columns:1fr}.universe-layout{grid-template-columns:1fr}.universe-aside{position:static}.universe-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.art-universe-strip,.animation-universe-strip,.music-universe-strip{display:block}.art-universe-actions,.animation-universe-actions,.music-universe-actions{justify-content:flex-start;margin-top:14px}.art-lab-head,.animation-lab-head,.music-lab-head{display:block}.art-lab-head p,.animation-lab-head p,.music-lab-head p{margin-top:8px}.art-lab-grid,.animation-lab-grid,.music-lab-grid{grid-template-columns:1fr 1fr}.art-lab-card:first-child,.animation-lab-card:first-child,.music-lab-card:first-child{grid-column:1/-1}}
@media(max-width:620px){.universe-page-shell{padding:18px 14px 88px}.universe-hero{padding:24px 18px;min-height:0}.universe-hero-panel{grid-template-columns:1fr}.universe-work-grid,.universe-creator-grid{grid-template-columns:1fr}.universe-section-head{display:block}.universe-upload-btn{margin-top:12px}.art-universe-strip,.animation-universe-strip,.music-universe-strip{padding:16px}.art-universe-actions,.animation-universe-actions,.music-universe-actions{display:grid}.art-lab-grid,.animation-lab-grid,.music-lab-grid{grid-template-columns:1fr}}
/* ── Universe Follow Button & Notification Bell ── */
.universe-follow-row{display:flex;align-items:center;gap:10px;margin-top:14px;position:relative}
.universe-follow-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#08080f;font-size:11px;font-weight:800;padding:8px 16px;border-radius:999px;border:none;cursor:pointer;transition:opacity .18s}
.universe-follow-btn.following{background:transparent;border:1px solid rgba(200,241,53,.4);color:var(--accent)}
.universe-follow-btn:hover{opacity:.85}
.universe-bell-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:background .18s,border-color .18s;flex-shrink:0}
.universe-bell-btn:hover,.universe-bell-btn.active{background:rgba(200,241,53,.1);border-color:rgba(200,241,53,.3);color:var(--accent)}
.universe-notif-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:50;background:rgba(13,13,23,.96);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;min-width:210px;display:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,.6)}
.universe-notif-dropdown.open{display:block}
.universe-notif-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.universe-notif-row:last-child{border-bottom:none;padding-bottom:0}
.universe-notif-label{font-size:12px;color:rgba(255,255,255,.75)}
.universe-notif-toggle{position:relative;width:36px;height:20px;flex-shrink:0}
.universe-notif-toggle input{opacity:0;width:0;height:0;position:absolute}
.universe-notif-slider{position:absolute;inset:0;background:rgba(255,255,255,.12);border-radius:10px;transition:.2s;cursor:pointer}
.universe-notif-slider::before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.universe-notif-toggle input:checked+.universe-notif-slider{background:var(--accent)}
.universe-notif-toggle input:checked+.universe-notif-slider::before{transform:translateX(16px);background:#08080f}
/* ── Universe Home Tab ── */
.universe-home-featured{border-radius:12px;background:linear-gradient(135deg,#1a1a2e,#0d1117);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;min-height:180px;padding:28px;margin-bottom:20px;cursor:pointer}
.universe-home-featured::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(200,241,53,.1),transparent 55%),radial-gradient(circle at 85% 20%,rgba(123,94,167,.18),transparent 50%);pointer-events:none}
.universe-home-featured-inner{position:relative;z-index:1}
.universe-home-featured-kicker{display:inline-block;background:rgba(200,241,53,.1);border:1px solid rgba(200,241,53,.25);color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.universe-home-featured-title{font-family:'Inter',sans-serif;font-size:clamp(22px,4vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:#fff;margin-bottom:8px}
.universe-home-featured-meta{font-size:12px;color:rgba(255,255,255,.45);margin-bottom:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.universe-home-featured-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.universe-home-play-btn{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#08080f;font-size:12px;font-weight:800;padding:9px 18px;border-radius:999px;border:none;cursor:pointer}
.universe-home-play-btn:hover{opacity:.88}
.universe-home-list-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);font-size:12px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer}
.universe-new-section{margin-bottom:20px}
.universe-new-section-head{margin-bottom:10px}
.universe-new-label{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.universe-new-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.universe-new-row::-webkit-scrollbar{display:none}
.universe-new-card{flex-shrink:0;width:130px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);overflow:hidden;cursor:pointer;transition:transform .18s}
.universe-new-card:hover{transform:translateY(-2px)}
.universe-new-card-img{height:80px;position:relative;overflow:hidden;background:#1a1430}
.universe-new-card-img img{width:100%;height:100%;object-fit:cover}
.universe-new-badge{position:absolute;top:6px;right:6px;background:var(--accent);color:#08080f;font-size:8px;font-weight:900;padding:2px 6px;border-radius:3px;letter-spacing:.04em}
.universe-new-card-body{padding:7px 8px}
.universe-new-card-title{font-size:11px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:3px}
.universe-new-card-date{font-size:10px;color:rgba(255,255,255,.35)}
.universe-home-bottom{display:grid;grid-template-columns:1fr 240px;gap:16px;margin-top:4px}
.universe-activity-label,.universe-spotlight-label{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:10px}
.universe-activity-list{display:flex;flex-direction:column;gap:7px}
.universe-activity-item{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.universe-activity-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:3px}
.universe-activity-text{font-size:11px;color:rgba(255,255,255,.62);line-height:1.4;flex:1}
.universe-activity-time{font-size:10px;color:rgba(255,255,255,.25);white-space:nowrap;margin-left:4px;flex-shrink:0}
.universe-spotlight-card{border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);padding:16px;display:flex;flex-direction:column;gap:10px}
.universe-spotlight-top{display:flex;align-items:center;gap:10px}
.universe-spotlight-avi{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#7a5af8);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#08080f;flex-shrink:0}
.universe-spotlight-name{font-size:13px;font-weight:700;color:#fff}
.universe-spotlight-sub{font-size:11px;color:rgba(255,255,255,.4);margin-top:2px}
.universe-active-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;margin-right:5px}
.universe-spotlight-detail{font-size:11px;color:rgba(255,255,255,.38);line-height:1.5}
.universe-spotlight-btn{background:rgba(200,241,53,.08);border:1px solid rgba(200,241,53,.22);color:var(--accent);font-size:11px;font-weight:800;padding:7px 14px;border-radius:999px;cursor:pointer;text-align:center;transition:background .18s;width:100%}
.universe-spotlight-btn:hover{background:rgba(200,241,53,.14)}
@media(max-width:768px){.universe-home-bottom{grid-template-columns:1fr}.universe-spotlight-section{order:-1}}
@media(max-width:480px){.universe-home-featured{padding:18px;min-height:0}.universe-home-featured-title{font-size:22px}}
/* ── Universe Badge (detail modal) ── */
.detail-universe-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;width:100%}
.detail-universe-label{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.detail-universe-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(200,241,53,.1);border:1px solid rgba(200,241,53,.28);color:var(--accent);font-size:10px;font-weight:800;padding:4px 10px;border-radius:999px;cursor:pointer;transition:background .18s;border:none}
.detail-universe-badge:hover{background:rgba(200,241,53,.18)}
/* ── Universe New-This-Week Strip ── */
.universe-new-strip{padding:16px 0 0}
.universe-new-strip-head{margin-bottom:10px}
/* ── Universe Lore / About Section ── */
.universe-lore-section{margin-top:24px;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden}
.universe-lore-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:rgba(255,255,255,.03);font-size:13px;font-weight:800;color:#fff;cursor:pointer;border:none}
.universe-lore-toggle:hover{background:rgba(255,255,255,.06)}
.universe-lore-chevron{font-size:11px;color:rgba(255,255,255,.4);transition:transform .2s}
.universe-lore-body{display:none;padding:16px;border-top:1px solid rgba(255,255,255,.06)}
.universe-lore-body.open{display:block}
.universe-lore-section:has(.universe-lore-body.open) .universe-lore-chevron{transform:rotate(180deg)}
.universe-lore-text{font-size:13px;color:rgba(255,255,255,.6);line-height:1.65;margin-bottom:14px}
.universe-lore-themes-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.universe-lore-theme{font-size:10px;font-weight:800;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 10px;background:rgba(255,255,255,.04)}
.universe-lore-meta{font-size:12px;color:rgba(255,255,255,.35)}
.universe-lore-meta strong{color:rgba(255,255,255,.6)}
/* ── Universe Creator Card Upgrade ── */
.universe-creator-divider{border:none;border-top:1px solid rgba(255,255,255,.06);margin:10px 0}
.universe-creator-recent-label{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:4px}
.universe-creator-recent-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.universe-creator-recent-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.75);line-height:1.3}
.universe-creator-recent-date{font-size:10px;color:rgba(255,255,255,.3);white-space:nowrap;flex-shrink:0}
.universe-creator-active-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;margin-right:5px}

/* ── Discover: Featured Worlds row ── */
.disc-featured-worlds{padding:20px 20px 8px}
.disc-fw-label{font-size:9px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:rgba(200,195,220,0.45);margin-bottom:12px}
.disc-fw-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.disc-fw-row::-webkit-scrollbar{display:none}
.disc-fw-row .art-universe-strip,
.disc-fw-row .animation-universe-strip,
.disc-fw-row .music-universe-strip{flex-shrink:0;min-width:240px;max-width:280px;margin:0!important;border-radius:10px!important}
@media(min-width:769px){
  .disc-featured-worlds{padding:24px 24px 8px}
  .disc-fw-row{flex-direction:column;gap:16px;overflow-x:visible}
  .disc-fw-row .art-universe-strip,
  .disc-fw-row .animation-universe-strip,
  .disc-fw-row .music-universe-strip{min-width:0;max-width:none}
}

/* True final mobile home hero override. Keep this after the late stylesheet. */
@media(max-width:768px){
  html body #page-home{
    --home-left:16px!important;
  }
  html body #page-home .featured-hero{
    min-height:410px!important;
    height:min(56svh,450px)!important;
    max-height:450px!important;
    grid-template-columns:var(--home-left) minmax(0,1fr) var(--home-left)!important;
    grid-template-rows:minmax(60px,1fr) auto 18px!important;
  }
  html body #page-home .featured-hero .fh-content{
    grid-column:1 / -1!important;
    grid-row:2!important;
    align-self:end!important;
    width:100%!important;
    max-width:none!important;
    padding:0 calc(var(--home-left) + 104px) 24px var(--home-left)!important;
    margin:0!important;
  }
  html body #page-home .featured-hero .fh-title{
    max-width:11ch!important;
    margin:7px 0 9px!important;
    font-size:clamp(30px,10.6vw,43px)!important;
    line-height:0.94!important;
  }
  html body #page-home .featured-hero .fh-meta{
    margin-bottom:9px!important;
  }
  html body #page-home .featured-hero .fh-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    margin-bottom:12px!important;
    font-size:12.5px!important;
    line-height:1.38!important;
  }
  html body #page-home .featured-hero .fh-btns{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    flex-wrap:nowrap!important;
  }
  html body #page-home .featured-hero .fh-btn-play{
    height:42px!important;
    min-height:42px!important;
    min-width:84px!important;
    padding:0 16px!important;
    border-radius:8px!important;
    font-size:13px!important;
    flex:1 1 auto!important;
  }
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    border-radius:8px!important;
    flex:0 0 42px!important;
    grid-column:auto!important;
    font-size:0!important;
  }
  html body #page-home .featured-hero .fh-btn-more svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
  }
  html body #page-home .featured-hero .fh-btn-list::before{
    content:'+'!important;
    font-size:22px!important;
    line-height:1!important;
  }
  html body #page-home .featured-hero .fh-controls{
    position:absolute!important;
    left:auto!important;
    right:var(--home-left)!important;
    bottom:30px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
  }
  html body #page-home .featured-hero .fh-counter{
    font-size:11px!important;
    line-height:1!important;
  }
  html body #page-home .featured-hero .fh-nav{
    gap:4px!important;
  }
  html body #page-home .featured-hero .fh-nav-btn{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    border-radius:7px!important;
    font-size:18px!important;
  }
}
@media(max-width:420px){
  html body #page-home .featured-hero{
    min-height:380px!important;
    height:min(53svh,420px)!important;
    max-height:420px!important;
  }
  html body #page-home .featured-hero .fh-content{
    padding-right:calc(var(--home-left) + 96px)!important;
    padding-bottom:22px!important;
  }
  html body #page-home .featured-hero .fh-title{
    font-size:clamp(28px,9.8vw,39px)!important;
  }
  html body #page-home .featured-hero .fh-controls{
    bottom:29px!important;
  }
}

/* Homepage hero repair: keep guest/logged-in content visible and controls aligned. */
#page-home .featured-hero{
  isolation:isolate!important;
  min-height:clamp(560px,68svh,680px)!important;
  height:clamp(560px,68svh,680px)!important;
  background:
    radial-gradient(ellipse at 72% 24%,rgba(124,78,196,0.28),transparent 48%),
    #050508!important;
}
#page-home .fh-bg{z-index:0!important}
#page-home .fh-grain,
#page-home .fh-glow-lime,
#page-home .fh-glow-purple{z-index:1!important}
#page-home .featured-hero::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(to right,rgba(5,5,8,0.98) 0%,rgba(5,5,8,0.76) 32%,rgba(5,5,8,0.28) 62%,rgba(5,5,8,0.68) 100%),
    linear-gradient(to top,rgba(5,5,8,1) 0%,rgba(5,5,8,0.28) 42%,transparent 78%)!important;
}
#page-home .fh-content{
  z-index:5!important;
  left:var(--home-left,40px)!important;
  bottom:clamp(70px,10vh,108px)!important;
  background:transparent!important;
}
#page-home .featured-hero .fh-controls{
  z-index:7!important;
  left:var(--home-left,40px)!important;
  right:auto!important;
  bottom:clamp(82px,11vh,116px)!important;
  justify-self:start!important;
}
body.guest-landing-active #page-home .fh-content.fh-hidden{
  opacity:0!important;
  visibility:hidden!important;
}
body.guest-landing-active #page-home #guest-hero-overlay{
  display:flex!important;
  z-index:6!important;
  pointer-events:none!important;
  background:
    linear-gradient(to right,rgba(5,5,8,0.98) 0%,rgba(5,5,8,0.76) 34%,rgba(5,5,8,0.22) 66%,rgba(5,5,8,0.66) 100%),
    linear-gradient(to top,rgba(5,5,8,1) 0%,rgba(5,5,8,0.24) 44%,transparent 80%)!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
  position:relative!important;
  inset:auto!important;
  width:min(720px,100%)!important;
  min-height:100%!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  text-align:left!important;
  padding:clamp(118px,16vh,158px) var(--home-left,40px) clamp(58px,8vh,84px)!important;
  background:transparent!important;
  pointer-events:auto!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-eyebrow{
  max-width:100%!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-title,
body.guest-landing-active #page-home #guest-hero-overlay .gho-sub,
body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
  display:block!important;
  max-width:10.5ch!important;
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:clamp(52px,6.8vw,86px)!important;
  line-height:0.9!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
  display:block!important;
  max-width:52ch!important;
  margin:0 0 24px!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
  justify-content:flex-start!important;
}
body.guest-landing-active #page-home .featured-hero .fh-controls{
  left:clamp(526px,37vw,560px)!important;
  right:auto!important;
  bottom:clamp(58px,calc(8vh - 9px),85px)!important;
  height:28px!important;
  align-items:center!important;
}
@media(max-width:768px){
  html body #page-home{
    --home-left:18px!important;
  }
  html body #page-home .featured-hero,
  body.guest-landing-active #page-home .featured-hero{
    min-height:430px!important;
    height:430px!important;
    max-height:none!important;
  }
  html body #page-home .featured-hero .fh-content{
    left:0!important;
    right:0!important;
    bottom:0!important;
    padding:0 calc(var(--home-left) + 92px) 54px var(--home-left)!important;
  }
  html body #page-home .featured-hero .fh-controls,
  body.guest-landing-active #page-home .featured-hero .fh-controls{
    left:var(--home-left)!important;
    right:auto!important;
    bottom:112px!important;
    transform:none!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    width:100%!important;
    padding:104px var(--home-left) 52px!important;
    justify-content:flex-end!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    font-size:clamp(36px,11vw,52px)!important;
    line-height:0.94!important;
    margin-bottom:12px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
    max-width:34ch!important;
    font-size:13.5px!important;
    margin-bottom:16px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
    width:100%!important;
    max-width:340px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    padding-right:112px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
  body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    width:100%!important;
    justify-content:center!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    width:calc(100% + 112px)!important;
    margin-right:-112px!important;
  }
  body.guest-landing-active #page-home .featured-hero .fh-controls{
    left:auto!important;
    right:var(--home-left)!important;
    bottom:113px!important;
  }
}

/* Netflix-standard homepage hero: full-bleed art, left title stack, integrated controls. */
#page-home .featured-hero,
body.guest-landing-active #page-home .featured-hero{
  min-height:clamp(610px,72svh,760px)!important;
  height:clamp(610px,72svh,760px)!important;
  max-height:none!important;
  margin-top:calc(-1 * var(--nav-h,60px))!important;
  background:#030306!important;
  overflow:hidden!important;
}
#page-home .fh-bg{
  inset:0!important;
  filter:none!important;
  opacity:0.7!important;
}
#page-home .fh-slide,
#page-home .fh-img{
  inset:0!important;
}
#page-home .fh-img{
  background-size:cover!important;
  background-position:72% center!important;
  filter:saturate(1.18) contrast(1.12) brightness(0.74)!important;
  transform:none!important;
}
#page-home .fh-vignette{
  background:
    linear-gradient(90deg,rgba(3,3,6,0.99) 0%,rgba(3,3,6,0.9) 24%,rgba(3,3,6,0.42) 52%,rgba(3,3,6,0.2) 76%,rgba(3,3,6,0.72) 100%),
    linear-gradient(to top,rgba(3,3,6,1) 0%,rgba(3,3,6,0.62) 18%,rgba(3,3,6,0.16) 52%,rgba(3,3,6,0.55) 100%)!important;
}
#page-home .featured-hero::before{
  z-index:2!important;
  background:
    radial-gradient(ellipse at 72% 34%,rgba(200,255,0,0.12),transparent 34%),
    radial-gradient(ellipse at 22% 52%,rgba(112,64,190,0.16),transparent 42%),
    linear-gradient(90deg,rgba(3,3,6,0.98) 0%,rgba(3,3,6,0.83) 31%,rgba(3,3,6,0.26) 66%,rgba(3,3,6,0.76) 100%),
    linear-gradient(to top,rgba(3,3,6,1) 0%,rgba(3,3,6,0.45) 37%,transparent 74%)!important;
}
#page-home .featured-hero::after{
  z-index:8!important;
  opacity:0.035!important;
}
#page-home .fh-glow-lime{
  top:18%!important;
  left:auto!important;
  right:11%!important;
  width:34vw!important;
  height:34vw!important;
  min-width:320px!important;
  min-height:320px!important;
  background:radial-gradient(circle,rgba(200,255,0,0.16) 0%,rgba(200,255,0,0.05) 36%,transparent 68%)!important;
  z-index:3!important;
}
#page-home .fh-glow-purple{
  top:2%!important;
  left:0!important;
  right:auto!important;
  bottom:auto!important;
  width:48vw!important;
  height:80%!important;
  background:radial-gradient(ellipse,rgba(102,58,175,0.26) 0%,transparent 65%)!important;
  z-index:3!important;
}
#page-home .home-hero-art{
  position:absolute;
  z-index:4;
  right:clamp(38px,7vw,112px);
  top:clamp(98px,15vh,150px);
  width:min(40vw,520px);
  height:clamp(330px,48vh,520px);
  pointer-events:none;
}
#page-home .home-hero-art-main{
  position:absolute;
  right:0;
  top:0;
  width:clamp(230px,24vw,340px);
  aspect-ratio:0.72;
  overflow:hidden;
  border-radius:8px;
  background:#111;
  border:1px solid rgba(200,255,0,0.22);
  box-shadow:0 34px 90px rgba(0,0,0,0.72),0 0 60px rgba(200,255,0,0.14);
  transform:rotate(2.5deg);
}
#page-home .home-hero-art-main::after,
#page-home .home-hero-art-stack::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.28),transparent 55%);
  pointer-events:none;
}
#page-home .home-hero-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.35) contrast(1.08) brightness(1.05);
}
#page-home .home-hero-art-stack{
  position:absolute;
  left:0;
  bottom:6%;
  display:grid;
  gap:10px;
  width:clamp(160px,15vw,230px);
}
#page-home .home-hero-art-stack img{
  height:clamp(84px,8vw,118px);
  border-radius:7px;
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 18px 48px rgba(0,0,0,0.54);
}
#page-home .fh-content,
body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
  width:min(720px,calc(100% - (var(--home-left,40px) * 2)))!important;
  max-width:720px!important;
  padding-left:var(--home-left,40px)!important;
  padding-right:var(--home-left,40px)!important;
}
body.guest-landing-active #page-home #guest-hero-overlay{
  z-index:6!important;
  background:linear-gradient(90deg,rgba(3,3,6,0.99) 0%,rgba(3,3,6,0.88) 31%,rgba(3,3,6,0.12) 67%,rgba(3,3,6,0.42) 100%)!important;
  pointer-events:none!important;
}
body.guest-landing-active #page-home #guest-hero-overlay::before,
body.guest-landing-active #page-home #guest-hero-overlay::after,
#page-home #guest-hero-overlay::before,
#page-home #guest-hero-overlay::after{
  display:none!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
  justify-content:flex-end!important;
  padding-top:clamp(128px,18vh,176px)!important;
  padding-bottom:clamp(72px,10vh,104px)!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-eyebrow{
  height:26px!important;
  min-height:26px!important;
  margin-bottom:16px!important;
  color:#d8ff43!important;
  background:rgba(12,12,16,0.68)!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
  max-width:10.5ch!important;
  margin-bottom:18px!important;
  font-size:clamp(64px,7.3vw,104px)!important;
  line-height:0.88!important;
  letter-spacing:-0.075em!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
  max-width:56ch!important;
  margin-bottom:28px!important;
  color:rgba(255,255,255,0.78)!important;
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.5!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
  align-items:center!important;
  gap:12px!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
  height:48px!important;
  min-height:48px!important;
  border-radius:6px!important;
}
body.guest-landing-active #page-home .featured-hero .fh-controls{
  z-index:7!important;
  left:clamp(136px,12vw,178px)!important;
  right:auto!important;
  bottom:clamp(12px,2.4vh,22px)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#page-home .featured-hero .fh-nav-btn{
  width:34px!important;
  height:34px!important;
  border-radius:7px!important;
  background:rgba(24,24,30,0.72)!important;
  border:1px solid rgba(255,255,255,0.16)!important;
  color:rgba(255,255,255,0.82)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
#page-home .featured-hero .fh-counter{
  font-size:12px!important;
}
@media(max-width:980px){
  #page-home .home-hero-art{
    right:-40px;
    width:42vw;
    opacity:0.72;
  }
  #page-home .home-hero-art-stack{
    display:none;
  }
}
@media(max-width:768px){
  html body #page-home,
  body.guest-landing-active{
    --home-left:18px!important;
  }
  html body #page-home .featured-hero,
  body.guest-landing-active #page-home .featured-hero{
    min-height:520px!important;
    height:520px!important;
    max-height:none!important;
    margin-top:calc(-1 * var(--nav-h-mobile,54px))!important;
  }
  #page-home .fh-img{
    background-position:68% center!important;
    filter:saturate(1.12) contrast(1.08) brightness(0.62)!important;
  }
  #page-home .featured-hero::before{
    background:
      linear-gradient(to top,rgba(3,3,6,1) 0%,rgba(3,3,6,0.94) 30%,rgba(3,3,6,0.48) 64%,rgba(3,3,6,0.18) 100%),
      linear-gradient(90deg,rgba(3,3,6,0.98),rgba(3,3,6,0.1) 76%)!important;
  }
  #page-home .home-hero-art{
    right:-44px;
    top:112px;
    width:190px;
    height:230px;
    opacity:0.58;
  }
  #page-home .home-hero-art-main{
    width:148px;
    border-radius:7px;
  }
  body.guest-landing-active #page-home #guest-hero-overlay{
    background:linear-gradient(to top,rgba(3,3,6,1) 0%,rgba(3,3,6,0.94) 34%,rgba(3,3,6,0.42) 70%,rgba(3,3,6,0.08) 100%)!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    width:100%!important;
    max-width:none!important;
    justify-content:flex-end!important;
    padding:132px var(--home-left) 70px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-eyebrow{
    max-width:100%!important;
    height:24px!important;
    min-height:24px!important;
    font-size:8.2px!important;
    letter-spacing:0.1em!important;
    margin-bottom:11px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    max-width:10ch!important;
    font-size:clamp(42px,12.8vw,58px)!important;
    line-height:0.92!important;
    margin-bottom:12px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
    max-width:34ch!important;
    font-size:14px!important;
    line-height:1.45!important;
    margin-bottom:18px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
    width:100%!important;
    max-width:360px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding-right:0!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
  body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    width:100%!important;
    height:46px!important;
    justify-content:center!important;
    margin:0!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-or{
    display:none!important;
  }
  body.guest-landing-active #page-home .featured-hero .fh-controls{
    left:auto!important;
    right:var(--home-left)!important;
    bottom:30px!important;
    gap:7px!important;
  }
  #page-home .featured-hero .fh-nav-btn{
    width:32px!important;
    height:32px!important;
  }
}
@media(max-width:420px){
  html body #page-home .featured-hero,
  body.guest-landing-active #page-home .featured-hero{
    min-height:500px!important;
    height:500px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    padding-top:124px!important;
    padding-bottom:68px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    font-size:clamp(38px,12.4vw,52px)!important;
  }
}

/* Final hero CTA row: action buttons and pagination share one line. */
#page-home .featured-hero .fh-btns{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:min(100%,560px)!important;
  max-width:560px!important;
  flex-wrap:nowrap!important;
}
#page-home .featured-hero .fh-btn-play{
  height:44px!important;
  min-height:44px!important;
  flex:0 0 auto!important;
  padding:0 18px!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#0a0a0a!important;
}
#page-home .featured-hero .fh-btn-info,
#page-home .featured-hero .fh-btn-list{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  flex:0 0 44px!important;
  padding:0!important;
  border-radius:8px!important;
  font-size:0!important;
  line-height:0!important;
}
#page-home .featured-hero .fh-btn-list::before{
  content:'+'!important;
  display:block!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}
#page-home .featured-hero .fh-btn-more svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
}
#page-home .featured-hero .fh-controls,
body.guest-landing-active #page-home .featured-hero .fh-controls{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#page-home .featured-hero .fh-nav{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
#page-home .featured-hero .fh-nav-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:7px!important;
}
#page-home .featured-hero .fh-counter{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:30px!important;
  min-width:58px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@media(max-width:768px){
  html body #page-home .featured-hero .fh-content{
    padding-right:var(--home-left,18px)!important;
    padding-bottom:28px!important;
  }
  html body #page-home .featured-hero .fh-desc{
    max-width:100%!important;
    margin-bottom:12px!important;
  }
  html body #page-home .featured-hero .fh-btns{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:420px){
  html body #page-home .featured-hero .fh-btns{
    gap:6px!important;
  }
  html body #page-home .featured-hero .fh-btn-play{
    min-width:78px!important;
    padding:0 12px!important;
  }
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
  }
  html body #page-home .featured-hero .fh-controls{
    gap:6px!important;
  }
  html body #page-home .featured-hero .fh-nav-btn{
    width:28px!important;
    min-width:28px!important;
  }
  html body #page-home .featured-hero .fh-counter{
    min-width:52px!important;
    font-size:11px!important;
  }
}

@media(max-width:768px){
  html body #page-home .featured-hero .fh-content{
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
  }
  html body #page-home .featured-hero .fh-badge{order:1!important}
  html body #page-home .featured-hero .fh-title{order:2!important}
  html body #page-home .featured-hero .fh-meta{
    order:3!important;
    margin-bottom:10px!important;
  }
  html body #page-home .featured-hero .fh-btns{
    order:4!important;
    display:grid!important;
    grid-template-columns:auto auto auto minmax(0,1fr)!important;
    grid-template-areas:"play list more controls"!important;
    max-width:none!important;
    width:calc(100vw - var(--home-left,18px))!important;
    margin:0 calc(-1 * var(--home-left,18px)) 12px 0!important;
    padding-right:0!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
  }
  html body #page-home .featured-hero .fh-desc{
    order:5!important;
    margin-bottom:0!important;
    max-width:100%!important;
  }
  html body #page-home .featured-hero .fh-btn-play{grid-area:play!important}
  html body #page-home .featured-hero .fh-btn-list{grid-area:list!important}
  html body #page-home .featured-hero .fh-btn-more{grid-area:more!important}
  html body #page-home .featured-hero .fh-controls,
  body.guest-landing-active #page-home .featured-hero .fh-controls{
    grid-area:controls!important;
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    justify-content:flex-end!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  html body #page-home .featured-hero .fh-nav{
    order:2!important;
    gap:6px!important;
  }
  html body #page-home .featured-hero .fh-nav-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:8px!important;
  }
  html body #page-home .featured-hero .fh-counter{
    order:1!important;
    height:44px!important;
    min-width:58px!important;
    justify-content:flex-start!important;
  }
}

@media(max-width:420px){
  html body #page-home .featured-hero .fh-btns{
    gap:5px!important;
  }
  html body #page-home .featured-hero .fh-btn-play{
    min-width:72px!important;
    padding:0 10px!important;
  }
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list,
  html body #page-home .featured-hero .fh-nav-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex-basis:44px!important;
  }
}

/* Mobile hero controls: pagination belongs on the same CTA row, aligned right. */
@media(max-width:768px){
  html body #page-home .featured-hero .fh-content{
    padding-right:var(--home-left,18px)!important;
    overflow:visible!important;
  }
  html body #page-home .featured-hero .fh-btns{
    display:grid!important;
    grid-template-columns:max-content 44px 44px minmax(0,1fr)!important;
    grid-template-areas:"play list more controls"!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 12px!important;
  }
  html body #page-home .featured-hero .fh-btn-play{
    grid-area:play!important;
    width:auto!important;
    min-width:84px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 16px!important;
    flex:0 0 auto!important;
  }
  html body #page-home .featured-hero .fh-btn-list{
    grid-area:list!important;
  }
  html body #page-home .featured-hero .fh-btn-more{
    grid-area:more!important;
  }
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    flex:0 0 44px!important;
  }
  html body #page-home .featured-hero .fh-controls,
  body.guest-landing-active #page-home .featured-hero .fh-controls{
    grid-area:controls!important;
    position:static!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    gap:6px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body #page-home .featured-hero .fh-counter{
    order:1!important;
    height:44px!important;
    min-width:54px!important;
    justify-content:flex-end!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  html body #page-home .featured-hero .fh-nav{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }
  html body #page-home .featured-hero .fh-nav-btn{
    width:36px!important;
    min-width:36px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:8px!important;
  }
}

@media(max-width:420px){
  html body #page-home .featured-hero .fh-btns{
    grid-template-columns:max-content 40px 40px minmax(0,1fr)!important;
    gap:6px!important;
  }
  html body #page-home .featured-hero .fh-btn-play{
    min-width:74px!important;
    padding:0 12px!important;
  }
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{
    width:40px!important;
    min-width:40px!important;
    height:44px!important;
    min-height:44px!important;
    flex-basis:40px!important;
  }
  html body #page-home .featured-hero .fh-counter{
    min-width:50px!important;
    font-size:10.5px!important;
  }
  html body #page-home .featured-hero .fh-nav{
    gap:4px!important;
  }
  html body #page-home .featured-hero .fh-nav-btn{
    width:30px!important;
    min-width:30px!important;
  }
}

/* Homepage genre nav: match Discover's final chip language. */
#page-home .genre-filter-bar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:12px 28px 16px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  background:rgba(10,10,15,0.7)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,0.05)!important;
  box-shadow:none!important;
}
#page-home .genre-filter-bar::-webkit-scrollbar{
  display:none!important;
}
#page-home .genre-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  font-family:'Inter',sans-serif!important;
  font-size:12px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  color:rgba(232,232,240,0.68)!important;
  background:rgba(255,255,255,0.045)!important;
  border:1px solid rgba(255,255,255,0.09)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  transition:background 0.16s,border-color 0.16s,color 0.16s,transform 0.16s!important;
}
#page-home .genre-pill:hover{
  background:rgba(255,255,255,0.075)!important;
  border-color:rgba(255,255,255,0.16)!important;
  color:rgba(255,255,255,0.9)!important;
  transform:translateY(-1px)!important;
}
#page-home .genre-pill.active{
  background:rgba(200,255,0,0.12)!important;
  border-color:rgba(200,255,0,0.32)!important;
  color:var(--lime)!important;
  font-weight:700!important;
  box-shadow:none!important;
}
#page-home .genre-pill svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 auto!important;
  stroke:currentColor!important;
  color:currentColor!important;
  opacity:0.72!important;
}
#page-home .genre-pill.active svg{
  stroke:currentColor!important;
  color:currentColor!important;
  opacity:1!important;
}
body.theme-light #page-home .genre-filter-bar{
  background:rgba(255,255,255,0.78)!important;
  border-bottom-color:rgba(0,0,0,0.06)!important;
}
body.theme-light #page-home .genre-pill{
  background:rgba(0,0,0,0.035)!important;
  border-color:rgba(0,0,0,0.08)!important;
  color:rgba(17,17,24,0.66)!important;
}
body.theme-light #page-home .genre-pill:hover{
  background:rgba(0,0,0,0.06)!important;
  border-color:rgba(0,0,0,0.12)!important;
  color:rgba(17,17,24,0.9)!important;
}
body.theme-light #page-home .genre-pill.active{
  background:rgba(95,122,0,0.12)!important;
  border-color:rgba(95,122,0,0.28)!important;
  color:#4f6500!important;
}
@media(max-width:768px){
  html body #page-home .genre-filter-bar{
    gap:8px!important;
    padding:8px 14px!important;
    top:56px!important;
  }
}

/* Homepage mobile rhythm: tighter, intentional gap from hero CTA to genre nav. */
@media(max-width:768px){
  body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    padding-bottom:38px!important;
  }
  body.guest-landing-active #page-home #hero-bridge{
    height:14px!important;
    margin-top:-1px!important;
  }
  body.guest-landing-active #page-home .home-align-container{
    margin-top:0!important;
  }
}
@media(max-width:420px){
  body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    padding-bottom:34px!important;
  }
  body.guest-landing-active #page-home #hero-bridge{
    height:12px!important;
  }
}

/* Dedicated Saved library */
#page-saved{min-height:100vh;background:#08080d}
.saved-shell{width:min(1320px,100%);margin:0 auto;padding:118px 40px 96px}
.saved-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.09)}
.saved-eyebrow{display:block;margin-bottom:11px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.saved-hero h1{margin:0;color:#fff;font-size:clamp(48px,6vw,82px);font-weight:850;letter-spacing:-.065em;line-height:.9}
.saved-hero p{margin:17px 0 0;color:rgba(240,238,246,.58);font-size:15px}
.saved-count{display:flex;align-items:baseline;gap:8px;color:rgba(240,238,246,.42)}
.saved-count strong{color:#fff;font-size:34px;letter-spacing:-.05em}.saved-count span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.saved-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:16px;padding:28px 0 20px}
.saved-search{position:relative;display:flex;align-items:center}.saved-search svg{position:absolute;left:15px;color:rgba(240,238,246,.45)}
.saved-search input{width:100%;height:46px;padding:0 16px 0 44px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111117;color:#fff;font:inherit;outline:none}
.saved-search input:focus{border-color:rgba(200,255,0,.5);box-shadow:0 0 0 3px rgba(200,255,0,.07)}
.saved-filters{display:flex;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101016}
.saved-filters button{height:36px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:rgba(240,238,246,.55);font-size:12px;font-weight:650;cursor:pointer}
.saved-filters button.active{background:rgba(200,255,0,.12);color:var(--accent)}
.saved-sort{display:flex;align-items:center;gap:9px;color:rgba(240,238,246,.45);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.saved-sort select{height:44px;padding:0 34px 0 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#111117;color:#fff;font:inherit;text-transform:none;letter-spacing:0}
.saved-results-meta{margin:5px 0 16px;color:rgba(240,238,246,.42);font-size:12px}
.saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.saved-card{min-width:0;cursor:pointer}.saved-card-art{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:12px;background:#15151e}
.saved-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.saved-card:hover img{transform:scale(1.035)}
.saved-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 35%,rgba(0,0,0,.82))}
.saved-card-type{position:absolute;left:12px;top:12px;padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(5,5,8,.72);color:#fff;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;backdrop-filter:blur(10px)}
.saved-remove{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:6px;height:32px;padding:0 9px;border:1px solid rgba(200,255,0,.32);border-radius:8px;background:rgba(8,8,13,.82);color:var(--accent);font-size:10px;font-weight:750;cursor:pointer;backdrop-filter:blur(10px)}
.saved-remove svg{fill:currentColor}.saved-play{position:absolute;left:12px;bottom:12px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#08080d;cursor:pointer}.saved-play svg{width:15px;height:15px}
.saved-card-copy{padding:12px 2px 0}.saved-card-copy h2{overflow:hidden;margin:0;color:#fff;font-size:15px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.saved-card-copy p{overflow:hidden;margin:4px 0;color:rgba(240,238,246,.48);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.saved-card-copy span{color:rgba(240,238,246,.35);font-size:10px;text-transform:capitalize}
.saved-empty{padding:90px 20px;text-align:center}.saved-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#111117;color:var(--accent)}
.saved-empty h2{margin:0 0 8px;color:#fff;font-size:25px}.saved-empty p{margin:0 auto 24px;max-width:390px;color:rgba(240,238,246,.5);font-size:14px;line-height:1.6}.saved-empty button{height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--accent);color:#08080d;font-weight:800;cursor:pointer}
body.theme-light #page-saved{background:#f8f8fb}body.theme-light .saved-hero h1,body.theme-light .saved-card-copy h2{color:#111118}
@media(max-width:1050px){.saved-tools{grid-template-columns:1fr auto}.saved-filters{grid-column:1/-1;order:3;overflow-x:auto}.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.saved-shell{padding:84px 16px 112px}.saved-hero{align-items:flex-start;padding-bottom:24px}.saved-hero h1{font-size:50px}.saved-hero p{max-width:260px;font-size:13px}.saved-count{padding-top:22px}.saved-count strong{font-size:25px}.saved-tools{grid-template-columns:1fr;padding-top:18px}.saved-sort{display:none}.saved-filters{grid-column:auto;order:initial;margin:0 -16px;padding:4px 16px 8px;border:0;border-radius:0;background:transparent}.saved-filters button{flex:0 0 auto;background:#111117}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.saved-card-art{aspect-ratio:3/4}.saved-remove{width:32px;padding:0;justify-content:center}.saved-remove span{display:none}.saved-card-type{font-size:8px}.saved-card-copy h2{font-size:13px}.saved-results-meta{margin-top:0}}

/* ================================================================
   SCENVOX CINEMATIC HOME — FINAL CASCADE
   Complete hero + below-hero streaming redesign.
   ================================================================ */
html body #page-home{
  --home-left:clamp(16px,2.78vw,40px)!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 84% 22%,rgba(123,94,167,0.075),transparent 31%),
    #050508!important;
  font-family:'Inter',sans-serif!important;
}
html body #page-home *,
html body #page-home button{
  font-family:'Inter',sans-serif!important;
}

/* Cinematic hero */
html body #page-home .featured-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:var(--home-left) minmax(0,620px) minmax(0,1fr) var(--home-left)!important;
  grid-template-rows:minmax(80px,1fr) auto 40px!important;
  width:100%!important;
  height:clamp(560px,72svh,720px)!important;
  min-height:560px!important;
  max-height:720px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#050508!important;
}
html body #page-home .featured-hero::before{
  background:
    linear-gradient(90deg,rgba(5,5,8,0.97) 0%,rgba(5,5,8,0.76) 30%,rgba(5,5,8,0.2) 61%,rgba(5,5,8,0.2) 100%),
    linear-gradient(0deg,#050508 0%,rgba(5,5,8,0.54) 22%,transparent 58%)!important;
}
html body #page-home .featured-hero .fh-content{
  position:relative!important;
  grid-column:2!important;
  grid-row:2!important;
  align-self:end!important;
  width:100%!important;
  max-width:620px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:8!important;
}
html body #page-home .featured-hero .fh-title{
  max-width:11ch!important;
  margin:9px 0 12px!important;
  font-size:clamp(48px,6.2vw,82px)!important;
  font-weight:850!important;
  line-height:0.93!important;
  letter-spacing:-0.058em!important;
}
html body #page-home .featured-hero .fh-meta{
  margin:0 0 12px!important;
  gap:7px!important;
}
html body #page-home .featured-hero .fh-desc{
  max-width:54ch!important;
  margin:0 0 20px!important;
  color:rgba(255,255,255,0.72)!important;
  font-size:15px!important;
  line-height:1.52!important;
  -webkit-line-clamp:3!important;
}

/* True auto-layout hero actions */
html body #page-home .featured-hero .fh-btns{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  max-width:620px!important;
  margin:0!important;
  padding:0!important;
}
html body #page-home .featured-hero .fh-btn-play,
html body #page-home .featured-hero .fh-btn-info,
html body #page-home .featured-hero .fh-btn-list{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:max-content!important;
  height:44px!important;
  min-height:44px!important;
  flex:0 0 auto!important;
  padding:0 18px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body #page-home .featured-hero .fh-btn-play{
  min-width:102px!important;
  background:#fff!important;
  border:1px solid #fff!important;
  color:#08080b!important;
}
html body #page-home .featured-hero .fh-btn-info,
html body #page-home .featured-hero .fh-btn-list{
  background:rgba(24,24,31,0.58)!important;
  border:1px solid rgba(255,255,255,0.14)!important;
  color:#fff!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html body #page-home .featured-hero .fh-btn-list::before{
  content:none!important;
}
html body #page-home .featured-hero .fh-btn-more svg{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
html body #page-home .featured-hero .fh-controls,
body.guest-landing-active #page-home .featured-hero .fh-controls{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:auto!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  flex:1 1 150px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #page-home .featured-hero .fh-nav{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
html body #page-home .featured-hero .fh-nav-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  border-radius:9px!important;
}
html body #page-home .featured-hero .fh-counter{
  order:-1!important;
  height:36px!important;
  min-width:54px!important;
  justify-content:center!important;
}

/* Category rail and feed canvas */
html body #page-home .home-align-container{
  width:100%!important;
  margin:0!important;
  padding:0 var(--home-left) 54px!important;
  background:
    linear-gradient(180deg,rgba(12,12,18,0.8),rgba(5,5,8,0) 260px)!important;
}
html body #page-home .genre-filter-bar{
  position:relative!important;
  top:auto!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:auto!important;
  margin:0 0 28px!important;
  padding:22px 0 12px!important;
  overflow-x:auto!important;
  background:transparent!important;
  border:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body #page-home .genre-pill{
  height:36px!important;
  min-height:36px!important;
  padding:0 14px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,0.035)!important;
  border:1px solid rgba(255,255,255,0.075)!important;
  color:rgba(255,255,255,0.6)!important;
  font-size:11px!important;
}
html body #page-home .genre-pill.active{
  background:rgba(200,255,0,0.1)!important;
  border-color:rgba(200,255,0,0.28)!important;
  color:var(--lime)!important;
}
html body #page-home #home-content-row,
html body #page-home #home-rows{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
}
html body #page-home .home-sidebar{
  display:none!important;
}

/* Shelf system */
html body #page-home .content-row{
  position:relative!important;
  margin:0 0 42px!important;
}
html body #page-home .content-row .row-header{
  display:grid!important;
  grid-template-columns:minmax(0,auto) 1fr auto!important;
  align-items:end!important;
  gap:14px!important;
  width:100%!important;
  min-height:32px!important;
  margin:0 0 13px!important;
  padding:0!important;
}
html body #page-home .row-title{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,0.94)!important;
  font-size:19px!important;
  font-weight:760!important;
  line-height:1.2!important;
  letter-spacing:-0.025em!important;
}
html body #page-home .row-rule{
  height:1px!important;
  margin-bottom:5px!important;
  background:linear-gradient(90deg,rgba(255,255,255,0.09),transparent)!important;
}
html body #page-home .row-more{
  min-height:30px!important;
  padding:0 2px!important;
  color:rgba(255,255,255,0.46)!important;
  background:transparent!important;
  border:0!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:0.06em!important;
}
html body #page-home .row-more:hover{
  color:var(--lime)!important;
}
html body #page-home .row-scroll{
  display:flex!important;
  align-items:stretch!important;
  gap:16px!important;
  width:100%!important;
  margin:0!important;
  padding:5px 0 18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-left:0!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;
}
html body #page-home .row-scroll::-webkit-scrollbar{
  display:none!important;
}

/* Modern movie cards */
html body #page-home .nf-card{
  position:relative!important;
  width:clamp(252px,21.5vw,316px)!important;
  min-width:0!important;
  max-width:none!important;
  flex:0 0 clamp(252px,21.5vw,316px)!important;
  aspect-ratio:16 / 9!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  border-radius:10px!important;
  background:#101016!important;
  border:1px solid rgba(255,255,255,0.085)!important;
  box-shadow:0 10px 28px rgba(0,0,0,0.3)!important;
  transform:none!important;
  transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .22s ease!important;
}
html body #page-home .nf-card-thumb{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
html body #page-home .nf-card-thumb::before{
  opacity:.16!important;
}
html body #page-home .nf-card-grad{
  background:
    linear-gradient(0deg,rgba(3,3,7,.97) 0%,rgba(3,3,7,.72) 28%,rgba(3,3,7,.13) 65%,transparent 100%),
    linear-gradient(90deg,rgba(3,3,7,.18),transparent 54%)!important;
}
html body #page-home .nf-card-pin{
  padding:58px 12px 12px!important;
}
html body #page-home .nf-card-title-text{
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.2!important;
  letter-spacing:-0.018em!important;
  -webkit-line-clamp:1!important;
}
html body #page-home .nf-card-meta-row{
  margin-top:5px!important;
  gap:7px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:9.5px!important;
}
html body #page-home .nf-card-badge,
html body #page-home .scenvox-orig-badge{
  top:9px!important;
  left:9px!important;
  min-height:20px!important;
  border-radius:5px!important;
  background:rgba(7,7,11,.64)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
html body #page-home .editor-pick-badge{
  display:none!important;
}
html body #page-home .nf-card-new-badge{
  top:9px!important;
  right:9px!important;
  box-shadow:none!important;
}
html body #page-home .nf-card-actions{
  left:12px!important;
  right:auto!important;
  bottom:10px!important;
  gap:7px!important;
}
html body #page-home .nf-act-btn{
  width:31px!important;
  min-width:31px!important;
  height:31px!important;
  min-height:31px!important;
}
@media(hover:hover) and (pointer:fine){
  html body #page-home .nf-card:hover{
    transform:translateY(-4px) scale(1.025)!important;
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.52),0 0 0 1px rgba(200,255,0,.1)!important;
  }
  html body #page-home .nf-card:hover .nf-card-pin{
    padding-bottom:47px!important;
  }
  html body #page-home .nf-card:hover .nf-card-thumb img{
    transform:scale(1.045)!important;
  }
}

@media(max-width:1024px){
  html body #page-home{
    --home-left:24px!important;
  }
  html body #page-home .featured-hero{
    grid-template-columns:var(--home-left) minmax(0,580px) minmax(0,1fr) var(--home-left)!important;
    height:clamp(540px,68svh,660px)!important;
    min-height:540px!important;
  }
  html body #page-home .nf-card{
    width:clamp(232px,29vw,276px)!important;
    flex-basis:clamp(232px,29vw,276px)!important;
  }
}
@media(max-width:768px){
  html body #page-home{
    --home-left:16px!important;
  }
  html body #page-home .featured-hero{
    grid-template-columns:var(--home-left) minmax(0,1fr) var(--home-left)!important;
    grid-template-rows:minmax(76px,1fr) auto 24px!important;
    height:clamp(500px,64svh,590px)!important;
    min-height:500px!important;
    max-height:590px!important;
  }
  html body #page-home .featured-hero .fh-content{
    grid-column:2!important;
    max-width:560px!important;
  }
  html body #page-home .featured-hero .fh-title{
    font-size:clamp(38px,9vw,54px)!important;
  }
  html body #page-home .featured-hero .fh-desc{
    margin-bottom:16px!important;
    font-size:13.5px!important;
    -webkit-line-clamp:2!important;
  }
  html body #page-home .featured-hero .fh-btns{
    display:grid!important;
    grid-template-columns:repeat(3,max-content) minmax(0,1fr)!important;
    grid-template-areas:"play list more controls"!important;
    gap:8px!important;
  }
  html body #page-home .featured-hero .fh-btn-play{grid-area:play!important}
  html body #page-home .featured-hero .fh-btn-list{grid-area:list!important}
  html body #page-home .featured-hero .fh-btn-more{grid-area:more!important}
  html body #page-home .featured-hero .fh-controls{
    grid-area:controls!important;
  }
  html body #page-home .genre-filter-bar{
    margin-bottom:22px!important;
    padding:18px 0 10px!important;
  }
  html body #page-home .content-row{
    margin-bottom:34px!important;
  }
  html body #page-home .row-title{
    font-size:17px!important;
  }
  html body #page-home .nf-card{
    width:min(80vw,300px)!important;
    flex-basis:min(80vw,300px)!important;
  }
}

/* Discover + Search editorial alignment. */
#page-discover .disc-hero{
  min-height:360px!important;
  border:0!important;
  border-bottom:1px solid var(--sv-line)!important;
  border-radius:0!important;
  background:linear-gradient(100deg,#09090d 0,#090a0d 62%,#0d1108 100%)!important;
  box-shadow:none!important;
}
#page-discover .disc-hero::before,
#page-discover .disc-hero::after,
#page-discover .disc-hero-grid,
#page-discover .disc-hero-cards{display:none!important}
#page-discover .disc-hero-inner{max-width:680px!important}
#page-discover .disc-hero-badge{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--accent)!important;letter-spacing:.14em!important;
}
#page-discover .disc-hero-badge::before{display:none!important}
#page-discover .disc-hero-title{max-width:12ch!important;letter-spacing:-.05em!important}
#page-discover .disc-hero-title em{color:#fff!important}
#page-discover .disc-hero-sub{max-width:55ch!important;color:rgba(240,238,246,.66)!important}
#page-discover .trailer-shelf{
  border-bottom:1px solid var(--sv-line)!important;
  background:#08080c!important;
}
#page-discover .trailer-card-media{
  border-color:var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;box-shadow:none!important;
}
#page-discover .trailer-official{
  border-color:var(--sv-line)!important;border-radius:6px!important;background:rgba(8,8,12,.8)!important;backdrop-filter:none!important;
}
#page-search{background:#08080c!important}
#page-search .ai-search-intro{
  background:#08080c!important;
}
#page-search .ai-search-intro::before,
#page-search .ai-search-intro::after{display:none!important}
#page-search .ai-search-intro-kicker{letter-spacing:.14em!important}
#page-search .ai-search-intro h1{letter-spacing:-.055em!important}
#page-search .ai-search-prompt-card{
  border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;
  background:#111116!important;box-shadow:none!important;backdrop-filter:none!important;
}
#page-search .ai-search-prompt-card textarea{
  border-color:var(--sv-line)!important;border-radius:var(--sv-radius-control)!important;background:#08080c!important;
}
#page-search .ai-search-chip,
#page-search .srp-filter{
  border-color:var(--sv-line)!important;background:#15151b!important;box-shadow:none!important;backdrop-filter:none!important;
}
#page-search .srp-hero{
  border-bottom:1px solid var(--sv-line)!important;background:#08080c!important;box-shadow:none!important;backdrop-filter:none!important;
}
#page-search .srp-search-wrap{border-color:var(--sv-line)!important;border-radius:var(--sv-radius-control)!important;background:#141419!important}
@media(max-width:768px){
  #page-discover .disc-hero{min-height:0!important;padding:88px 16px 24px!important}
  #page-discover .disc-hero-title{font-size:clamp(36px,11vw,46px)!important;line-height:.96!important}
  #page-discover .disc-mobile-search{padding-top:14px!important}
  #page-search .ai-search-intro{padding-top:92px!important}
  #page-search .ai-search-prompt-card{padding:14px!important}
}

/* Remaining product surfaces: one restrained component language. */
#page-pricing{background:#08080c!important}
#page-pricing .pricing-hero{border-bottom:1px solid var(--sv-line)!important;background:#08080c!important;box-shadow:none!important}
#page-pricing .pricing-hero::before,#page-pricing .pricing-hero::after{display:none!important}
#page-pricing .pricing-hero > div:first-child{display:none!important}
#page-pricing .pricing-kicker{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--accent)!important;letter-spacing:.14em!important}
#page-pricing .billing-toggle,#page-pricing .mobile-plan-picker{border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-control)!important;background:#121217!important;box-shadow:none!important;backdrop-filter:none!important}
#page-pricing .bill-btn,#page-pricing .mobile-plan-picker button{border-radius:8px!important;box-shadow:none!important}
#page-pricing .plan,#page-pricing .pricing-trust-card,#page-pricing .pricing-compare,#page-pricing .pricing-faq details{border-color:var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;background:#111116!important;box-shadow:none!important;backdrop-filter:none!important}
#page-pricing .plan.featured{border-color:rgba(200,255,0,.42)!important;background:#11140d!important;box-shadow:none!important}
#page-pricing .plan-popular,#page-pricing .plan-btn{box-shadow:none!important}
#page-pricing .plan-btn{border-radius:var(--sv-radius-control)!important}

#auth-modal{background:rgba(2,2,5,.82)!important;backdrop-filter:blur(12px)!important}
#auth-modal .modal{border-color:var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;background:#141419!important;box-shadow:0 24px 64px rgba(0,0,0,.48)!important;animation:modalIn .22s ease-out!important}
#auth-modal .modal-x,#detail-modal .detail-close-pill{border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-control)!important;background:#202026!important;box-shadow:none!important;backdrop-filter:none!important}
#auth-modal .auth-tabs{border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-control)!important;background:#202026!important}
#auth-modal .auth-tab{border-radius:8px!important}
#auth-modal .auth-tab.active{background:#2a2a32!important;box-shadow:none!important}
#auth-modal .auth-social-btn,#auth-modal .auth-type-card,#auth-modal .form-input,#auth-modal .form-select{border-color:var(--sv-line)!important;border-radius:var(--sv-radius-control)!important;background:#202026!important;box-shadow:none!important}
#auth-modal .form-input:focus,#auth-modal .form-select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(200,255,0,.1)!important}
#auth-modal .submit-btn{border-radius:var(--sv-radius-control)!important;box-shadow:none!important}

#detail-modal{background:rgba(2,2,5,.86)!important;backdrop-filter:blur(12px)!important}
#detail-modal .detail-modal{border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;background:#101014!important;box-shadow:0 28px 72px rgba(0,0,0,.56)!important}
#detail-modal .detail-banner-grid,#detail-modal .detail-banner-glow{display:none!important}
#detail-modal .detail-play-btn,#detail-modal .detail-list-btn,#detail-modal .detail-sec-btn{border-radius:var(--sv-radius-control)!important;box-shadow:none!important;backdrop-filter:none!important}
#detail-modal .detail-creator,#detail-modal .detail-highlight,#detail-modal .detail-ep{border-color:var(--sv-line)!important;border-radius:var(--sv-radius-control)!important;background:#17171c!important;box-shadow:none!important;backdrop-filter:none!important}
#detail-modal .detail-tag{border-color:var(--sv-line)!important;background:#1b1b21!important;color:rgba(255,255,255,.68)!important}

#page-profile{background:#08080c!important}
#page-profile .dash-cover-pattern,#page-profile .dash-cover-glow{display:none!important}
#page-profile .dash-cover{background:linear-gradient(110deg,#17171d,#0d1009)!important;box-shadow:none!important}
#page-profile .dash-identity-wrap,#page-profile .dash-stats-bar,#page-profile .dash-tabs-wrap,#page-profile .dash-body{background:#08080c!important;box-shadow:none!important;backdrop-filter:none!important}
#page-profile .dash-stats-bar,#page-profile .dash-tabs{border-color:var(--sv-line)!important}
#page-profile .dash-btn-primary,#page-profile .dash-btn-ghost,#page-profile .dash-btn-icon{border-radius:var(--sv-radius-control)!important;box-shadow:none!important;backdrop-filter:none!important}
#page-profile .dash-quick-card,#page-profile .dash-insight-card,#page-profile .dash-activity-item,#page-profile .dash-setting-row,#page-profile .series-grid .card{border-color:var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;background:#131318!important;box-shadow:none!important;backdrop-filter:none!important}
#page-profile .dash-quick-card::before,#page-profile .dash-insight-card::before{display:none!important}
#page-profile .dash-quick-card:hover{transform:none!important;box-shadow:none!important;border-color:rgba(200,255,0,.3)!important}

@media(max-width:768px){
  #page-pricing .pricing-hero{padding-top:110px!important}
  #page-pricing .pricing-hero h1{letter-spacing:-.05em!important}
  #auth-modal{align-items:flex-end!important;padding:0!important}
  #auth-modal .modal{max-width:none!important;max-height:94dvh!important;margin:0!important;padding:24px 18px calc(24px + env(safe-area-inset-bottom))!important;border-right:0!important;border-bottom:0!important;border-left:0!important;border-radius:18px 18px 0 0!important}
  #detail-modal{align-items:flex-end!important;padding:0!important}
  #detail-modal .detail-modal{width:100%!important;max-height:94dvh!important;border-right:0!important;border-bottom:0!important;border-left:0!important;border-radius:18px 18px 0 0!important}
  #page-profile .dash-actions{gap:var(--sv-space-2)!important}
  #page-profile .dash-btn-primary,#page-profile .dash-btn-ghost{min-height:44px!important}
}
@media(max-width:560px){
  html body #page-home .featured-hero .fh-btns{
    grid-template-columns:repeat(3,max-content)!important;
    grid-template-areas:
      "play list more"
      "controls controls controls"!important;
  }
  html body #page-home .featured-hero .fh-controls{
    justify-content:flex-start!important;
    margin:2px 0 0!important;
  }
  html body #page-home .featured-hero .fh-btn-play,
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
}
@media(max-width:390px){
  html body #page-home{
    --home-left:14px!important;
  }
  html body #page-home .featured-hero{
    height:520px!important;
    min-height:520px!important;
  }
  html body #page-home .featured-hero .fh-title{
    font-size:36px!important;
  }
  html body #page-home .featured-hero .fh-btns{
    gap:6px!important;
  }
  html body #page-home .featured-hero .fh-btn-play,
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{
    padding:0 10px!important;
    font-size:11.5px!important;
  }
  html body #page-home .featured-hero .fh-btn-play{
    min-width:82px!important;
  }
  html body #page-home .nf-card{
    width:82vw!important;
    flex-basis:82vw!important;
    max-width:292px!important;
  }
  html body #page-home .content-row .row-header{
    gap:9px!important;
  }
}

/* Expansive hero and authentic streaming hover cards. */
html body #page-home .featured-hero{
  height:clamp(640px,80svh,860px)!important;
  min-height:640px!important;
  max-height:860px!important;
}
html body #page-home .content-row{
  margin-bottom:48px!important;
}
html body #page-home .row-scroll{
  align-items:flex-start!important;
  padding-top:8px!important;
  padding-bottom:24px!important;
}
html body #page-home .nf-card{
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#111116!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:11px!important;
  transform-origin:center top!important;
}
html body #page-home .nf-card-thumb{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  border-radius:10px!important;
}
html body #page-home .nf-card-grad{
  background:linear-gradient(0deg,rgba(3,3,6,.2),transparent 45%)!important;
}
html body #page-home .nf-card-info{
  position:relative!important;
  display:block!important;
  max-height:0!important;
  padding:0 12px!important;
  overflow:hidden!important;
  opacity:0!important;
  background:linear-gradient(145deg,rgba(27,26,35,.98),rgba(13,13,19,.98))!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  transition:max-height .24s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1),opacity .16s ease!important;
}
html body #page-home .nf-card-info .nf-card-actions{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:0!important;
  gap:7px!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
html body #page-home .nf-card-info .nf-act-btn:last-child{
  margin-left:auto!important;
}
html body #page-home .nf-card-info-title{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:760!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #page-home .nf-card-info-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 8px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:9.5px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
html body #page-home .nf-card-match{
  color:var(--lime)!important;
  font-weight:780!important;
}
html body #page-home .nf-card-rating-chip{
  padding:2px 4px!important;
  color:rgba(255,255,255,.68)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:3px!important;
}
@media(hover:hover) and (pointer:fine){
  html body #page-home .nf-card:hover,
  html body #page-home .nf-card:focus-within{
    transform:translateY(-5px) scale(1.025)!important;
    z-index:30!important;
    border-color:rgba(255,255,255,.15)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.64),0 0 0 1px rgba(123,94,167,.15)!important;
  }
  html body #page-home .nf-card:hover .nf-card-info,
  html body #page-home .nf-card:focus-within .nf-card-info{
    max-height:132px!important;
    padding:11px 12px 13px!important;
    opacity:1!important;
  }
}
@media(hover:none), (pointer:coarse){
  html body #page-home .nf-card-info{
    max-height:106px!important;
    padding:10px 10px 11px!important;
    opacity:1!important;
  }
  html body #page-home .nf-card-info .nf-card-actions{
    display:none!important;
  }
  html body #page-home .nf-card-info-title{
    margin-bottom:5px!important;
    font-size:12.5px!important;
  }
}
@media(max-width:1024px){
  html body #page-home .featured-hero{
    height:clamp(600px,76svh,760px)!important;
    min-height:600px!important;
    max-height:760px!important;
  }
}
@media(max-width:768px){
  html body #page-home .featured-hero{
    height:clamp(550px,72svh,660px)!important;
    min-height:550px!important;
    max-height:660px!important;
  }
  html body #page-home .content-row{
    margin-bottom:38px!important;
  }
}
@media(max-width:390px){
  html body #page-home .featured-hero{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
  }
}

/* Lock hero copy to the exact same left grid line as the shelves. */
html body #page-home .featured-hero .fh-content{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  padding-left:var(--home-left)!important;
  padding-right:var(--home-left)!important;
  box-sizing:border-box!important;
}
html body #page-home .featured-hero .fh-badge,
html body #page-home .featured-hero .fh-title,
html body #page-home .featured-hero .fh-meta,
html body #page-home .featured-hero .fh-desc,
html body #page-home .featured-hero .fh-btns{
  width:min(100%,620px)!important;
  max-width:620px!important;
}
@media(max-width:768px){
  html body #page-home .featured-hero .fh-content{
    grid-column:1 / -1!important;
  }
}

/* Homepage QA fixes: navigation, affordances, footer clearance, responsiveness. */
.desktop-app-sidebar .das-brand-sub{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.4!important;
  max-width:22ch!important;
}
#main-nav .nav-avatar{
  overflow:hidden!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}
#main-nav .nav-avatar img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
#main-nav .nav-avatar span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:rgba(255,255,255,.82);
}
#page-home .featured-hero .fh-pause-btn[aria-pressed="true"]{
  color:var(--lime)!important;
  border-color:rgba(200,255,0,.28)!important;
  background:rgba(200,255,0,.1)!important;
}
#page-home .genre-filter-bar::after{
  content:'›';
  position:sticky;
  right:-1px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:42px;
  min-width:42px;
  height:36px;
  padding-right:7px;
  margin-left:-42px;
  color:rgba(255,255,255,.72);
  font-size:22px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#09090e 68%);
}
#page-home #home-rows.is-filtered{
  min-height:0!important;
  padding-bottom:0!important;
}
#page-home #home-rows.is-filtered .content-row{
  margin-bottom:24px!important;
}
#page-home .home-align-container{
  padding-bottom:0!important;
}
#page-home #home-cta:empty,
#page-home #home-cta[style*="display:none"]{
  display:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
#page-home #home-footer{
  margin-bottom:0!important;
}
@media(min-width:769px){
  html,body,
  #page-home,
  #page-home .featured-hero,
  #page-home .home-align-container{
    width:100%!important;
    max-width:none!important;
  }
  .mobile-nav{
    display:none!important;
  }
  body{
    padding-bottom:0!important;
  }
}
@media(max-width:768px){
  body{
    padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;
  }
  .page{
    margin-bottom:0!important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));
  }
  #page-home .home-align-container{
    padding-bottom:0!important;
  }
  #page-home #home-footer{
    padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* Final homepage grid lock: one left line and edge-aligned shelf actions. */
html body #page-home .featured-hero .fh-badge{
  display:none!important;
}
html body #page-home .featured-hero .fh-content{
  position:relative!important;
  left:0!important;
  right:auto!important;
  transform:none!important;
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:var(--home-left)!important;
  padding-right:var(--home-left)!important;
}
html body #page-home .featured-hero .fh-title,
html body #page-home .featured-hero .fh-meta,
html body #page-home .featured-hero .fh-desc,
html body #page-home .featured-hero .fh-btns{
  margin-left:0!important;
  margin-right:0!important;
}
html body #page-home .content-row .row-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:16px!important;
}
html body #page-home .content-row .row-title{
  flex:0 1 auto!important;
  min-width:0!important;
}
html body #page-home .content-row .row-rule{
  display:none!important;
}
html body #page-home .content-row .row-more{
  flex:0 0 auto!important;
  margin-left:auto!important;
  text-align:right!important;
  white-space:nowrap!important;
}

/* Tight, responsive nav → hero → category-rail rhythm. */
html body #page-home{
  margin-top:0!important;
  padding-top:0!important;
}
html body #page-home .featured-hero{
  margin-top:0!important;
  margin-bottom:0!important;
}
html body #page-home .home-align-container{
  margin-top:-1px!important;
}
html body #page-home .genre-filter-bar{
  margin-top:0!important;
  margin-bottom:16px!important;
  padding-top:16px!important;
  padding-bottom:0!important;
}
html body #page-home .genre-filter-bar::after{
  display:none!important;
  content:none!important;
}
html body #page-home #home-rows{
  padding-top:0!important;
}
@media(max-width:1024px){
  html body #page-home .genre-filter-bar{
    margin-bottom:16px!important;
    padding-top:16px!important;
    padding-bottom:0!important;
  }
}
@media(max-width:768px){
  html body #page-home .genre-filter-bar{
    margin-bottom:16px!important;
    padding-top:16px!important;
    padding-bottom:0!important;
  }
}
@media(max-width:390px){
  html body #page-home .genre-filter-bar{
    margin-bottom:16px!important;
    padding-top:16px!important;
    padding-bottom:0!important;
  }
}

/* ================================================================
   SHARED CINEMATIC SYSTEM — DASHBOARD + MORE INFO
   ================================================================ */
html body #page-profile,
html body #page-profile *,
#detail-modal,
#detail-modal *{
  font-family:'Inter',sans-serif!important;
  box-sizing:border-box!important;
}
html body #page-profile{
  --studio-edge:clamp(16px,2.78vw,40px);
  width:100%!important;
  max-width:none!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(123,94,167,.08),transparent 30%),
    #050508!important;
}
html body #page-profile .dash-cover{
  width:100%!important;
  height:clamp(220px,26vw,360px)!important;
  margin:0!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
html body #page-profile .dash-cover::after{
  background:linear-gradient(0deg,#050508 0%,rgba(5,5,8,.42) 42%,transparent 76%)!important;
}
html body #page-profile .dash-cover-edit-btn{
  top:18px!important;
  right:var(--studio-edge)!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:9px!important;
  background:rgba(10,10,15,.62)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(14px)!important;
}
html body #page-profile .dash-identity-wrap{
  width:100%!important;
  padding:0 var(--studio-edge)!important;
  background:transparent!important;
}
html body #page-profile .dash-identity{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 20px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:18px!important;
}
html body #page-profile .dash-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-left:auto!important;
}
html body #page-profile .dash-btn-primary,
html body #page-profile .dash-btn-ghost,
html body #page-profile .dash-btn-icon{
  min-height:42px!important;
  height:42px!important;
  border-radius:9px!important;
}
html body #page-profile .dash-btn-primary{
  background:var(--lime)!important;
  color:#07070a!important;
}
html body #page-profile .dash-btn-ghost,
html body #page-profile .dash-btn-icon{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  color:rgba(255,255,255,.78)!important;
}
html body #page-profile .dash-stats-bar{
  width:calc(100% - (var(--studio-edge) * 2))!important;
  max-width:none!important;
  margin:0 var(--studio-edge) 18px!important;
  padding:16px 20px!important;
  border-radius:12px!important;
  background:rgba(21,20,28,.62)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:none!important;
}
html body #page-profile .dash-stat-div{
  background:rgba(255,255,255,.08)!important;
}
html body #page-profile .dash-stat-val{
  color:var(--lime)!important;
}
html body #page-profile .dash-tabs-wrap{
  width:100%!important;
  padding:0 var(--studio-edge)!important;
  background:rgba(5,5,8,.84)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
html body #page-profile .dash-tabs{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
html body #page-profile .dash-tab{
  min-height:48px!important;
  padding:0 16px!important;
}
html body #page-profile .dash-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px var(--studio-edge) 88px!important;
  gap:28px!important;
}
html body #page-profile .dash-series-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:14px!important;
}
html body #page-profile .series-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
html body #page-profile .series-grid .card{
  min-width:0!important;
  overflow:hidden!important;
  border-radius:11px!important;
  background:#111116!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
html body #page-profile .series-grid .card-thumb{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  border-radius:10px 10px 0 0!important;
}
html body #page-profile .series-grid .card-grad{
  background:linear-gradient(0deg,rgba(3,3,7,.3),transparent 50%)!important;
}
html body #page-profile .series-grid .card-info{
  min-height:104px!important;
  padding:11px 12px 13px!important;
  background:linear-gradient(145deg,rgba(27,26,35,.98),rgba(13,13,19,.98))!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
html body #page-profile .series-grid .card-actions{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:9px!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
html body #page-profile .series-grid .card-title{
  margin-bottom:5px!important;
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:760!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #page-profile .series-grid .card-meta{
  color:rgba(255,255,255,.46)!important;
  font-size:10px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* More Info becomes a wide cinematic title surface. */
#detail-modal{
  padding:24px!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(0,0,0,.78)!important;
  backdrop-filter:blur(12px)!important;
}
#detail-modal .detail-modal{
  width:min(1180px,calc(100vw - 48px))!important;
  max-width:1180px!important;
  max-height:calc(100dvh - 48px)!important;
  border-radius:16px!important;
  overflow-y:auto!important;
  background:#0b0b10!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
#detail-modal .detail-banner{
  width:100%!important;
  height:clamp(440px,56vh,620px)!important;
  min-height:440px!important;
}
#detail-modal .detail-banner-grad{
  background:
    linear-gradient(90deg,rgba(5,5,8,.96),rgba(5,5,8,.68) 34%,rgba(5,5,8,.12) 67%),
    linear-gradient(0deg,#0b0b10 0%,rgba(11,11,16,.32) 32%,transparent 66%)!important;
}
#detail-modal .detail-banner-content{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  padding:0 40px 36px!important;
}
#detail-modal .detail-banner-content > *{
  max-width:650px!important;
}
#detail-modal .detail-title{
  font-size:clamp(42px,5.2vw,72px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
}
#detail-modal .detail-banner-summary{
  max-width:58ch!important;
  color:rgba(255,255,255,.7)!important;
  font-size:14px!important;
  line-height:1.5!important;
}
#detail-modal .detail-banner-btns,
#detail-modal .detail-secondary-btns{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}
#detail-modal .detail-play-btn,
#detail-modal .detail-list-btn,
#detail-modal .detail-sec-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:9px!important;
}
#detail-modal .detail-play-btn{
  background:#fff!important;
  color:#07070a!important;
}
#detail-modal .detail-list-btn,
#detail-modal .detail-sec-btn{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
}
#detail-modal .detail-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 40px 48px!important;
}
#detail-modal .detail-creator{
  padding:14px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
#detail-modal .detail-ep-list,
#detail-modal .detail-eps-list{
  gap:8px!important;
}
#detail-modal .detail-ep{
  min-height:72px!important;
  padding:12px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
#detail-modal .dm-card{
  border-radius:10px!important;
  background:#111116!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
@media(max-width:1024px){
  html body #page-profile .series-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #detail-modal .detail-banner-content,
  #detail-modal .detail-body{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}
@media(max-width:768px){
  html body #page-profile{
    --studio-edge:16px;
  }
  html body #page-profile .dash-cover{
    height:190px!important;
  }
  html body #page-profile .dash-identity{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:12px!important;
  }
  html body #page-profile .dash-actions{
    width:100%!important;
    justify-content:flex-start!important;
    margin-left:0!important;
  }
  html body #page-profile .dash-stats-bar{
    overflow-x:auto!important;
  }
  html body #page-profile .dash-body{
    padding-top:20px!important;
  }
  #detail-modal{
    padding:0!important;
    align-items:flex-end!important;
  }
  #detail-modal .detail-modal{
    width:100%!important;
    max-width:none!important;
    max-height:96dvh!important;
    border-radius:16px 16px 0 0!important;
  }
  #detail-modal .detail-banner{
    height:clamp(400px,58vh,520px)!important;
    min-height:400px!important;
  }
  #detail-modal .detail-banner-content,
  #detail-modal .detail-body{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  #detail-modal .detail-banner-content{
    padding-bottom:24px!important;
  }
  #detail-modal .detail-title{
    font-size:clamp(34px,10vw,48px)!important;
  }
}
@media(max-width:480px){
  html body #page-profile .series-grid{
    grid-template-columns:1fr!important;
  }
  html body #page-profile .dash-cover{
    height:164px!important;
  }
  html body #page-profile .dash-btn-primary,
  html body #page-profile .dash-btn-ghost{
    flex:1 1 auto!important;
  }
  #detail-modal .detail-banner{
    height:440px!important;
    min-height:440px!important;
  }
  #detail-modal .detail-banner-btns > button,
  #detail-modal .detail-secondary-btns > button{
    flex:1 1 auto!important;
  }
}

/* ================================================================
   SCENVOX PRICING — MODERN RESPONSIVE SYSTEM
   ================================================================ */
html body #page-pricing,
html body #page-pricing *{
  font-family:'Inter',sans-serif!important;
  box-sizing:border-box!important;
}
html body #page-pricing{
  --pricing-edge:clamp(16px,2.78vw,40px);
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  padding:0 0 80px!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(123,94,167,.11),transparent 30%),
    radial-gradient(circle at 84% 28%,rgba(200,255,0,.035),transparent 27%),
    #060609!important;
}
html body #page-pricing .pricing-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:clamp(420px,52vh,560px)!important;
  padding:96px var(--pricing-edge) 54px!important;
  text-align:center!important;
  background:transparent!important;
}
html body #page-pricing .pricing-hero::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(5,5,8,.1),#060609 100%),
    radial-gradient(ellipse 54% 55% at 50% 16%,rgba(123,94,167,.13),transparent 72%)!important;
}
html body #page-pricing .pricing-hero-inner{
  width:min(100%,720px)!important;
  max-width:720px!important;
}
html body #page-pricing .pricing-kicker{
  min-height:26px!important;
  margin-bottom:16px!important;
  padding:0 10px!important;
  border-radius:6px!important;
  background:rgba(200,255,0,.075)!important;
  border-color:rgba(200,255,0,.18)!important;
  letter-spacing:.12em!important;
}
html body #page-pricing .pricing-hero h1{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:clamp(42px,5.4vw,72px)!important;
  font-weight:850!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}
html body #page-pricing .pricing-hero h1 span{
  color:#fff!important;
}
html body #page-pricing .pricing-hero p{
  max-width:52ch!important;
  margin:0 auto 26px!important;
  color:rgba(255,255,255,.6)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.55!important;
}
html body #page-pricing .billing-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:48px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:rgba(20,20,28,.72)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
html body #page-pricing .bill-btn{
  min-width:112px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:8px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:12px!important;
  font-weight:700!important;
}
html body #page-pricing .bill-btn.active{
  color:#08080b!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body #page-pricing .plans-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  max-width:1240px!important;
  margin:-18px auto 0!important;
  padding:0 var(--pricing-edge) 32px!important;
  overflow:visible!important;
}
html body #page-pricing .plan{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  min-height:540px!important;
  margin:0!important;
  padding:24px!important;
  scroll-snap-align:none!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,rgba(27,27,37,.82),rgba(13,13,19,.92))!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  transform:none!important;
}
html body #page-pricing .plan.featured{
  border-color:rgba(200,255,0,.32)!important;
  background:
    linear-gradient(155deg,rgba(31,38,18,.88),rgba(15,16,17,.94) 48%,rgba(13,13,19,.96))!important;
  box-shadow:0 20px 54px rgba(0,0,0,.32),0 0 0 1px rgba(200,255,0,.06)!important;
}
html body #page-pricing .plan-popular{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:24px!important;
  padding:0 8px!important;
  border-radius:6px!important;
  color:var(--lime)!important;
  background:rgba(200,255,0,.09)!important;
  border:1px solid rgba(200,255,0,.2)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
html body #page-pricing .plan-tier{
  color:rgba(255,255,255,.88)!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body #page-pricing .plan-price{
  display:flex!important;
  align-items:baseline!important;
  min-height:58px!important;
  margin:14px 0 0!important;
  color:#fff!important;
  font-size:48px!important;
  font-weight:820!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}
html body #page-pricing .plan-price .mo{
  margin-left:5px!important;
  color:rgba(255,255,255,.42)!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
html body #page-pricing .plan-price-local{
  min-height:18px!important;
}
html body #page-pricing .plan-divider{
  width:100%!important;
  height:1px!important;
  margin:4px 0 18px!important;
  background:rgba(255,255,255,.075)!important;
}
html body #page-pricing .plan-features{
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
  margin:0 0 24px!important;
  padding:0!important;
}
html body #page-pricing .plan-features li{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  color:rgba(255,255,255,.65)!important;
  font-size:12px!important;
  line-height:1.4!important;
}
html body #page-pricing .feat-check{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}
html body #page-pricing .plan-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin-top:auto!important;
  padding:0 16px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
html body #page-pricing .plan-btn.primary{
  color:#07070a!important;
  background:var(--lime)!important;
  border-color:var(--lime)!important;
}
html body #page-pricing .plan-btn.outline{
  color:rgba(255,255,255,.68)!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}
html body #page-pricing .plan-btn.gold{
  color:#fff!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}
html body #page-pricing .pricing-trust{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:10px var(--pricing-edge) 72px!important;
  gap:12px 28px!important;
}
html body #page-pricing .pricing-compare,
html body #page-pricing .pricing-faq{
  width:calc(100% - (var(--pricing-edge) * 2))!important;
  max-width:1160px!important;
  margin:0 auto 64px!important;
}
html body #page-pricing .pricing-section-head{
  max-width:620px!important;
  margin-bottom:22px!important;
}
html body #page-pricing .pricing-section-head > span{
  color:var(--lime)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body #page-pricing .pricing-section-head h2{
  margin:7px 0 8px!important;
  color:#fff!important;
  font-size:clamp(26px,3vw,38px)!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
html body #page-pricing .pricing-section-head p{
  margin:0!important;
  color:rgba(255,255,255,.5)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html body #page-pricing .pricing-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  border-radius:12px!important;
  background:rgba(18,18,27,.68)!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
html body #page-pricing .pricing-table{
  width:100%!important;
  min-width:680px!important;
  border-collapse:collapse!important;
}
html body #page-pricing .pricing-table th,
html body #page-pricing .pricing-table td{
  padding:15px 18px!important;
  text-align:left!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.58)!important;
  font-size:12px!important;
}
html body #page-pricing .pricing-table th{
  color:rgba(255,255,255,.84)!important;
  font-weight:750!important;
  background:rgba(255,255,255,.025)!important;
}
html body #page-pricing .pricing-table th:nth-child(3),
html body #page-pricing .pricing-table td:nth-child(3){
  color:var(--lime)!important;
  background:rgba(200,255,0,.025)!important;
}
html body #page-pricing .pricing-faq-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
html body #page-pricing .pricing-faq details{
  padding:0 16px!important;
  border-radius:10px!important;
  background:rgba(18,18,27,.62)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
html body #page-pricing .pricing-faq summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:52px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
  font-weight:700!important;
  cursor:pointer!important;
  list-style:none!important;
}
html body #page-pricing .pricing-faq summary::after{
  content:'+'!important;
  color:var(--lime)!important;
  font-size:18px!important;
}
html body #page-pricing .pricing-faq details[open] summary::after{
  content:'−'!important;
}
html body #page-pricing .pricing-faq details p{
  margin:0 0 16px!important;
  color:rgba(255,255,255,.5)!important;
  font-size:12px!important;
  line-height:1.55!important;
}
@media(max-width:1024px){
  html body #page-pricing{
    --pricing-edge:24px;
  }
  html body #page-pricing .plans-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:860px!important;
  }
  html body #page-pricing .plan:last-child{
    grid-column:1 / -1!important;
    width:min(100%,421px)!important;
    justify-self:center!important;
  }
}
@media(max-width:700px){
  html body #page-pricing{
    --pricing-edge:16px;
    padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;
  }
  html body #page-pricing .pricing-hero{
    min-height:400px!important;
    padding:84px 16px 40px!important;
  }
  html body #page-pricing .pricing-hero h1{
    font-size:clamp(38px,11vw,52px)!important;
  }
  html body #page-pricing .plans-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:520px!important;
    margin:-8px auto 0!important;
    padding:0 16px 26px!important;
    gap:14px!important;
    overflow:visible!important;
  }
  html body #page-pricing .plan,
  html body #page-pricing .plan:last-child{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:22px!important;
  }
  html body #page-pricing .pricing-trust{
    padding-bottom:54px!important;
  }
  html body #page-pricing .pricing-faq-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:390px){
  html body #page-pricing .pricing-hero{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body #page-pricing .billing-toggle{
    width:100%!important;
  }
  html body #page-pricing .bill-btn{
    flex:1 1 0!important;
    min-width:0!important;
    padding:0 8px!important;
  }
  html body #page-pricing .plans-grid{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body #page-pricing .plan{
    padding:20px!important;
  }
}

/* ================================================================
   MORE INFO — CINEMATIC TITLE SURFACE V2
   ================================================================ */
#detail-modal{
  padding:20px!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(0,0,0,.82)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
#detail-modal .detail-modal{
  position:relative!important;
  width:min(1280px,calc(100vw - 40px))!important;
  max-width:1280px!important;
  max-height:calc(100dvh - 40px)!important;
  border-radius:16px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-behavior:smooth!important;
  background:
    radial-gradient(circle at 88% 30%,rgba(123,94,167,.075),transparent 28%),
    #08080d!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.78)!important;
}
#detail-modal .detail-close-pill{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:40!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:9px!important;
  color:rgba(255,255,255,.78)!important;
  background:rgba(8,8,12,.58)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(14px)!important;
}
#detail-modal .detail-banner{
  position:relative!important;
  width:100%!important;
  height:clamp(500px,62vh,680px)!important;
  min-height:500px!important;
  overflow:hidden!important;
  background:#09090e!important;
}
#detail-modal .detail-banner-bg{
  filter:saturate(1.05) contrast(1.05) brightness(.78)!important;
}
#detail-modal .detail-banner-grid,
#detail-modal .detail-banner-glow{
  opacity:.24!important;
}
#detail-modal .detail-banner-grad{
  background:
    linear-gradient(90deg,rgba(5,5,8,.97) 0%,rgba(5,5,8,.75) 31%,rgba(5,5,8,.18) 64%,rgba(5,5,8,.1) 100%),
    linear-gradient(0deg,#08080d 0%,rgba(8,8,13,.6) 23%,transparent 58%)!important;
}
#detail-modal .detail-poster{
  display:none!important;
}
#detail-modal .detail-banner-content{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  padding:0 40px 38px!important;
}
#detail-modal .detail-banner-content > *{
  max-width:660px!important;
}
#detail-modal .detail-cat{
  display:inline-flex!important;
  width:max-content!important;
  min-height:22px!important;
  align-items:center!important;
  margin-bottom:10px!important;
  padding:0 8px!important;
  border-radius:5px!important;
  color:rgba(255,255,255,.72)!important;
  background:rgba(12,12,18,.58)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#detail-modal .detail-title{
  max-width:12ch!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(48px,5.8vw,82px)!important;
  font-weight:850!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
  text-shadow:0 16px 44px rgba(0,0,0,.6)!important;
}
#detail-modal .detail-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px 10px!important;
  margin-bottom:12px!important;
  color:rgba(255,255,255,.58)!important;
  font-size:11px!important;
}
#detail-modal .detail-rating{
  color:var(--lime)!important;
}
#detail-modal .detail-banner-summary{
  max-width:58ch!important;
  margin:0 0 18px!important;
  color:rgba(255,255,255,.7)!important;
  font-size:14px!important;
  line-height:1.52!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
#detail-modal .detail-banner-stats{
  display:none!important;
}
#detail-modal .detail-banner-btns{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}
#detail-modal .detail-play-btn,
#detail-modal .detail-list-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
}
#detail-modal .detail-play-btn{
  min-width:126px!important;
  color:#07070a!important;
  background:#fff!important;
  border:1px solid #fff!important;
}
#detail-modal .detail-list-btn{
  color:#fff!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(12px)!important;
}
#detail-modal .detail-section-nav{
  position:sticky!important;
  top:0!important;
  z-index:25!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  min-height:54px!important;
  padding:0 40px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  background:rgba(9,9,14,.88)!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
#detail-modal .detail-section-nav::-webkit-scrollbar{
  display:none!important;
}
#detail-modal .detail-section-nav button{
  position:relative!important;
  flex:0 0 auto!important;
  height:54px!important;
  padding:0 14px!important;
  color:rgba(255,255,255,.46)!important;
  background:transparent!important;
  border:0!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
#detail-modal .detail-section-nav button.active{
  color:#fff!important;
}
#detail-modal .detail-section-nav button.active::after{
  content:''!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:0!important;
  height:2px!important;
  background:var(--lime)!important;
}
#detail-modal .detail-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  grid-auto-flow:row!important;
  column-gap:28px!important;
  row-gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:30px 40px 52px!important;
}
#detail-modal .detail-scroll-anchor{
  grid-column:1!important;
  height:0!important;
  scroll-margin-top:64px!important;
}
#detail-modal .detail-highlights,
#detail-modal .detail-tags,
#detail-modal .detail-desc,
#detail-modal .detail-eps-title,
#detail-modal .detail-eps-list,
#detail-modal #detail-reactions,
#detail-modal #detail-rating-section,
#detail-modal #detail-comments{
  grid-column:1!important;
  min-width:0!important;
}
#detail-modal .detail-creator{
  grid-column:2!important;
  grid-row:1 / span 4!important;
  align-self:start!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:11px!important;
  margin:0!important;
  padding:16px!important;
  border-radius:12px!important;
  background:rgba(22,21,29,.7)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  backdrop-filter:blur(14px)!important;
}
#detail-modal .detail-secondary-btns{
  grid-column:2!important;
  grid-row:5 / span 2!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:12px 0 0!important;
}
#detail-modal .detail-sec-btn{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  justify-content:center!important;
  border-radius:9px!important;
  color:rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
#detail-modal .detail-highlights{
  margin-bottom:12px!important;
}
#detail-modal .detail-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-bottom:14px!important;
}
#detail-modal .detail-desc{
  max-width:72ch!important;
  margin:0 0 34px!important;
  color:rgba(255,255,255,.66)!important;
  font-size:14px!important;
  line-height:1.65!important;
}
#detail-modal .detail-eps-title{
  margin:0 0 13px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:780!important;
  letter-spacing:-.025em!important;
}
#detail-modal .detail-eps-list{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin-bottom:34px!important;
}
#detail-modal .detail-ep{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  min-height:78px!important;
  padding:8px 12px 8px 8px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.026)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  transform:none!important;
}
#detail-modal .detail-ep:hover{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.11)!important;
}
#detail-modal .detail-ep-num{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:112px!important;
  height:63px!important;
  border-radius:7px!important;
  color:rgba(255,255,255,.78)!important;
  background:
    linear-gradient(135deg,rgba(123,94,167,.34),rgba(13,13,20,.84)),
    #171720!important;
  border:1px solid rgba(255,255,255,.075)!important;
  font-size:13px!important;
}
#detail-modal .detail-ep-name{
  font-size:13px!important;
  font-weight:750!important;
}
#detail-modal .detail-ep-dur{
  margin-top:4px!important;
  font-size:10px!important;
}
#detail-modal .detail-more-section{
  grid-column:1 / -1!important;
  width:100%!important;
  margin:38px 0 0!important;
  padding-top:28px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  scroll-margin-top:64px!important;
}
#detail-modal .detail-more-title{
  margin-bottom:14px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:780!important;
}
#detail-modal .detail-more-reel{
  display:flex!important;
  gap:14px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  padding:4px 0 16px!important;
}
#detail-modal .dm-card{
  flex:0 0 clamp(230px,23vw,290px)!important;
  scroll-snap-align:start!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#111116!important;
  border:1px solid rgba(255,255,255,.08)!important;
  transform:none!important;
}
#detail-modal .dm-thumb{
  aspect-ratio:16 / 9!important;
}
#detail-modal #detail-reactions,
#detail-modal #detail-rating-section,
#detail-modal #detail-comments{
  margin-bottom:20px!important;
}
@media(max-width:980px){
  #detail-modal .detail-banner-content,
  #detail-modal .detail-section-nav,
  #detail-modal .detail-body{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  #detail-modal .detail-body{
    grid-template-columns:1fr!important;
  }
  #detail-modal .detail-creator,
  #detail-modal .detail-secondary-btns{
    grid-column:1!important;
    grid-row:auto!important;
  }
  #detail-modal .detail-creator{
    margin:0 0 12px!important;
  }
  #detail-modal .detail-secondary-btns{
    flex-direction:row!important;
    margin:0 0 30px!important;
  }
  #detail-modal .detail-scroll-anchor,
  #detail-modal .detail-highlights,
  #detail-modal .detail-tags,
  #detail-modal .detail-desc,
  #detail-modal .detail-eps-title,
  #detail-modal .detail-eps-list,
  #detail-modal #detail-reactions,
  #detail-modal #detail-rating-section,
  #detail-modal #detail-comments{
    grid-column:1!important;
  }
}
@media(max-width:768px){
  #detail-modal{
    padding:0!important;
    align-items:flex-end!important;
  }
  #detail-modal .detail-modal{
    width:100%!important;
    max-width:none!important;
    max-height:96dvh!important;
    border-radius:16px 16px 0 0!important;
  }
  #detail-modal .detail-banner{
    height:clamp(420px,52vh,520px)!important;
    min-height:420px!important;
  }
  #detail-modal .detail-banner-content,
  #detail-modal .detail-section-nav,
  #detail-modal .detail-body{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  #detail-modal .detail-banner-content{
    padding-bottom:24px!important;
  }
  #detail-modal .detail-title{
    font-size:clamp(36px,10vw,52px)!important;
  }
  #detail-modal .detail-banner-summary{
    -webkit-line-clamp:2!important;
    font-size:13px!important;
  }
  #detail-modal .detail-section-nav{
    min-height:50px!important;
  }
  #detail-modal .detail-section-nav button{
    height:50px!important;
    padding:0 11px!important;
  }
  #detail-modal .detail-body{
    padding-top:22px!important;
    padding-bottom:36px!important;
  }
  #detail-modal .detail-ep{
    grid-template-columns:88px minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  #detail-modal .detail-ep-num{
    width:88px!important;
    height:50px!important;
  }
}
@media(max-width:430px){
  #detail-modal .detail-close-pill{
    top:12px!important;
    right:12px!important;
    min-height:36px!important;
    font-size:0!important;
    padding:0 11px!important;
  }
  #detail-modal .detail-banner{
    height:460px!important;
    min-height:460px!important;
  }
  #detail-modal .detail-banner-btns{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  #detail-modal .detail-play-btn{
    grid-column:1 / -1!important;
    width:100%!important;
  }
  #detail-modal .detail-list-btn{
    width:100%!important;
  }
  #detail-modal .detail-ep{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  #detail-modal .detail-ep-num{
    width:72px!important;
    height:44px!important;
  }
  #detail-modal .detail-ep-play{
    display:none!important;
  }
  #detail-modal .detail-secondary-btns{
    flex-direction:column!important;
  }
  #detail-modal .dm-card{
    flex-basis:78vw!important;
    max-width:290px!important;
  }
}

/* FINAL ALIGNMENT PASS — HERO METADATA + MORE INFO CONTROLS */
#page-home .fh-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
#page-home .fh-meta > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:0 8px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#page-home .fh-meta .fh-category{
  text-transform:capitalize!important;
}
#detail-modal .detail-close-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:82px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  gap:8px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#detail-modal .detail-close-pill svg{
  display:block!important;
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  margin:0!important;
}
#detail-modal .detail-banner-btns{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
#detail-modal .detail-play-btn,
#detail-modal .detail-list-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  height:44px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:1!important;
}
#detail-modal .detail-more-reel{
  align-items:stretch!important;
}
#detail-modal .dm-card{
  display:flex!important;
  flex-direction:column!important;
}
#detail-modal .dm-body{
  flex:1 1 auto!important;
}
@media(max-width:430px){
  #detail-modal .detail-close-pill{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    gap:0!important;
    border-radius:10px!important;
    font-size:0!important;
  }
  #detail-modal .detail-banner-btns{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
  }
}

/* PRECISION ALIGNMENT PASS */
#page-pricing .billing-toggle{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:stretch!important;
  width:292px!important;
  min-height:48px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#page-pricing .bill-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  gap:6px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#page-pricing .bill-btn span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:18px!important;
  margin-left:0!important;
  line-height:1!important;
}
#detail-modal .detail-close-pill{
  top:16px!important;
  right:16px!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  gap:0!important;
  border-radius:50%!important;
  color:rgba(255,255,255,.92)!important;
  background:rgba(12,12,16,.58)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
#detail-modal .detail-close-pill:hover{
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.32)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
  transform:translateY(-1px)!important;
}
#detail-modal .detail-close-pill:active{
  transform:scale(.94)!important;
}
#detail-modal .detail-close-pill:focus-visible{
  outline:2px solid var(--accent)!important;
  outline-offset:3px!important;
}
#detail-modal .detail-close-pill svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  stroke-width:2.2!important;
}
#detail-modal .reactions-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:20px 0 4px!important;
}
#detail-modal .reaction-btn{
  display:inline-grid!important;
  grid-template-columns:22px auto!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:6px!important;
  width:auto!important;
  min-width:46px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 11px!important;
  border-radius:10px!important;
  line-height:1!important;
  text-align:center!important;
}
#detail-modal .reaction-emoji{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  font-size:17px!important;
  line-height:22px!important;
}
#detail-modal .reaction-count{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  height:18px!important;
  line-height:1!important;
}
#detail-modal .reaction-count:empty{
  display:none!important;
}
#detail-modal .reaction-btn:has(.reaction-count:empty){
  grid-template-columns:22px!important;
  padding-left:11px!important;
  padding-right:11px!important;
}
#detail-modal button svg,
#page-home button svg{
  display:block;
  flex-shrink:0;
}
#detail-modal .detail-creator > *,
#detail-modal .detail-banner-btns > *,
#detail-modal .detail-secondary-btns > *{
  min-width:0;
}
@media(max-width:430px){
  #page-pricing .billing-toggle{
    width:min(100%,292px)!important;
  }
  #page-pricing .bill-btn{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #detail-modal .detail-close-pill{
    top:12px!important;
    right:12px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  #detail-modal .reactions-row{
    gap:6px!important;
  }
  #detail-modal .reaction-btn{
    height:36px!important;
    min-height:36px!important;
  }
}

/* MODERN LIGHT THEME — COMPLETE SURFACE AND CONTRAST PASS */
body.theme-light{
  color-scheme:light;
  --bg:#f4f5f7;
  --surface:#ffffff;
  --surface2:#eef0f3;
  --card:#ffffff;
  --text:#17181c;
  --muted:#686b73;
  --border:rgba(23,24,28,.09);
  --border2:rgba(23,24,28,.14);
  --accent:#5f7800;
  --lime:#b7e600;
  --purple:#6f54a0;
  --ui-border:rgba(23,24,28,.11);
  --ui-border-strong:rgba(23,24,28,.18);
  --ui-glass:rgba(255,255,255,.76);
  --ui-glass-hover:rgba(255,255,255,.94);
  --ui-card-bg:rgba(255,255,255,.88);
  --ui-card-border:rgba(23,24,28,.09);
  --ui-card-shadow:0 16px 40px rgba(28,30,38,.1);
  background:#f4f5f7!important;
  color:#17181c!important;
}
body.theme-light nav#main-nav,
body.theme-light .mobile-nav,
body.theme-light .desktop-app-sidebar,
body.theme-light #profile-dropdown,
body.theme-light .notif-panel,
body.theme-light .genre-filter-bar{
  color:#17181c!important;
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(23,24,28,.09)!important;
  box-shadow:0 8px 30px rgba(28,30,38,.08)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
}
body.theme-light .nav-logo,
body.theme-light .nav-link,
body.theme-light .mobile-nav-item,
body.theme-light .pd-item,
body.theme-light .notif-title,
body.theme-light .das-link{
  color:#34363d!important;
}
body.theme-light .nav-link.active,
body.theme-light .mobile-nav-item.active,
body.theme-light .pd-item:hover,
body.theme-light .das-link.active{
  color:#17181c!important;
}
body.theme-light .nav-icon-btn,
body.theme-light .nav-menu-btn,
body.theme-light .profile-avatar,
body.theme-light .das-close{
  color:#34363d!important;
  background:rgba(23,24,28,.045)!important;
  border-color:rgba(23,24,28,.1)!important;
}
body.theme-light .page,
body.theme-light #page-home,
body.theme-light #page-discover,
body.theme-light #page-profile,
body.theme-light #page-pricing{
  background:#f4f5f7!important;
  color:#17181c!important;
}
body.theme-light #page-home .genre-filter-bar{
  background:rgba(244,245,247,.9)!important;
  box-shadow:none!important;
}
body.theme-light #page-home .genre-pill{
  color:#5d6068!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.1)!important;
  box-shadow:0 2px 8px rgba(28,30,38,.04)!important;
}
body.theme-light #page-home .genre-pill:hover{
  color:#17181c!important;
  border-color:rgba(23,24,28,.2)!important;
}
body.theme-light #page-home .genre-pill.active{
  color:#fff!important;
  background:#1b1c21!important;
  border-color:#1b1c21!important;
}
/* Artwork and hero overlays remain cinematic; their text stays white. */
body.theme-light #page-home .featured-hero,
body.theme-light #page-home .featured-hero *,
body.theme-light .nf-card-thumb,
body.theme-light .nf-card-thumb *,
body.theme-light .card-thumb,
body.theme-light .card-thumb *,
body.theme-light .disc-card-thumb,
body.theme-light .disc-card-thumb *{
  color:#fff;
}
body.theme-light #page-home .featured-hero{
  background:#15161a!important;
  border-color:rgba(23,24,28,.12)!important;
  box-shadow:0 20px 46px rgba(28,30,38,.14)!important;
}
body.theme-light #page-home .fh-meta > span{
  color:rgba(255,255,255,.78)!important;
  background:rgba(10,10,14,.34)!important;
  border-color:rgba(255,255,255,.13)!important;
}
body.theme-light #page-home .fh-meta .fh-match{
  color:#d8ff48!important;
}
body.theme-light #page-home .home-section-title,
body.theme-light #page-home .section-title,
body.theme-light #page-home .row-title,
body.theme-light #page-home .nf-row-title{
  color:#17181c!important;
}
body.theme-light #page-home .section-sub,
body.theme-light #page-home .row-sub{
  color:#6b6e76!important;
}
body.theme-light #page-home .nf-card,
body.theme-light #page-home .card,
body.theme-light #page-home .disc-card{
  background:#fff!important;
  border-color:rgba(23,24,28,.09)!important;
  box-shadow:0 6px 18px rgba(28,30,38,.07)!important;
}
body.theme-light #page-home .nf-card-info,
body.theme-light #page-home .card-info{
  color:#17181c!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.09)!important;
}
body.theme-light #page-home .nf-card-info *,
body.theme-light #page-home .card-info *{
  color:inherit;
}
body.theme-light #page-home .nf-card-title-text,
body.theme-light #page-home .card-title{
  color:#17181c!important;
}
body.theme-light #page-home .nf-card-meta-row,
body.theme-light #page-home .card-meta,
body.theme-light #page-home .nf-card-cat-text,
body.theme-light #page-home .nf-card-eps-text{
  color:#696c74!important;
}
body.theme-light #page-home .nf-act-btn,
body.theme-light #page-home .card-action-btn{
  color:#34363d!important;
  background:#f1f2f4!important;
  border-color:rgba(23,24,28,.1)!important;
}
/* More Info uses a light reading surface with a dark cinematic masthead. */
body.theme-light #detail-modal{
  background:rgba(24,25,30,.38)!important;
}
body.theme-light #detail-modal .detail-modal{
  color:#17181c!important;
  background:#f7f8fa!important;
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:0 28px 90px rgba(20,22,28,.24)!important;
}
body.theme-light #detail-modal .detail-banner,
body.theme-light #detail-modal .detail-banner *{
  color:#fff;
}
body.theme-light #detail-modal .detail-banner{
  background:#14151a!important;
}
body.theme-light #detail-modal .detail-section-nav{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(23,24,28,.09)!important;
  box-shadow:0 5px 18px rgba(28,30,38,.06)!important;
}
body.theme-light #detail-modal .detail-section-nav button{
  color:#6a6d75!important;
}
body.theme-light #detail-modal .detail-section-nav button.active,
body.theme-light #detail-modal .detail-section-nav button:hover{
  color:#17181c!important;
}
body.theme-light #detail-modal .detail-body,
body.theme-light #detail-modal .detail-eps-title,
body.theme-light #detail-modal .detail-more-title,
body.theme-light #detail-modal .detail-ep-name{
  color:#17181c!important;
}
body.theme-light #detail-modal .detail-desc,
body.theme-light #detail-modal .detail-ep-dur{
  color:#666a72!important;
}
body.theme-light #detail-modal .detail-creator,
body.theme-light #detail-modal .detail-ep,
body.theme-light #detail-modal .dm-card{
  color:#17181c!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.09)!important;
  box-shadow:0 7px 22px rgba(28,30,38,.055)!important;
}
body.theme-light #detail-modal .detail-ep:hover{
  background:#f1f3f5!important;
  border-color:rgba(23,24,28,.15)!important;
}
body.theme-light #detail-modal .detail-sec-btn,
body.theme-light #detail-modal .detail-list-btn,
body.theme-light #detail-modal .reaction-btn{
  color:#34363d!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.12)!important;
}
body.theme-light #detail-modal .reaction-btn.reacted{
  color:#526900!important;
  background:#f2f8dd!important;
  border-color:rgba(95,120,0,.3)!important;
}
body.theme-light #detail-modal .detail-close-pill{
  color:#fff!important;
  background:rgba(14,15,19,.62)!important;
  border-color:rgba(255,255,255,.26)!important;
}
/* Pricing */
body.theme-light #page-pricing .pricing-hero{
  background:
    radial-gradient(circle at 50% 0,rgba(111,84,160,.12),transparent 48%),
    linear-gradient(180deg,#fff 0,#f4f5f7 100%)!important;
}
body.theme-light #page-pricing .pricing-hero h1,
body.theme-light #page-pricing .pricing-hero h1 span{
  color:#17181c!important;
}
body.theme-light #page-pricing .pricing-hero p{
  color:#666a72!important;
}
body.theme-light #page-pricing .pricing-kicker{
  color:#526900!important;
  background:rgba(183,230,0,.12)!important;
  border-color:rgba(95,120,0,.2)!important;
}
body.theme-light #page-pricing .billing-toggle{
  background:#e9ebee!important;
  border-color:rgba(23,24,28,.08)!important;
  box-shadow:inset 0 1px 2px rgba(28,30,38,.04)!important;
}
body.theme-light #page-pricing .bill-btn{
  color:#666a72!important;
}
body.theme-light #page-pricing .bill-btn.active{
  color:#17181c!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(28,30,38,.1)!important;
}
body.theme-light #page-pricing .bill-btn span{
  color:#526900!important;
  background:rgba(183,230,0,.16)!important;
}
body.theme-light #page-pricing .plan,
body.theme-light #page-pricing .pricing-trust-card,
body.theme-light #page-pricing .pricing-compare,
body.theme-light #page-pricing .pricing-faq-grid details{
  color:#17181c!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.09)!important;
  box-shadow:0 10px 32px rgba(28,30,38,.065)!important;
}
body.theme-light #page-pricing .plan.featured{
  background:linear-gradient(155deg,#f6fadf,#fff 52%)!important;
  border-color:rgba(95,120,0,.24)!important;
}
body.theme-light #page-pricing .plan-tier,
body.theme-light #page-pricing .plan-features li,
body.theme-light #page-pricing .plan-price .mo,
body.theme-light #page-pricing .pricing-compare td,
body.theme-light #page-pricing .pricing-faq-grid p{
  color:#666a72!important;
}
body.theme-light #page-pricing .plan-price,
body.theme-light #page-pricing h2,
body.theme-light #page-pricing h3,
body.theme-light #page-pricing summary{
  color:#17181c!important;
}
body.theme-light #page-pricing .plan-btn.outline{
  color:#24262b!important;
  background:#f1f2f4!important;
  border-color:rgba(23,24,28,.11)!important;
}
/* Dashboard / creator profile */
body.theme-light #page-profile .dash-identity-wrap,
body.theme-light #page-profile .dash-tabs-wrap,
body.theme-light #page-profile .dash-body{
  color:#17181c!important;
  background:#f4f5f7!important;
  border-color:rgba(23,24,28,.09)!important;
}
body.theme-light #page-profile .dash-stats-bar,
body.theme-light #page-profile .dash-tabs,
body.theme-light #page-profile .dash-insight-card,
body.theme-light #page-profile .dash-activity-item,
body.theme-light #page-profile .dash-setting-item,
body.theme-light #page-profile .series-grid .card-info{
  color:#17181c!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.09)!important;
  box-shadow:0 6px 20px rgba(28,30,38,.05)!important;
}
body.theme-light #page-profile .dash-btn-ghost,
body.theme-light #page-profile .dash-btn-icon{
  color:#34363d!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.12)!important;
}
body.theme-light #page-profile .dash-tab{
  color:#6a6d75!important;
}
body.theme-light #page-profile .dash-tab.active{
  color:#17181c!important;
}
body.theme-light input,
body.theme-light textarea,
body.theme-light select{
  color:#17181c!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.13)!important;
}
body.theme-light input::placeholder,
body.theme-light textarea::placeholder{
  color:#8a8d94!important;
}
body.theme-light .modal:not(.detail-modal),
body.theme-light #vp-sheet,
body.theme-light #vp-av-picker,
body.theme-light .mso-sheet,
body.theme-light .party-panel{
  color:#17181c!important;
  background:#fff!important;
  border-color:rgba(23,24,28,.1)!important;
}
body.theme-light .toast{
  color:#17181c!important;
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(95,120,0,.25)!important;
  box-shadow:0 12px 34px rgba(28,30,38,.14)!important;
}

/* LIGHT MODE V2 — A TRUE LIGHT COUNTERPART TO THE DARK EXPERIENCE */
body.theme-light{
  --bg:#f7f5fa;
  --surface:#fdfcff;
  --surface2:#f0edf5;
  --card:#fdfcff;
  --text:#17151c;
  --muted:#6e6876;
  --border:rgba(46,36,58,.09);
  --border2:rgba(46,36,58,.14);
  background:
    radial-gradient(circle at 86% 8%,rgba(123,94,167,.09),transparent 28%),
    #f7f5fa!important;
}
body.theme-light .page,
body.theme-light #page-home,
body.theme-light #page-discover,
body.theme-light #page-profile,
body.theme-light #page-pricing{
  background:
    radial-gradient(circle at 88% 4%,rgba(123,94,167,.08),transparent 25%),
    #f7f5fa!important;
}
body.theme-light nav#main-nav,
body.theme-light .mobile-nav,
body.theme-light .desktop-app-sidebar,
body.theme-light #profile-dropdown,
body.theme-light .notif-panel{
  background:rgba(253,252,255,.78)!important;
  border-color:rgba(46,36,58,.1)!important;
  box-shadow:0 10px 34px rgba(47,38,58,.08)!important;
}

/* Light cinematic hero: same structure, inverted atmosphere. */
body.theme-light #page-home .featured-hero{
  color:#17151c!important;
  background:#ece7f1!important;
  border-bottom:1px solid rgba(46,36,58,.1)!important;
  box-shadow:0 18px 42px rgba(47,38,58,.09)!important;
}
body.theme-light #page-home .featured-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(249,247,251,.99) 0%,rgba(249,247,251,.94) 28%,rgba(249,247,251,.58) 51%,rgba(249,247,251,.08) 78%),
    linear-gradient(0deg,#f7f5fa 0%,rgba(247,245,250,.7) 19%,rgba(247,245,250,.04) 52%)!important;
}
body.theme-light #page-home .featured-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(123,94,167,.04))!important;
  mix-blend-mode:screen!important;
}
body.theme-light #page-home .featured-hero .fh-bg,
body.theme-light #page-home .featured-hero .home-hero-art{
  opacity:.72!important;
  filter:saturate(.78) contrast(.93) brightness(1.08)!important;
}
body.theme-light #page-home .featured-hero .fh-grain{
  opacity:.045!important;
}
body.theme-light #page-home .featured-hero .fh-glow-lime{
  opacity:.22!important;
}
body.theme-light #page-home .featured-hero .fh-glow-purple{
  opacity:.16!important;
}
body.theme-light #page-home .featured-hero .fh-content,
body.theme-light #page-home .featured-hero .fh-content *{
  color:#17151c;
}
body.theme-light #page-home .featured-hero .fh-title{
  color:#17151c!important;
  text-shadow:0 1px 0 rgba(255,255,255,.4)!important;
}
body.theme-light #page-home .featured-hero .fh-desc{
  color:#5f5967!important;
}
body.theme-light #page-home .featured-hero .fh-meta > span{
  color:#554f5d!important;
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(46,36,58,.1)!important;
  box-shadow:0 2px 8px rgba(47,38,58,.035)!important;
  backdrop-filter:blur(10px)!important;
}
body.theme-light #page-home .featured-hero .fh-meta .fh-match{
  color:#526900!important;
  background:rgba(183,230,0,.14)!important;
  border-color:rgba(95,120,0,.18)!important;
}
body.theme-light #page-home .featured-hero .fh-btn-play{
  color:#fff!important;
  background:#1c1921!important;
  border-color:#1c1921!important;
  box-shadow:0 9px 24px rgba(28,25,33,.18)!important;
}
body.theme-light #page-home .featured-hero .fh-btn-info,
body.theme-light #page-home .featured-hero .fh-btn-list{
  color:#29242f!important;
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(46,36,58,.13)!important;
  box-shadow:0 7px 20px rgba(47,38,58,.07)!important;
  backdrop-filter:blur(16px) saturate(130%)!important;
}
body.theme-light #page-home .featured-hero .fh-btn-info:hover,
body.theme-light #page-home .featured-hero .fh-btn-list:hover{
  background:rgba(255,255,255,.9)!important;
  border-color:rgba(46,36,58,.2)!important;
}
body.theme-light #page-home .featured-hero .fh-nav{
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(46,36,58,.11)!important;
  box-shadow:0 6px 18px rgba(47,38,58,.07)!important;
  backdrop-filter:blur(14px)!important;
}
body.theme-light #page-home .featured-hero .fh-nav-btn{
  color:#39323f!important;
  background:transparent!important;
  border-color:transparent!important;
}
body.theme-light #page-home .featured-hero .fh-nav-btn:hover{
  background:rgba(46,36,58,.07)!important;
}
body.theme-light #page-home .featured-hero .fh-counter{
  color:#6e6876!important;
}
body.theme-light #page-home .featured-hero .fh-counter em{
  color:#26212c!important;
}
body.theme-light #page-home #guest-hero-overlay{
  background:transparent!important;
}
body.theme-light #page-home #guest-hero-overlay .gho-eyebrow,
body.theme-light #page-home #guest-hero-overlay .gho-title,
body.theme-light #page-home #guest-hero-overlay .gho-title em{
  color:#17151c!important;
}
body.theme-light #page-home #guest-hero-overlay .gho-sub,
body.theme-light #page-home #guest-hero-overlay .gho-or,
body.theme-light #page-home #guest-hero-overlay p{
  color:#625c69!important;
}
body.theme-light #page-home #guest-hero-overlay .gho-btn-watch{
  color:#fff!important;
  background:#1c1921!important;
  box-shadow:0 9px 24px rgba(28,25,33,.18)!important;
}
body.theme-light #page-home #guest-hero-overlay .gho-btn-create{
  color:#29242f!important;
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(46,36,58,.13)!important;
}

/* Soft glass depth instead of flat white blocks. */
body.theme-light #page-home .nf-card,
body.theme-light #page-home .card,
body.theme-light #page-home .disc-card,
body.theme-light #page-profile .dash-stats-bar,
body.theme-light #page-profile .dash-tabs,
body.theme-light #page-profile .dash-insight-card,
body.theme-light #page-profile .dash-activity-item,
body.theme-light #page-profile .dash-setting-item,
body.theme-light #page-pricing .plan,
body.theme-light #page-pricing .pricing-trust-card,
body.theme-light #page-pricing .pricing-compare,
body.theme-light #page-pricing .pricing-faq-grid details{
  background:rgba(253,252,255,.82)!important;
  border-color:rgba(46,36,58,.09)!important;
  box-shadow:0 10px 30px rgba(47,38,58,.07)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
body.theme-light #page-home .genre-filter-bar{
  background:rgba(247,245,250,.86)!important;
}
body.theme-light #page-home .genre-pill{
  background:rgba(253,252,255,.82)!important;
  border-color:rgba(46,36,58,.1)!important;
}
body.theme-light #page-pricing .pricing-hero{
  background:
    radial-gradient(circle at 50% 0,rgba(123,94,167,.13),transparent 48%),
    linear-gradient(180deg,#fdfcff 0,#f7f5fa 100%)!important;
}
body.theme-light #detail-modal .detail-modal{
  background:#f8f6fb!important;
}
body.theme-light #detail-modal .detail-section-nav{
  background:rgba(253,252,255,.86)!important;
}
body.theme-light #detail-modal .detail-creator,
body.theme-light #detail-modal .detail-ep,
body.theme-light #detail-modal .dm-card,
body.theme-light #detail-modal .detail-sec-btn,
body.theme-light #detail-modal .detail-list-btn,
body.theme-light #detail-modal .reaction-btn{
  background:rgba(253,252,255,.9)!important;
  border-color:rgba(46,36,58,.1)!important;
}

/* LIGHT MODE V2 ROLLBACK — RESTORE THE PREVIOUS APPROVED DIRECTION */
body.theme-light{
  --bg:#f4f5f7;
  --surface:#ffffff;
  --surface2:#eef0f3;
  --card:#ffffff;
  --text:#17181c;
  --muted:#686b73;
  --border:rgba(23,24,28,.09);
  --border2:rgba(23,24,28,.14);
  background:#f4f5f7!important;
}
body.theme-light .page,
body.theme-light #page-home,
body.theme-light #page-discover,
body.theme-light #page-profile,
body.theme-light #page-pricing{
  background:#f4f5f7!important;
}
body.theme-light nav#main-nav,
body.theme-light .mobile-nav,
body.theme-light .desktop-app-sidebar,
body.theme-light #profile-dropdown,
body.theme-light .notif-panel{
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(23,24,28,.09)!important;
  box-shadow:0 8px 30px rgba(28,30,38,.08)!important;
}
body.theme-light #page-home .featured-hero{
  color:#fff!important;
  background:#15161a!important;
  border-color:rgba(23,24,28,.12)!important;
  box-shadow:0 20px 46px rgba(28,30,38,.14)!important;
}
body.theme-light #page-home .featured-hero::before{
  background:
    linear-gradient(90deg,rgba(5,5,8,.97) 0%,rgba(5,5,8,.76) 30%,rgba(5,5,8,.2) 61%,rgba(5,5,8,.2) 100%),
    linear-gradient(0deg,#050508 0%,rgba(5,5,8,.54) 22%,transparent 58%)!important;
}
body.theme-light #page-home .featured-hero::after{
  content:none!important;
}
body.theme-light #page-home .featured-hero .fh-bg,
body.theme-light #page-home .featured-hero .home-hero-art{
  opacity:1!important;
  filter:none!important;
}
body.theme-light #page-home .featured-hero .fh-grain,
body.theme-light #page-home .featured-hero .fh-glow-lime,
body.theme-light #page-home .featured-hero .fh-glow-purple{
  opacity:initial!important;
}
body.theme-light #page-home .featured-hero .fh-content,
body.theme-light #page-home .featured-hero .fh-content *,
body.theme-light #page-home .featured-hero .fh-title{
  color:#fff!important;
  text-shadow:none!important;
}
body.theme-light #page-home .featured-hero .fh-desc{
  color:rgba(255,255,255,.72)!important;
}
body.theme-light #page-home .featured-hero .fh-meta > span{
  color:rgba(255,255,255,.78)!important;
  background:rgba(10,10,14,.34)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:none!important;
}
body.theme-light #page-home .featured-hero .fh-meta .fh-match{
  color:#d8ff48!important;
  background:rgba(10,10,14,.34)!important;
  border-color:rgba(255,255,255,.13)!important;
}
body.theme-light #page-home .featured-hero .fh-btn-play{
  color:#08080b!important;
  background:#fff!important;
  border-color:#fff!important;
  box-shadow:none!important;
}
body.theme-light #page-home .featured-hero .fh-btn-info,
body.theme-light #page-home .featured-hero .fh-btn-list{
  color:#fff!important;
  background:rgba(24,24,31,.58)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
body.theme-light #page-home .featured-hero .fh-nav{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.theme-light #page-home .featured-hero .fh-nav-btn,
body.theme-light #page-home .featured-hero .fh-counter,
body.theme-light #page-home .featured-hero .fh-counter em{
  color:#fff!important;
}
body.theme-light #page-home #guest-hero-overlay .gho-eyebrow,
body.theme-light #page-home #guest-hero-overlay .gho-title,
body.theme-light #page-home #guest-hero-overlay .gho-title em{
  color:#fff!important;
}
body.theme-light #page-home #guest-hero-overlay .gho-sub,
body.theme-light #page-home #guest-hero-overlay .gho-or,
body.theme-light #page-home #guest-hero-overlay p{
  color:rgba(255,255,255,.65)!important;
}
body.theme-light #page-home .nf-card,
body.theme-light #page-home .card,
body.theme-light #page-home .disc-card,
body.theme-light #page-profile .dash-stats-bar,
body.theme-light #page-profile .dash-tabs,
body.theme-light #page-profile .dash-insight-card,
body.theme-light #page-profile .dash-activity-item,
body.theme-light #page-profile .dash-setting-item,
body.theme-light #page-pricing .plan,
body.theme-light #page-pricing .pricing-trust-card,
body.theme-light #page-pricing .pricing-compare,
body.theme-light #page-pricing .pricing-faq-grid details{
  background:#fff!important;
  border-color:rgba(23,24,28,.09)!important;
  box-shadow:0 10px 32px rgba(28,30,38,.065)!important;
  backdrop-filter:none!important;
}
body.theme-light #page-pricing .pricing-hero{
  background:
    radial-gradient(circle at 50% 0,rgba(111,84,160,.12),transparent 48%),
    linear-gradient(180deg,#fff 0,#f4f5f7 100%)!important;
}
body.theme-light #detail-modal .detail-modal{
  background:#f7f8fa!important;
}
body.theme-light #detail-modal .detail-section-nav{
  background:rgba(255,255,255,.88)!important;
}
body.theme-light #detail-modal .detail-creator,
body.theme-light #detail-modal .detail-ep,
body.theme-light #detail-modal .dm-card,
body.theme-light #detail-modal .detail-sec-btn,
body.theme-light #detail-modal .detail-list-btn,
body.theme-light #detail-modal .reaction-btn{
  background:#fff!important;
  border-color:rgba(23,24,28,.1)!important;
}

/* MOBILE RESPONSIVE SAFETY LAYER — MUST REMAIN LAST */
@media(max-width:768px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  html body .page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;
  }
  html body button,
  html body input,
  html body select,
  html body textarea{
    max-width:100%;
  }

  /* Homepage */
  html body #page-home{
    --home-left:16px!important;
  }
  html body #page-home .featured-hero{
    width:100%!important;
    height:clamp(520px,calc(100svh - 56px),640px)!important;
    min-height:520px!important;
    max-height:640px!important;
  }
  html body #page-home .featured-hero .fh-content{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    padding-left:var(--home-left)!important;
    padding-right:var(--home-left)!important;
  }
  html body #page-home .featured-hero .fh-title{
    max-width:12ch!important;
    font-size:clamp(36px,10vw,52px)!important;
    overflow-wrap:anywhere!important;
  }
  html body #page-home .featured-hero .fh-desc{
    max-width:48ch!important;
    font-size:13px!important;
  }
  html body #page-home .featured-hero .fh-btns{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:
      "play list"
      "more controls"!important;
    width:100%!important;
    max-width:460px!important;
    gap:8px!important;
  }
  html body #page-home .featured-hero .fh-btn-play,
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 12px!important;
  }
  html body #page-home .featured-hero .fh-controls{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    justify-content:flex-end!important;
  }
  html body #page-home .featured-hero .fh-nav{
    min-width:0!important;
  }
  html body #page-home .home-align-container,
  html body #page-home .content-row{
    width:100%!important;
    min-width:0!important;
  }
  html body #page-home .genre-filter-bar{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  html body #page-home .genre-filter-inner,
  html body #page-home .genre-pills{
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    padding-left:var(--home-left)!important;
    padding-right:var(--home-left)!important;
  }
  html body #page-home .genre-filter-inner::-webkit-scrollbar,
  html body #page-home .genre-pills::-webkit-scrollbar{
    display:none!important;
  }
  html body #page-home .genre-pill{
    flex:0 0 auto!important;
    scroll-snap-align:start!important;
  }
  html body #page-home .content-row .row-header{
    min-width:0!important;
    padding-left:var(--home-left)!important;
    padding-right:var(--home-left)!important;
  }
  html body #page-home .content-row .row-title{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body #page-home .content-row .row-more{
    flex:0 0 auto!important;
    font-size:10px!important;
  }
  html body #page-home .row-scroll{
    width:100%!important;
    min-width:0!important;
    padding-left:var(--home-left)!important;
    padding-right:var(--home-left)!important;
    scroll-padding-left:var(--home-left)!important;
  }
  html body #page-home .nf-card{
    width:min(74vw,286px)!important;
    flex:0 0 min(74vw,286px)!important;
    max-width:286px!important;
  }

  /* Creator dashboard */
  html body #page-profile{
    --studio-edge:16px!important;
  }
  html body #page-profile .dash-cover{
    height:clamp(164px,28vw,190px)!important;
  }
  html body #page-profile .dash-cover-edit-btn{
    top:12px!important;
    right:12px!important;
  }
  html body #page-profile .dash-identity,
  html body #page-profile .dash-actions,
  html body #page-profile .dash-stats-bar,
  html body #page-profile .dash-tabs,
  html body #page-profile .dash-body{
    min-width:0!important;
  }
  html body #page-profile .dash-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    gap:8px!important;
  }
  html body #page-profile .dash-actions > button{
    width:100%!important;
    min-width:0!important;
  }
  html body #page-profile .dash-stats-bar,
  html body #page-profile .dash-tabs{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html body #page-profile .dash-stats-bar::-webkit-scrollbar,
  html body #page-profile .dash-tabs::-webkit-scrollbar{
    display:none!important;
  }
  html body #page-profile .series-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  /* Pricing */
  html body #page-pricing{
    --pricing-edge:16px!important;
  }
  html body #page-pricing .pricing-hero{
    width:100%!important;
    min-height:0!important;
    padding:76px var(--pricing-edge) 38px!important;
  }
  html body #page-pricing .pricing-hero-inner{
    width:100%!important;
    min-width:0!important;
  }
  html body #page-pricing .pricing-hero h1{
    font-size:clamp(36px,11vw,50px)!important;
    line-height:1!important;
    overflow-wrap:anywhere!important;
  }
  html body #page-pricing .billing-toggle{
    width:min(100%,292px)!important;
  }
  html body #page-pricing .plans-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    padding-left:var(--pricing-edge)!important;
    padding-right:var(--pricing-edge)!important;
  }
  html body #page-pricing .plan,
  html body #page-pricing .plan:last-child{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
  html body #page-pricing .pricing-compare,
  html body #page-pricing .pricing-faq{
    width:calc(100% - (var(--pricing-edge) * 2))!important;
    min-width:0!important;
  }
  html body #page-pricing .pricing-table-wrap{
    max-width:100%!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* More Info */
  html body #detail-modal{
    width:100%!important;
    padding:0!important;
    align-items:flex-end!important;
  }
  html body #detail-modal .detail-modal{
    width:100%!important;
    max-width:100%!important;
    max-height:96dvh!important;
    border-radius:16px 16px 0 0!important;
  }
  html body #detail-modal .detail-section-nav{
    display:flex!important;
    width:100%!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
  }
  html body #detail-modal .detail-section-nav::-webkit-scrollbar{
    display:none!important;
  }
  html body #detail-modal .detail-section-nav button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  html body #detail-modal .detail-body{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  html body #detail-modal .detail-body > *{
    min-width:0!important;
  }
  html body #detail-modal .detail-creator,
  html body #detail-modal .detail-secondary-btns{
    width:100%!important;
    margin-bottom:16px!important;
  }
  html body #detail-modal .detail-more-reel{
    width:100%!important;
    scroll-padding-left:0!important;
  }
}
@media(max-width:480px){
  html body #page-home{
    --home-left:14px!important;
  }
  html body #page-home .featured-hero{
    height:clamp(520px,calc(100svh - 52px),590px)!important;
    min-height:520px!important;
    max-height:590px!important;
  }
  html body #page-home .featured-hero .fh-title{
    font-size:clamp(34px,10.5vw,44px)!important;
  }
  html body #page-home .featured-hero .fh-meta{
    gap:5px!important;
  }
  html body #page-home .featured-hero .fh-meta > span{
    min-height:22px!important;
    padding:0 6px!important;
    font-size:9px!important;
  }
  html body #page-home .featured-hero .fh-btn-play,
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{
    font-size:11.5px!important;
  }
  html body #page-home .nf-card{
    width:min(78vw,280px)!important;
    flex-basis:min(78vw,280px)!important;
  }
  html body #page-profile .series-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body #page-pricing .plan{
    padding:20px!important;
  }
  html body #detail-modal .detail-banner{
    height:min(440px,58dvh)!important;
    min-height:390px!important;
  }
  html body #detail-modal .detail-title{
    font-size:clamp(32px,10vw,42px)!important;
    overflow-wrap:anywhere!important;
  }
  html body #detail-modal .detail-banner-btns{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  html body #detail-modal .detail-banner-btns > button{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }
  html body #detail-modal .detail-ep{
    grid-template-columns:72px minmax(0,1fr)!important;
    width:100%!important;
    padding-right:8px!important;
  }
  html body #detail-modal .reaction-btn{
    min-width:42px!important;
  }
}
@media(max-width:360px){
  html body #page-home .featured-hero .fh-btns{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "play"
      "list"
      "more"
      "controls"!important;
  }
  html body #page-home .featured-hero{
    height:620px!important;
    min-height:620px!important;
    max-height:620px!important;
  }
  html body #page-home .featured-hero .fh-controls{
    justify-content:flex-start!important;
  }
  html body #page-profile .dash-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Full-screen homepage hero. Keep this as the final hero sizing rule. */
html body #page-home .srp-spotlight{
  width:100%!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  max-height:none!important;
}
html body #page-home .featured-hero{
  width:100%!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  max-height:none!important;
}
@media(max-width:768px){
  html body #page-home .srp-spotlight{
    height:100svh!important;
    height:100dvh!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    max-height:none!important;
  }
  html body #page-home .featured-hero{
    height:100svh!important;
    height:100dvh!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    max-height:none!important;
  }
}

/* 2026 authenticated home — Obsidian Cinematic glass system */
html body #page-home{
  --home-edge:clamp(20px,4vw,64px);
  --home-glass:rgba(13,13,20,.58);
  --home-glass-strong:rgba(14,14,22,.78);
  --home-line:rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 82% 8%,rgba(111,62,190,.14),transparent 28rem),
    radial-gradient(circle at 12% 35%,rgba(200,255,0,.035),transparent 24rem),
    #07070b!important;
}
html body #page-home .featured-hero{
  width:calc(100% - (var(--home-edge) * 2))!important;
  height:min(72vh,720px)!important;
  min-height:580px!important;
  max-height:720px!important;
  margin:88px var(--home-edge) 0!important;
  border:1px solid var(--home-line)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body #page-home .featured-hero::before{
  background:
    linear-gradient(90deg,rgba(4,4,8,.92) 0%,rgba(4,4,8,.55) 42%,rgba(4,4,8,.08) 72%),
    linear-gradient(0deg,rgba(5,5,9,.9) 0%,transparent 45%)!important;
  z-index:2!important;
}
html body #page-home .featured-hero .fh-content{
  left:clamp(24px,4vw,64px)!important;
  bottom:clamp(30px,6vh,64px)!important;
  width:min(570px,calc(100% - 48px))!important;
  padding:clamp(22px,2.5vw,34px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(20,20,29,.72),rgba(8,8,13,.48))!important;
  backdrop-filter:blur(28px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body #page-home .featured-hero .fh-title{
  font-family:'Syne','Inter',sans-serif!important;
  font-size:clamp(42px,5vw,72px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  max-width:9ch!important;
  text-wrap:balance!important;
}
html body #page-home .featured-hero .fh-desc{
  color:rgba(244,242,250,.72)!important;
  font-size:15px!important;
  line-height:1.55!important;
  max-width:52ch!important;
}
html body #page-home .featured-hero .fh-meta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
html body #page-home .featured-hero .fh-meta > span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.07)!important;
  backdrop-filter:blur(10px)!important;
}
html body #page-home .featured-hero .fh-btns{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
html body #page-home .featured-hero .fh-btn-play,
html body #page-home .featured-hero .fh-btn-info,
html body #page-home .featured-hero .fh-btn-list,
html body #page-home .featured-hero .fh-nav-btn{
  box-sizing:border-box!important;
  height:48px!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  line-height:1!important;
  border-radius:10px!important;
}
html body #page-home .featured-hero .fh-btn-play{
  padding:0 24px!important;
  box-shadow:0 0 30px rgba(200,255,0,.15)!important;
}
html body #page-home .featured-hero .fh-btn-info{
  padding:0 18px!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(18px)!important;
}
html body #page-home .featured-hero .fh-btn-list{
  order:3!important;
}
html body #page-home .featured-hero .fh-btn-more{order:2!important}
html body #page-home .featured-hero .fh-controls{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
  height:48px!important;
}
html body #page-home .featured-hero .fh-nav{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
html body #page-home .featured-hero .fh-nav-btn{
  width:48px!important;
  min-width:48px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(8,8,12,.5)!important;
  backdrop-filter:blur(16px)!important;
}
html body #page-home .home-align-container{
  width:100%!important;
  padding:32px var(--home-edge) 72px!important;
}
.home-welcome-glass{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:0 0 22px;
  padding:22px 24px;
  border:1px solid var(--home-line);
  border-radius:16px;
  background:linear-gradient(105deg,rgba(255,255,255,.065),rgba(123,94,167,.07));
  backdrop-filter:blur(24px) saturate(130%);
  -webkit-backdrop-filter:blur(24px) saturate(130%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.home-greeting-shell{
  display:none;
  width:100%;
  padding:22px var(--home-edge) 0;
  background:#07070b;
}
.home-greeting-shell .home-welcome-glass{margin-bottom:0}
.home-greeting-shell.is-viewer-greeting{padding-top:60px}
.home-greeting-shell.is-viewer-greeting + .featured-hero{margin-top:8px!important}
body.guest-landing-active #page-home > .home-greeting-shell{display:none!important}
.home-welcome-kicker{
  display:block;
  color:var(--accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.home-welcome-glass strong{
  display:block;
  font-family:'Syne','Inter',sans-serif;
  font-size:clamp(19px,2vw,26px);
  letter-spacing:-.03em;
}
.home-welcome-glass p{margin:3px 0 0;color:rgba(226,222,238,.55);font-size:13px}
.home-welcome-action{
  flex:0 0 auto;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 18px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#fff;
  font:700 13px 'DM Sans','Inter',sans-serif;
  cursor:pointer;
}
html body #page-home .genre-filter-bar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:58px!important;
  margin:0 0 30px!important;
  padding:7px!important;
  border:1px solid var(--home-line)!important;
  border-radius:14px!important;
  background:rgba(13,13,20,.62)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
}
html body #page-home .genre-pill{
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 16px!important;
  margin:0!important;
  border-radius:9px!important;
  line-height:1!important;
}
html body #page-home .genre-pill.active{
  color:#0a0a0d!important;
  background:var(--accent)!important;
  border-color:var(--accent)!important;
}
html body #page-home #home-content-row{display:block!important}
html body #page-home .home-sidebar{display:none!important}
html body #page-home .content-row{
  margin:0 0 40px!important;
  padding:0!important;
}
html body #page-home .row-header{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  margin:0 0 14px!important;
}
html body #page-home .row-title{
  font-family:'Syne','Inter',sans-serif!important;
  font-size:clamp(18px,1.7vw,24px)!important;
  letter-spacing:-.025em!important;
}
html body #page-home .row-scroll{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(240px,calc((100vw - (var(--home-edge) * 2) - 64px) / 5))!important;
  gap:16px!important;
  padding:3px 2px 16px!important;
  scroll-snap-type:x proximity!important;
}
html body #page-home .nf-card,
html body #page-home .card{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
}
html body #page-home .nf-thumb,
html body #page-home .card-thumb{
  aspect-ratio:16/9!important;
  height:auto!important;
  border-radius:11px 11px 0 0!important;
}
@media(max-width:768px){
  html body #page-home{--home-edge:16px}
  .home-greeting-shell{padding:14px 14px 0}
  .home-greeting-shell.is-viewer-greeting{padding-top:58px}
  .home-greeting-shell.is-viewer-greeting + .featured-hero{margin-top:8px!important}
  html body #page-home .featured-hero{
    width:calc(100% - 20px)!important;
    height:clamp(560px,78svh,660px)!important;
    min-height:560px!important;
    max-height:660px!important;
    margin:62px 10px 0!important;
    border-radius:18px!important;
  }
  html body #page-home .featured-hero::before{
    background:linear-gradient(0deg,rgba(4,4,8,.98) 0%,rgba(4,4,8,.72) 46%,rgba(4,4,8,.08) 82%)!important;
  }
  html body #page-home .featured-hero .fh-content{
    left:14px!important;
    bottom:16px!important;
    width:calc(100% - 28px)!important;
    padding:20px!important;
    border-radius:15px!important;
  }
  html body #page-home .featured-hero .fh-title{
    font-size:clamp(36px,11vw,52px)!important;
    max-width:10ch!important;
  }
  html body #page-home .featured-hero .fh-desc{
    font-size:13px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body #page-home .featured-hero .fh-btns{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px!important;
    gap:8px!important;
  }
  html body #page-home .featured-hero .fh-btn-play,
  html body #page-home .featured-hero .fh-btn-info,
  html body #page-home .featured-hero .fh-btn-list{height:46px!important;min-height:46px!important}
  html body #page-home .featured-hero .fh-btn-list{
    width:48px!important;
    min-width:48px!important;
    padding:0!important;
    font-size:0!important;
  }
  html body #page-home .featured-hero .fh-btn-list::before{content:'+';font-size:22px}
  html body #page-home .featured-hero .fh-controls{display:none!important}
  html body #page-home .home-align-container{padding:20px var(--home-edge) 72px!important}
  .home-welcome-glass{padding:18px;margin-bottom:14px}
  .home-welcome-glass p{display:none}
  .home-welcome-action{width:44px;padding:0;font-size:0}
  html body #page-home .genre-filter-bar{
    overflow-x:auto!important;
    margin-bottom:26px!important;
    scrollbar-width:none!important;
  }
  html body #page-home .genre-filter-bar::-webkit-scrollbar{display:none}
  html body #page-home .genre-pill{flex:0 0 auto!important}
  html body #page-home .row-scroll{
    grid-auto-columns:min(78vw,290px)!important;
    gap:12px!important;
  }
  html body #page-home .content-row{margin-bottom:32px!important}
}

/* Unified streaming card system */
html body #page-home .nf-card,
html body #page-home .card{
  --card-line:rgba(255,255,255,.105);
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  border:1px solid var(--card-line)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.045)!important;
  transform:translateZ(0)!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s!important;
  isolation:isolate!important;
}
@media(hover:hover){
  html body #page-home .nf-card:hover,
  html body #page-home .card:hover{
    transform:translateY(-5px)!important;
    border-color:rgba(200,255,0,.28)!important;
    box-shadow:0 20px 46px rgba(0,0,0,.4),0 0 0 1px rgba(200,255,0,.035)!important;
    z-index:4!important;
  }
}
html body #page-home .nf-card:focus-within,
html body #page-home .card:focus-within{
  outline:2px solid var(--accent)!important;
  outline-offset:3px!important;
}
html body #page-home .nf-card-thumb,
html body #page-home .card-thumb{
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border-radius:12px 12px 0 0!important;
  background:#11111a!important;
}
html body #page-home .nf-card-thumb::after,
html body #page-home .card-thumb::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(4,4,7,.2) 0%,transparent 40%,rgba(4,4,7,.72) 100%)!important;
  opacity:.62!important;
  transition:opacity .25s!important;
}
html body #page-home .nf-card:hover .nf-card-thumb::after,
html body #page-home .card:hover .card-thumb::after{opacity:.9!important}
html body #page-home .nf-card-thumb img,
html body #page-home .card-thumb img{
  transform:scale(1.002)!important;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s!important;
}
@media(hover:hover){
  html body #page-home .nf-card:hover .nf-card-thumb img,
  html body #page-home .card:hover .card-thumb img{
    transform:scale(1.055)!important;
    filter:saturate(1.06) brightness(.76)!important;
  }
}
html body #page-home .nf-card-badge,
html body #page-home .card-badge,
html body #page-home .scenvox-orig-badge{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  height:22px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:6px!important;
  background:rgba(7,7,12,.62)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  color:rgba(255,255,255,.86)!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
html body #page-home .nf-card-badge::before,
html body #page-home .scenvox-orig-badge::before{
  content:''!important;
  width:5px!important;
  height:5px!important;
  margin-right:6px!important;
  border-radius:50%!important;
  background:var(--accent)!important;
  box-shadow:0 0 8px rgba(200,255,0,.55)!important;
}
html body #page-home .nf-card-new-badge{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  left:auto!important;
  width:auto!important;
  height:22px!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(200,255,0,.25)!important;
  border-radius:6px!important;
  background:rgba(200,255,0,.12)!important;
  backdrop-filter:blur(12px)!important;
}
html body #page-home .nf-card-new-badge::after{
  content:'New'!important;
  color:var(--accent)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
html body #page-home .nf-card-duration{
  position:absolute;
  z-index:3;
  right:9px;
  bottom:8px;
  min-height:20px;
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:5px;
  background:rgba(4,4,7,.68);
  backdrop-filter:blur(10px);
  color:rgba(255,255,255,.78);
  font-size:9px;
  font-weight:700;
  line-height:1;
}
html body #page-home .nf-card-actions,
html body #page-home .card-actions{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  pointer-events:none!important;
  transition:opacity .22s ease,transform .25s ease!important;
  background:none!important;
}
html body #page-home .nf-card:hover .nf-card-actions,
html body #page-home .nf-card:focus-within .nf-card-actions,
html body #page-home .card:hover .card-actions,
html body #page-home .card:focus-within .card-actions{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
html body #page-home .nf-act-btn,
html body #page-home .card-act-btn{
  box-sizing:border-box!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:rgba(16,16,24,.68)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  color:#fff!important;
  line-height:0!important;
  box-shadow:0 8px 22px rgba(0,0,0,.26)!important;
  transition:transform .2s,background .2s,border-color .2s!important;
}
html body #page-home .nf-act-btn svg,
html body #page-home .card-act-btn svg{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
html body #page-home .nf-act-btn:hover,
html body #page-home .card-act-btn:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.38)!important;
  background:rgba(36,36,48,.88)!important;
}
html body #page-home .nf-act-play,
html body #page-home .card-act-play{
  order:2!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  border-color:var(--accent)!important;
  background:var(--accent)!important;
  color:#09090c!important;
  box-shadow:0 8px 24px rgba(200,255,0,.22)!important;
}
html body #page-home .nf-act-btn:first-child{order:1!important}
html body #page-home .nf-act-btn:last-child{order:3!important}
html body #page-home .nf-card-info{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:92px!important;
  padding:12px 13px 13px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
}
html body #page-home .nf-card-info-title{
  overflow:hidden!important;
  color:#f7f5fb!important;
  font-family:'DM Sans','Inter',sans-serif!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #page-home .nf-card-creator{
  overflow:hidden;
  margin-top:3px;
  color:rgba(222,218,232,.48);
  font-size:10.5px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html body #page-home .nf-card-info-meta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:16px!important;
  margin-top:auto!important;
  padding-top:9px!important;
  color:rgba(226,222,236,.42)!important;
  font-size:9.5px!important;
  line-height:1!important;
}
html body #page-home .nf-card-info-meta > span{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0!important;
  background:none!important;
  border:0!important;
}
html body #page-home .nf-card-info-meta > span + span::before{
  content:'·';
  margin-right:8px;
  color:rgba(255,255,255,.22);
}
html body #page-home .nf-card-match{color:var(--accent)!important;font-weight:750!important}
html body #page-home .nf-card-rating{color:rgba(255,255,255,.62)!important}
html body #page-home .cw-bar{
  height:3px!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  border-radius:0!important;
  background:rgba(255,255,255,.16)!important;
}
html body #page-home .cw-fill{
  height:100%!important;
  border-radius:0 2px 2px 0!important;
  background:var(--accent)!important;
  box-shadow:0 0 10px rgba(200,255,0,.45)!important;
}
html body #page-home .cw-remove{
  top:8px!important;
  right:8px!important;
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(8,8,12,.7)!important;
  backdrop-filter:blur(12px)!important;
}
@media(max-width:768px){
  html body #page-home .nf-card-info{min-height:86px!important;padding:11px 12px 12px!important}
  html body #page-home .nf-card-info-title{font-size:13.5px!important}
  html body #page-home .nf-card-actions,
  html body #page-home .card-actions{
    opacity:1!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    padding:0 10px 9px!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  html body #page-home .nf-act-btn,
  html body #page-home .card-act-btn{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
  html body #page-home .nf-act-play,
  html body #page-home .card-act-play{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
  html body #page-home .nf-card-duration{bottom:10px!important}
}

/* Hero quick actions: icon-first play and list controls */
html body #page-home .featured-hero .fh-btn-play,
html body #page-home .featured-hero .fh-btn-list{
  flex:0 0 48px!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:0!important;
}
html body #page-home .featured-hero .fh-btn-play svg{
  width:18px!important;
  height:18px!important;
  margin:0!important;
}
html body #page-home .featured-hero .fh-btn-list::before{
  content:'+'!important;
  display:block!important;
  color:currentColor!important;
  font:400 25px/1 'DM Sans','Inter',sans-serif!important;
  transform:translateY(-1px)!important;
}
html body #page-home .featured-hero .fh-btn-list.is-listed::before{
  content:'✓'!important;
  font-size:18px!important;
  font-weight:800!important;
  transform:none!important;
}
html body #page-home .featured-hero .fh-btn-list.is-listed{
  border-color:rgba(200,255,0,.42)!important;
  background:rgba(200,255,0,.12)!important;
  color:var(--accent)!important;
}
html body #page-home .featured-hero .fh-btn-play:hover,
html body #page-home .featured-hero .fh-btn-list:hover{
  transform:translateY(-2px) scale(1.04)!important;
}
@media(max-width:768px){
  html body #page-home .featured-hero .fh-btns{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
  }
  html body #page-home .featured-hero .fh-btn-more{
    order:3!important;
    width:auto!important;
    flex:0 1 auto!important;
  }
  html body #page-home .featured-hero .fh-btn-play{order:1!important}
  html body #page-home .featured-hero .fh-btn-list{order:2!important}
}

/* Guest landing parity — same cinematic shell, landing-specific story */
body.guest-landing-active #page-home{
  --landing-edge:clamp(20px,4vw,64px);
  background:
    radial-gradient(circle at 78% 4%,rgba(112,70,190,.15),transparent 30rem),
    radial-gradient(circle at 14% 42%,rgba(200,255,0,.035),transparent 25rem),
    #07070b!important;
}
body.guest-landing-active #page-home .featured-hero{
  width:calc(100% - (var(--landing-edge) * 2))!important;
  height:min(72vh,720px)!important;
  min-height:580px!important;
  max-height:720px!important;
  margin:88px var(--landing-edge) 0!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 28px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
body.guest-landing-active #page-home .featured-hero::before{
  background:
    linear-gradient(90deg,rgba(5,5,9,.82),rgba(5,5,9,.34) 54%,rgba(5,5,9,.08) 78%),
    linear-gradient(0deg,rgba(5,5,9,.82),transparent 48%)!important;
}
body.guest-landing-active #page-home #guest-hero-overlay{
  inset:0!important;
  padding:0!important;
  background:transparent!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
}
body.guest-landing-active #page-home #guest-hero-overlay::before,
body.guest-landing-active #page-home #guest-hero-overlay::after{
  display:none!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
  width:min(610px,calc(100% - 48px))!important;
  max-width:610px!important;
  height:auto!important;
  min-height:0!important;
  align-self:flex-end!important;
  margin:0 0 clamp(28px,5vh,58px) clamp(24px,4vw,58px)!important;
  padding:clamp(24px,2.7vw,36px)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(18,18,27,.76),rgba(8,8,13,.53))!important;
  backdrop-filter:blur(28px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.075)!important;
  text-align:left!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  margin:0 0 16px!important;
  padding:0 9px!important;
  border:1px solid rgba(200,255,0,.2)!important;
  border-radius:6px!important;
  background:rgba(200,255,0,.07)!important;
  color:var(--accent)!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
  max-width:9ch!important;
  margin:0 0 14px!important;
  font-family:'Syne','Inter',sans-serif!important;
  font-size:clamp(48px,5.4vw,76px)!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
  text-wrap:balance!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
  max-width:49ch!important;
  margin:0 0 14px!important;
  color:rgba(238,234,246,.7)!important;
  font-size:15px!important;
  line-height:1.55!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:20px 0 0!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-or{display:none!important}
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0 20px!important;
  border-radius:10px!important;
  line-height:1!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch{
  border-color:var(--accent)!important;
  background:var(--accent)!important;
  color:#09090c!important;
  box-shadow:0 0 28px rgba(200,255,0,.14)!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.085)!important;
  color:#fff!important;
  backdrop-filter:blur(18px)!important;
}
body.guest-landing-active #page-home #hero-bridge{display:none!important}
body.guest-landing-active #page-home #social-proof-strip{
  width:calc(100% - (var(--landing-edge) * 2))!important;
  min-height:76px!important;
  margin:18px var(--landing-edge) 0!important;
  padding:10px 18px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:linear-gradient(105deg,rgba(255,255,255,.055),rgba(123,94,167,.055))!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.guest-landing-active #page-home #social-proof-strip .sps-cta{
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:10px!important;
}
body.guest-landing-active #page-home .home-align-container{
  padding-top:26px!important;
}
body.guest-landing-active #page-home .genre-filter-bar{
  margin-bottom:34px!important;
}
body.guest-landing-active #page-home .srp-card{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.095)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
}
body.guest-landing-active #page-home #home-cta > div{
  width:calc(100% - (var(--landing-edge) * 2))!important;
  margin:24px var(--landing-edge) 72px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(200,255,0,.08),transparent 25rem),
    radial-gradient(circle at 84% 30%,rgba(123,94,167,.17),transparent 28rem),
    rgba(12,12,19,.82)!important;
  backdrop-filter:blur(24px)!important;
}
@media(max-width:768px){
  body.guest-landing-active #page-home{--landing-edge:14px}
  body.guest-landing-active #page-home .featured-hero{
    width:calc(100% - 20px)!important;
    height:clamp(590px,82svh,690px)!important;
    min-height:590px!important;
    max-height:690px!important;
    margin:58px 10px 0!important;
    border-radius:18px!important;
  }
  body.guest-landing-active #page-home .featured-hero::before{
    background:linear-gradient(0deg,rgba(4,4,8,.96),rgba(4,4,8,.65) 55%,rgba(4,4,8,.08) 88%)!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    width:calc(100% - 24px)!important;
    margin:0 12px 12px!important;
    padding:20px!important;
    border-radius:15px!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    font-size:clamp(40px,12vw,54px)!important;
    max-width:10ch!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
    font-size:13.5px!important;
    line-height:1.48!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
  body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    width:100%!important;
  }
  body.guest-landing-active #page-home #social-proof-strip{
    min-height:0!important;
    padding:14px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
  }
  body.guest-landing-active #page-home #social-proof-strip::-webkit-scrollbar{display:none}
  body.guest-landing-active #page-home #social-proof-strip .sps-stat{flex:0 0 auto!important}
  body.guest-landing-active #page-home #social-proof-strip .sps-cta{flex:0 0 auto!important}
  body.guest-landing-active #page-home #home-cta > div{
    width:calc(100% - 28px)!important;
    margin:18px 14px 40px!important;
    padding:54px 20px 60px!important;
    border-radius:18px!important;
  }
}

/* Final landing hero geometry: true edge-to-edge first viewport */
html body.guest-landing-active #page-home .featured-hero{
  width:100%!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:700px!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
  align-self:flex-start!important;
  width:min(620px,calc(100% - 48px))!important;
  margin:118px 0 0 clamp(28px,5vw,76px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
  font-size:clamp(58px,6.2vw,88px)!important;
  text-shadow:0 12px 42px rgba(0,0,0,.65)!important;
}
html body.guest-landing-active #page-home .home-hero-art{
  top:86px!important;
  right:clamp(18px,4vw,58px)!important;
  bottom:auto!important;
  transform:scale(1.08)!important;
  transform-origin:top right!important;
}
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.045))!important;
  color:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.24)!important;
}
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch{
  border-color:rgba(200,255,0,.2)!important;
  background:
    linear-gradient(135deg,rgba(200,255,0,.105),rgba(255,255,255,.055))!important;
}
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch svg{
  color:var(--accent)!important;
  fill:var(--accent)!important;
  filter:drop-shadow(0 0 6px rgba(200,255,0,.22))!important;
}
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch:hover,
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create:hover{
  border-color:rgba(255,255,255,.3)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.17),rgba(123,94,167,.1))!important;
  transform:translateY(-2px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 16px 36px rgba(0,0,0,.3)!important;
}

/* Selectable landing hero previews — activated only by ?heroPreview=1|2 */
body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
  margin:105px 0 0 clamp(28px,5vw,72px)!important;
}
body.hero-preview-1.guest-landing-active #page-home .home-hero-art{
  top:105px!important;
  bottom:auto!important;
  transform:none!important;
}
body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
  width:min(620px,calc(100% - 48px))!important;
  margin:118px 0 0 clamp(28px,5vw,76px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-title{
  font-size:clamp(58px,6.2vw,88px)!important;
  text-shadow:0 12px 42px rgba(0,0,0,.65)!important;
}
body.hero-preview-2.guest-landing-active #page-home .home-hero-art{
  top:86px!important;
  right:clamp(18px,4vw,58px)!important;
  bottom:auto!important;
  transform:scale(1.08)!important;
  transform-origin:top right!important;
}
@media(max-width:768px){
  html body.guest-landing-active #page-home .featured-hero{
    width:100%!important;
    height:100svh!important;
    height:100dvh!important;
    min-height:680px!important;
    max-height:none!important;
    margin:0!important;
    border-radius:0!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    align-self:flex-start!important;
    width:calc(100% - 24px)!important;
    margin:82px 12px 0!important;
    padding:0!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    font-size:clamp(42px,12vw,56px)!important;
  }
  body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    width:calc(100% - 24px)!important;
    margin:82px 12px 0!important;
  }
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    padding:0!important;
  }
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    font-size:clamp(42px,12vw,56px)!important;
  }
}

/* Landing CTAs — clean white replaces the neon-lime button treatment. */
html body.guest-landing-active #main-nav .btn-signup,
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
html body.guest-landing-active #page-home .landing-feature-actions button:first-child,
html body.guest-landing-active #page-home .landing-bento-card.viewer button,
html body.guest-landing-active #page-home #home-cta button:first-child{
  border-color:#fff!important;
  background:#fff!important;
  color:#08080b!important;
  box-shadow:0 12px 30px rgba(255,255,255,.12)!important;
}
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch svg{
  color:#08080b!important;
  fill:#08080b!important;
  filter:none!important;
}
html body.guest-landing-active #main-nav .btn-signup:hover,
html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch:hover,
html body.guest-landing-active #page-home .landing-feature-actions button:first-child:hover,
html body.guest-landing-active #page-home .landing-bento-card.viewer button:hover,
html body.guest-landing-active #page-home #home-cta button:first-child:hover{
  border-color:#f0f0f0!important;
  background:#f0f0f0!important;
  color:#08080b!important;
  box-shadow:0 16px 36px rgba(255,255,255,.16)!important;
}

/* Mobile landing composition — poster-first, compact, and app-native. */
@media(max-width:768px){
  html body.guest-landing-active #page-home .featured-hero{
    height:calc(100dvh - 64px)!important;
    min-height:700px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 88% 20%,rgba(200,255,0,.08),transparent 42%),
      radial-gradient(circle at 8% 72%,rgba(123,94,167,.16),transparent 44%),
      #07070b!important;
  }
  html body.guest-landing-active #page-home .featured-hero::after{
    content:''!important;
    position:absolute!important;
    z-index:5!important;
    inset:58px 0 auto!important;
    height:290px!important;
    display:block!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,transparent 42%,#07070b 100%)!important;
  }
  html body.guest-landing-active #page-home .home-hero-art{
    z-index:4!important;
    top:66px!important;
    right:14px!important;
    left:14px!important;
    width:auto!important;
    height:268px!important;
    transform:none!important;
  }
  html body.guest-landing-active #page-home .home-hero-art-main{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:20px!important;
    transform:none!important;
    box-shadow:0 24px 54px rgba(0,0,0,.48)!important;
  }
  html body.guest-landing-active #page-home .home-hero-art-main::after{
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.76))!important;
  }
  html body.guest-landing-active #page-home .home-hero-art-stack{
    display:none!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay{
    z-index:6!important;
    align-items:flex-start!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    width:100%!important;
    max-width:none!important;
    margin:292px 0 0!important;
    padding:0 18px 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-eyebrow{
    min-height:22px!important;
    margin-bottom:10px!important;
    padding:0 8px!important;
    border-color:rgba(255,255,255,.18)!important;
    background:rgba(8,8,12,.7)!important;
    color:rgba(255,255,255,.82)!important;
    font-size:8px!important;
    letter-spacing:.1em!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-title,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    max-width:10ch!important;
    margin-bottom:10px!important;
    font-size:clamp(40px,11.5vw,48px)!important;
    line-height:.9!important;
    letter-spacing:-.065em!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-title em{
    color:#fff!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
    display:-webkit-box!important;
    max-width:42ch!important;
    margin-bottom:9px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:rgba(255,255,255,.62)!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-sub + p{
    margin:0 0 14px!important;
    color:rgba(255,255,255,.46)!important;
    font-size:10.5px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin:0!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    width:100%!important;
    height:48px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
}

/* Mobile landing responsive fix: compact the hero and keep every control in-flow. */
@media(max-width:768px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }
  html body.guest-landing-active #page-home .featured-hero{
    height:clamp(520px,70svh,580px)!important;
    min-height:0!important;
    max-height:580px!important;
  }
  html body.guest-landing-active #page-home .featured-hero::after{
    inset:50px 0 auto!important;
    height:230px!important;
  }
  html body.guest-landing-active #page-home .home-hero-art{
    top:56px!important;
    right:12px!important;
    left:12px!important;
    height:214px!important;
  }
  html body.guest-landing-active #page-home .home-hero-art-main{
    border-radius:16px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    margin-top:226px!important;
    padding:0 18px 14px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-eyebrow{
    margin-bottom:7px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-title,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    max-width:11ch!important;
    margin-bottom:7px!important;
    font-size:clamp(35px,10.5vw,43px)!important;
    line-height:.92!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
    margin-bottom:7px!important;
    font-size:12.5px!important;
    line-height:1.38!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-sub + p{
    margin-bottom:10px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
    gap:8px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 8px!important;
    white-space:nowrap!important;
  }
  body.guest-landing-active #page-home #social-proof-strip{
    width:calc(100% - 24px)!important;
    margin:12px 12px 0!important;
  }
  body.guest-landing-active #page-home .home-align-container{
    padding-top:18px!important;
  }
}
@media(max-width:360px){
  html body.guest-landing-active #page-home .featured-hero{
    height:510px!important;
  }
  html body.guest-landing-active #page-home .home-hero-art{
    height:190px!important;
  }
  html body.guest-landing-active #page-home .featured-hero::after{
    height:208px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    margin-top:202px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-title,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    font-size:34px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    font-size:11px!important;
  }
}

/* Definitive mobile homepage composition.
   Keep the visual hierarchy from desktop while fitting the complete hero,
   actions, and the beginning of the next section into the first viewport. */
@media(max-width:768px){
  html body.guest-landing-active #page-home .featured-hero{
    height:clamp(470px,59svh,510px)!important;
    min-height:470px!important;
    max-height:510px!important;
  }
  html body.guest-landing-active #page-home .featured-hero::after{
    inset:36px 0 auto!important;
    height:196px!important;
    background:linear-gradient(180deg,transparent 28%,#07070b 100%)!important;
  }
  html body.guest-landing-active #page-home .home-hero-art{
    top:40px!important;
    left:12px!important;
    right:12px!important;
    height:184px!important;
  }
  html body.guest-landing-active #page-home .home-hero-art-main{
    border-radius:14px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    margin-top:166px!important;
    padding:0 16px 12px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-eyebrow{
    min-height:20px!important;
    margin-bottom:6px!important;
    font-size:7.5px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-title,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    max-width:12ch!important;
    margin-bottom:6px!important;
    font-size:clamp(33px,9.8vw,40px)!important;
    line-height:.91!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
    max-width:46ch!important;
    margin-bottom:5px!important;
    font-size:12px!important;
    line-height:1.36!important;
    -webkit-line-clamp:2!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-sub + p{
    margin-bottom:9px!important;
    font-size:10px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    height:42px!important;
    min-height:42px!important;
    border-radius:10px!important;
    padding:0 8px!important;
    font-size:11.5px!important;
  }
  body.guest-landing-active .landing-intro{
    padding:46px 0 28px!important;
  }
  body.guest-landing-active .landing-intro-grid{
    gap:16px!important;
  }
  body.guest-landing-active .landing-intro h2{
    font-size:clamp(32px,10vw,44px)!important;
  }
}
@media(max-width:360px){
  html body.guest-landing-active #page-home .featured-hero{
    height:468px!important;
    min-height:468px!important;
  }
  html body.guest-landing-active #page-home .home-hero-art{
    height:166px!important;
  }
  html body.guest-landing-active #page-home .featured-hero::after{
    height:180px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    margin-top:150px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-title,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    font-size:32px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch,
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    font-size:10.5px!important;
  }
}

/* Homepage UX completion pass */
.mobile-nav .mn-tab{
  position:relative;
  margin:4px 3px;
  border-radius:12px;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.mobile-nav .mn-tab:hover{
  color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.045);
}
.mobile-nav .mn-tab.active{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;
}
.mobile-nav .mn-tab.active svg{
  color:#fff!important;
  filter:none!important;
}
.mobile-nav .mn-tab.active::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:3px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  transform:translateX(-50%);
  box-shadow:none;
}
body.theme-light .mobile-nav .mn-tab.active{
  color:#11131a!important;
  background:rgba(17,19,26,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(17,19,26,.07)!important;
}
body.theme-light .mobile-nav .mn-tab.active svg{color:#11131a!important}
body.theme-light .mobile-nav .mn-tab.active::after{background:#11131a}
html body #page-home .genre-filter-bar{
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(14,14,21,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html body #page-home .genre-pill{
  border-color:transparent!important;
  background:transparent!important;
  color:rgba(255,255,255,.56)!important;
  box-shadow:none!important;
}
html body #page-home .genre-pill:hover{
  border-color:rgba(255,255,255,.1)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.9)!important;
}
html body #page-home .genre-pill.active{
  border-color:rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.07))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 6px 18px rgba(0,0,0,.16)!important;
}
html body #page-home .genre-pill.active svg{
  color:#fff!important;
  stroke:#fff!important;
  filter:none!important;
}
body.theme-light #page-home .genre-pill.active{
  border-color:rgba(17,19,26,.1)!important;
  background:rgba(17,19,26,.08)!important;
  color:#11131a!important;
}
html body #page-home .row-scroll{
  grid-auto-columns:clamp(210px,16vw,240px)!important;
  gap:13px!important;
}
html body #page-home .home-cinema-card{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.105);
  border-radius:11px;
  background:#12121a;
  box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045);
  scroll-snap-align:start;
  cursor:pointer;
  isolation:isolate;
  transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .26s,box-shadow .26s;
}
html body #page-home .home-cinema-card::after{
  content:'';
  position:absolute;
  z-index:5;
  top:0;
  right:18%;
  left:18%;
  height:1px;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(205,195,235,.8),transparent);
  transition:opacity .25s;
  pointer-events:none;
}
.home-cinema-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .26s;
}
.home-cinema-shade{
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,4,8,.08) 24%,transparent 42%,rgba(4,4,8,.9) 100%),
    linear-gradient(90deg,rgba(4,4,8,.22),transparent 48%);
}
.home-cinema-type{
  position:absolute;
  z-index:2;
  top:8px;
  left:8px;
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:5px;
  background:rgba(7,7,11,.56);
  color:rgba(255,255,255,.74);
  font-size:7px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
  backdrop-filter:blur(9px);
}
.home-cinema-copy{
  position:absolute;
  z-index:2;
  right:8px;
  bottom:9px;
  left:10px;
  padding-right:74px;
}
.home-cinema-copy h3{
  margin:0 0 4px;
  overflow:hidden;
  color:#fff;
  font:750 13px/1.15 'DM Sans','Inter',sans-serif;
  letter-spacing:-.015em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-cinema-copy>div{display:flex;align-items:center;gap:6px;overflow:hidden;color:rgba(255,255,255,.54);font-size:7.5px;white-space:nowrap}
.home-cinema-copy>div span+span::before{content:'·';margin-right:6px;color:rgba(255,255,255,.25)}
.home-cinema-match{color:#dce9b7!important;font-weight:850}
.home-cinema-actions{
  position:absolute;
  z-index:4;
  right:8px;
  bottom:8px;
  display:flex;
  align-items:center;
  gap:5px;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .2s,transform .22s;
}
.home-cinema-actions button{
  width:28px;
  min-width:28px;
  height:28px;
  min-height:28px!important;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:rgba(12,12,18,.7);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.home-cinema-actions button svg{width:12px!important;height:12px!important;margin:0!important}
.home-cinema-actions .home-cinema-play{border-color:#fff;background:#fff;color:#09090c}
@media(hover:hover){
  html body #page-home .home-cinema-card:hover{
    z-index:3;
    border-color:rgba(205,195,235,.28);
    box-shadow:0 18px 42px rgba(0,0,0,.4),0 0 24px rgba(112,84,167,.07);
    transform:translateY(-4px) perspective(700px) rotateX(1deg);
  }
  html body #page-home .home-cinema-card:hover::after{opacity:1}
  html body #page-home .home-cinema-card:hover>img{filter:brightness(.72) saturate(1.08);transform:scale(1.045)}
  html body #page-home .home-cinema-card:hover .home-cinema-actions{opacity:1;transform:none}
  html body #page-home .home-cinema-card:hover .home-cinema-copy{padding-right:104px}
}
html body #page-home .home-poster-card{
  position:relative;
  width:100%;
  aspect-ratio:2/3;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:#15151e;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  scroll-snap-align:start;
  cursor:pointer;
  isolation:isolate;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s;
}
html body #page-home .home-poster-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .28s;
}
.home-poster-shade{
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(3,3,6,.08) 30%,rgba(3,3,6,.28) 54%,rgba(3,3,6,.96) 100%);
}
.home-poster-badge{
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  max-width:calc(100% - 20px);
  overflow:hidden;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  background:rgba(6,6,10,.62);
  color:rgba(255,255,255,.82);
  font-size:8px;
  font-weight:850;
  letter-spacing:.1em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
  backdrop-filter:blur(10px);
}
.home-poster-copy{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  padding:54px 13px 14px;
}
.home-poster-copy h3{
  margin:0;
  overflow:hidden;
  color:#fff;
  font:750 14px/1.2 'DM Sans','Inter',sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-poster-copy p{
  margin:4px 0 9px;
  overflow:hidden;
  color:rgba(255,255,255,.5);
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-poster-copy>div{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.54);font-size:8.5px}
.home-poster-match{color:#dfe8c4!important;font-weight:800}
.home-poster-actions{
  position:absolute;
  z-index:4;
  top:50%;
  left:50%;
  display:flex;
  gap:8px;
  opacity:0;
  transform:translate(-50%,-42%);
  transition:opacity .2s,transform .24s;
}
.home-poster-actions button{
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px!important;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:rgba(12,12,18,.78);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(12px);
}
.home-poster-actions .home-poster-play{border-color:#fff;background:#fff;color:#09090c}
@media(hover:hover){
  html body #page-home .home-poster-card:hover{
    z-index:3;
    border-color:rgba(255,255,255,.24);
    box-shadow:0 24px 52px rgba(0,0,0,.46);
    transform:translateY(-6px);
  }
  html body #page-home .home-poster-card:hover>img{filter:brightness(.68) saturate(1.06);transform:scale(1.045)}
  html body #page-home .home-poster-card:hover .home-poster-actions{opacity:1;transform:translate(-50%,-50%)}
}
@media(max-width:768px){
  html body #page-home .row-scroll{
    grid-auto-columns:min(72vw,270px)!important;
    gap:11px!important;
  }
  html body #page-home .home-cinema-card{border-radius:10px}
  .home-cinema-copy h3{font-size:12.5px}
  .home-cinema-actions{opacity:1;transform:none}
  .home-cinema-actions button:not(.home-cinema-play){display:none}
  .home-cinema-copy{padding-right:38px}
  html body #page-home .home-poster-card{border-radius:12px}
  .home-poster-copy{padding:46px 11px 12px}
  .home-poster-copy h3{font-size:12.5px}
  .home-poster-copy>div span:last-child{display:none}
  .home-poster-actions{display:none}
}
#page-search{
  min-height:100dvh;
  padding:52px 0 90px;
  background:
    radial-gradient(circle at 82% 3%,rgba(123,94,167,.2),transparent 30rem),
    radial-gradient(circle at 8% 22%,rgba(200,255,0,.055),transparent 24rem),
    #07070b;
}
#page-search .ai-search-intro{
  width:min(1200px,calc(100% - 48px));
  margin:0 auto;
  padding:clamp(58px,8vw,106px) 0 clamp(36px,5vw,64px);
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  align-items:center;
  gap:clamp(36px,7vw,96px);
}
.ai-search-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  color:var(--accent);
  font-size:10px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.ai-search-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 16px rgba(200,255,0,.7);
}
.ai-search-intro h1{
  margin:0;
  color:#fff;
  font:800 clamp(42px,5.4vw,76px)/.94 'Syne','Inter',sans-serif;
  letter-spacing:-.06em;
}
.ai-search-intro h1 em{color:var(--accent);font-style:normal}
.ai-search-intro-copy>p{
  max-width:54ch;
  margin:24px 0 0;
  color:rgba(238,235,246,.64);
  font-size:14px;
  line-height:1.7;
}
.ai-search-prompt-card{
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(26,24,35,.82),rgba(11,11,17,.72));
  box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(24px);
}
.ai-search-prompt-card label{
  display:block;
  margin-bottom:10px;
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:750;
}
.ai-search-prompt-card textarea{
  box-sizing:border-box;
  width:100%;
  min-height:112px;
  resize:vertical;
  padding:16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:13px;
  outline:0;
  background:rgba(4,4,8,.68);
  color:#fff;
  font:500 15px/1.55 'Inter',sans-serif;
}
.ai-search-prompt-card textarea:focus{border-color:rgba(200,255,0,.48);box-shadow:0 0 0 3px rgba(200,255,0,.07)}
.ai-search-prompt-card textarea::placeholder{color:rgba(255,255,255,.3)}
.ai-search-prompt-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
}
#ai-search-safety{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.48);font-size:10px}
#ai-search-safety.is-blocked{color:#ff7b7b}
#ai-search-submit{
  min-height:46px;
  padding:0 18px;
  border:0;
  border-radius:11px;
  background:var(--accent);
  color:#08080b;
  font-weight:850;
  cursor:pointer;
}
#ai-search-submit:disabled{opacity:.55;cursor:wait}
.ai-search-examples{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.ai-search-examples button{
  min-height:32px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.58);
  font-size:10px;
  cursor:pointer;
}
.ai-search-examples button:hover{border-color:rgba(200,255,0,.3);color:var(--accent)}
#page-search .srp-hero{
  top:52px;
  padding:16px 24px 0;
  background:rgba(7,7,11,.88);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.08);
}
#page-search .srp-input-wrap{max-width:760px;min-height:50px;border-radius:14px;background:rgba(255,255,255,.06)}
#page-search .srp-filters{justify-content:center;border:0;padding:12px 0 14px}
#page-search .srp-body{width:min(1200px,calc(100% - 48px));max-width:none;padding:28px 0 80px}
#page-search #srp-results{padding:16px 0 48px}
#page-search .srp-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
#page-search .srp-card{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.04)}
#page-search .srp-card-body{padding:12px 13px 14px}
#page-search .srp-spotlight{
  position:relative;
  min-height:440px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:#111;
  box-shadow:0 26px 80px rgba(0,0,0,.4);
}
#page-search .srp-spotlight>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(1.1)}
#page-search .srp-spotlight::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,8,.95),rgba(4,4,8,.55) 48%,transparent 78%),linear-gradient(0deg,rgba(4,4,8,.8),transparent 50%)}
#page-search .srp-spotlight-copy{position:relative;z-index:1;width:min(560px,70%);min-height:440px;box-sizing:border-box;padding:54px;display:flex;flex-direction:column;justify-content:center}
#page-search .srp-kicker{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
#page-search .srp-spotlight-title{margin:10px 0 14px;color:#fff;font:800 clamp(40px,5vw,68px)/.95 'Syne','Inter',sans-serif;letter-spacing:-.055em}
#page-search .srp-spotlight-desc{color:rgba(255,255,255,.68);font-size:14px;line-height:1.6}
#page-search .srp-spotlight-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;color:rgba(255,255,255,.7);font-size:11px}
#page-search .srp-spotlight-play{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#08080b}
#page-search .srp-poster-section{margin-top:42px}
#page-search .srp-row-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}
#page-search .srp-row-title{color:#fff;font:750 clamp(20px,2.4vw,30px) 'Syne','Inter',sans-serif}
#page-search .srp-row-sub{margin-top:4px;color:rgba(255,255,255,.42);font-size:11px}
#page-search .srp-poster-row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(170px,17vw,220px);gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
#page-search .srp-poster-row::-webkit-scrollbar{display:none}
#page-search .srp-poster-tile{position:relative;aspect-ratio:2/3;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px;scroll-snap-align:start;cursor:pointer}
#page-search .srp-poster-tile>img{width:100%;height:100%;object-fit:cover}
#page-search .srp-poster-copy{position:absolute;inset:auto 0 0;padding:42px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.94))}
#page-search .srp-poster-title{color:#fff;font-size:13px;font-weight:750}
#page-search .srp-poster-meta{display:flex;gap:7px;margin-top:4px;color:rgba(255,255,255,.55);font-size:9px}
.ai-search-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 18px}
.ai-search-result-head strong{display:block;color:var(--accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.ai-search-result-head span{display:block;margin-top:5px;color:rgba(255,255,255,.52);font-size:12px}
.ai-search-reason{margin-top:7px;color:rgba(200,255,0,.72);font-size:10px;line-height:1.4}
.ai-search-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ai-search-skeleton i{height:280px;border-radius:14px;background:linear-gradient(100deg,rgba(255,255,255,.04) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 70%);background-size:220% 100%;animation:aiSearchShimmer 1.3s infinite}
@keyframes aiSearchShimmer{to{background-position:-220% 0}}
@media(max-width:768px){
  #page-search{padding-top:52px}
  #page-search .ai-search-intro{width:calc(100% - 28px);grid-template-columns:1fr;gap:28px;padding:40px 0 30px}
  .ai-search-intro h1{font-size:clamp(40px,12vw,54px)}
  .ai-search-intro-copy>p{font-size:13px}
  .ai-search-prompt-card{padding:15px;border-radius:16px}
  .ai-search-prompt-footer{align-items:flex-end}
  #ai-search-safety{max-width:120px}
  #page-search .srp-hero{top:52px;padding:10px 14px 0}
  #page-search .srp-filters{justify-content:flex-start;padding:10px 0 12px}
  #page-search .srp-body{width:calc(100% - 28px);padding-top:18px}
  #page-search #srp-results{padding-top:10px}
  #page-search .srp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #page-search .srp-spotlight{min-height:420px}
  #page-search .srp-spotlight::after{background:linear-gradient(0deg,rgba(4,4,8,.96),rgba(4,4,8,.48) 72%,transparent)}
  #page-search .srp-spotlight-copy{width:100%;min-height:420px;padding:24px;justify-content:flex-end}
  #page-search .srp-spotlight-title{font-size:40px}
  #page-search .srp-spotlight-desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:12px}
  #page-search .srp-poster-row{grid-auto-columns:minmax(155px,46vw)}
  .ai-search-skeleton{grid-template-columns:repeat(2,1fr);gap:12px}
  .ai-search-skeleton i{height:230px}
}
.guest-hero-carousel-ui{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
}
.guest-hero-pagination{
  display:flex;
  align-items:center;
  gap:7px;
}
.guest-hero-dot{
  width:28px;
  height:3px;
  min-height:3px!important;
  max-height:3px!important;
  display:block;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  cursor:pointer;
}
.guest-hero-dot::after{
  content:'';
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:var(--accent);
}
.guest-hero-dot.active::after{
  width:100%;
  animation:guestHeroProgress 5s linear;
}
.guest-hero-controls{
  display:flex;
  align-items:center;
  gap:6px;
}
.guest-hero-controls button{
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px!important;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(10,10,15,.62);
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(12px);
}
.guest-hero-controls button:hover{
  border-color:var(--accent);
  color:var(--accent);
}
.guest-hero-controls span{
  min-width:42px;
  color:rgba(255,255,255,.62);
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
  text-align:right;
}
@keyframes guestHeroProgress{from{width:0}to{width:100%}}
.srp-spotlight .srp-spotlight-copy,
#page-home-auth .srp-spotlight .srp-spotlight-copy{
  justify-content:flex-start!important;
  padding-top:clamp(72px,9vh,96px)!important;
}
.home-hero-art-main,
.home-hero-art-stack img{
  background:
    radial-gradient(circle at 70% 24%,rgba(200,255,0,.12),transparent 32%),
    linear-gradient(135deg,#181621,#08080d);
}
.home-hero-art img{
  transition:opacity .25s ease;
}
#page-home .featured-hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(123,94,167,.22),transparent 38%),
    linear-gradient(135deg,#14121c,#07070b)!important;
}
html body:not(.guest-landing-active) #page-home .featured-hero{
  width:100%!important;
  margin:52px 0 0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}
html body:not(.guest-landing-active) #page-home{
  position:relative!important;
}
html body:not(.guest-landing-active) #page-home > .home-greeting-shell{
  position:absolute!important;
  z-index:12!important;
  top:52px!important;
  left:0!important;
  right:0!important;
  padding:8px var(--home-edge) 0!important;
  background:transparent!important;
  pointer-events:none;
}
html body:not(.guest-landing-active) #page-home > .home-greeting-shell .home-welcome-glass{
  pointer-events:auto;
}
html body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-play{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}
html body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-play span{
  display:inline!important;
}
html body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-list,
html body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-more{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  gap:0!important;
  font-size:0!important;
  line-height:0!important;
  text-align:center!important;
}
html body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-list span{
  display:none!important;
}
html body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-list::before{
  content:none!important;
  display:none!important;
}
html body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-list svg,
html body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-more svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  flex:none!important;
  margin:0!important;
  transform:none!important;
}
@media(min-width:769px){
  html body.guest-landing-active #page-home .featured-hero{
    height:clamp(600px,70svh,680px)!important;
    min-height:600px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    align-self:center!important;
    margin:0 0 0 clamp(28px,5vw,76px)!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-content{
    top:0!important;
    bottom:auto!important;
    transform:none!important;
  }
  html body #page-home .srp-spotlight .srp-spotlight-copy,
  html body #page-home-auth .srp-spotlight .srp-spotlight-copy{
    justify-content:center!important;
    padding-top:clamp(32px,4vw,56px)!important;
    padding-bottom:clamp(32px,4vw,56px)!important;
  }
}
:where(button,a,[tabindex]):focus-visible{
  outline:3px solid var(--accent)!important;
  outline-offset:3px!important;
}
@media(max-width:768px){
  .guest-hero-carousel-ui{margin-top:10px;gap:10px}
  .guest-hero-dot{width:22px}
  .guest-hero-controls button{
    width:32px;
    min-width:32px;
    height:32px;
    min-height:32px!important;
  }
  .guest-hero-controls span{display:none}
  .srp-spotlight .srp-spotlight-copy,
  #page-home-auth .srp-spotlight .srp-spotlight-copy{
    padding-top:68px!important;
  }
  body:not(.guest-landing-active) #page-home .featured-hero{
    height:clamp(500px,66svh,570px)!important;
    min-height:500px!important;
    max-height:570px!important;
  }
  body:not(.guest-landing-active) #page-home .featured-hero .fh-content{
    top:0!important;
    bottom:auto!important;
    transform:none!important;
  }
  body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-play{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body:not(.guest-landing-active) #page-home .featured-hero .fh-btn-play span{
    display:inline!important;
  }
  body:not(.guest-landing-active) #page-home .home-align-container{
    padding-top:20px!important;
  }
  #page-home{
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  #page-home .fh-desc,
  #page-home .home-welcome-glass p{
    color:rgba(244,242,250,.72)!important;
  }
  #page-home .fh-meta > span{
    min-height:28px!important;
    font-size:10px!important;
  }
}

/* Landing conversion pass: lead with watchable titles, then explain trust. */
.landing-trust{display:none}
body.guest-landing-active .landing-trust{
  display:block;
  width:min(1320px,calc(100% - 80px));
  margin:0 auto;
  padding:0 0 112px;
}
body.guest-landing-active .landing-intro{
  padding:64px 0 28px!important;
}
body.guest-landing-active .landing-intro-grid{
  align-items:end;
  gap:clamp(28px,6vw,96px);
}
.landing-trust > h2{
  max-width:760px;
  margin:0 0 42px;
  font-family:'Syne','Inter',sans-serif;
  font-size:clamp(38px,5vw,68px);
  line-height:.98;
  letter-spacing:-.05em;
}
.landing-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.landing-trust-grid article{
  min-height:238px;
  padding:26px 24px 30px;
  border-right:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);
}
.landing-trust-grid article:first-child{padding-left:0}
.landing-trust-grid article:last-child{border-right:0}
.landing-trust-grid b{
  display:block;
  margin-bottom:52px;
  color:var(--accent);
  font-size:10px;
  letter-spacing:.12em;
}
.landing-trust-grid h3{
  margin:0 0 10px;
  color:#fff;
  font-family:'Syne','Inter',sans-serif;
  font-size:20px;
  letter-spacing:-.025em;
}
.landing-trust-grid p{
  margin:0;
  color:rgba(232,228,240,.56);
  font-size:13px;
  line-height:1.58;
}
@media(max-width:900px){
  .landing-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-trust-grid article:nth-child(2){border-right:0}
  .landing-trust-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}
}
@media(max-width:768px){
  body.guest-landing-active .landing-intro{padding:34px 0 22px!important}
  body.guest-landing-active .landing-trust{
    width:calc(100% - 32px);
    padding-bottom:76px;
  }
  .landing-trust > h2{margin-bottom:28px;font-size:clamp(34px,10vw,46px)}
  .landing-trust-grid{grid-template-columns:1fr}
  .landing-trust-grid article,
  .landing-trust-grid article:first-child{
    min-height:0;
    padding:22px 0 24px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .landing-trust-grid b{margin-bottom:20px}
  .landing-trust-grid article:last-child{border-bottom:0}
}

/* Mobile landing and member home: content first, fewer competing surfaces. */
@media(max-width:768px){
  /* Landing: keep one focused hero and reveal the catalogue immediately. */
  html body.guest-landing-active #page-home .featured-hero{
    height:412px!important;
    min-height:412px!important;
    max-height:412px!important;
  }
  html body.guest-landing-active #page-home .home-hero-art{
    top:44px!important;
    height:148px!important;
  }
  html body.guest-landing-active #page-home .featured-hero::after{
    inset:38px 0 auto!important;
    height:174px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    margin-top:162px!important;
    padding:0 16px 10px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-title{
    font-size:clamp(30px,9vw,37px)!important;
    line-height:.94!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
    max-width:42ch!important;
    margin-bottom:7px!important;
    font-size:11.5px!important;
    -webkit-line-clamp:2!important;
  }
  html body.guest-landing-active #page-home #guest-hero-proof{
    margin-bottom:9px!important;
    font-size:9.5px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch{
    height:40px!important;
    min-height:40px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    width:auto!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    border-color:transparent!important;
    background:transparent!important;
    color:rgba(255,255,255,.7)!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create svg{display:none}
  body.guest-landing-active #page-home #social-proof-strip,
  body.guest-landing-active #page-home .landing-intro{display:none!important}
  body.guest-landing-active #page-home .home-align-container{
    position:relative!important;
    z-index:9!important;
    margin-top:-28px!important;
    padding-top:0!important;
  }
  body.guest-landing-active #mnt-plans{display:none!important}

  /* Member home: one greeting, then useful rows—no second promotional hero. */
  html body:not(.guest-landing-active) #page-home > .home-greeting-shell{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    display:block!important;
    padding:62px 14px 0!important;
    pointer-events:auto!important;
    background:#07070b!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero{
    display:block!important;
    width:calc(100% - 28px)!important;
    height:clamp(388px,50svh,430px)!important;
    min-height:388px!important;
    max-height:430px!important;
    margin:10px 14px 0!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    isolation:isolate!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .home-hero-art{
    display:none!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-bg,
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-slide{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:inherit!important;
    overflow:hidden!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-position:center 24%!important;
    background-size:cover!important;
    filter:brightness(.88) saturate(1.18) contrast(1.04)!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero::before{
    background:
      linear-gradient(0deg,rgba(5,5,9,.76) 0%,rgba(5,5,9,.28) 48%,rgba(5,5,9,.04) 78%,transparent 100%)!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-vignette{
    background:
      linear-gradient(0deg,rgba(5,5,9,.68) 0%,rgba(5,5,9,.2) 44%,transparent 74%),
      linear-gradient(90deg,rgba(5,5,9,.18),transparent 62%)!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-content{
    position:absolute!important;
    top:auto!important;
    bottom:58px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    padding:16px!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
    z-index:8!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-title{
    max-width:12ch!important;
    font-size:clamp(25px,8vw,34px)!important;
    line-height:.96!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-desc{
    display:-webkit-box!important;
    margin-bottom:12px!important;
    font-size:12px!important;
    line-height:1.4!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-controls{
    right:12px!important;
    bottom:12px!important;
  }
  html body:not(.guest-landing-active) #page-home .home-welcome-glass{
    min-height:0!important;
    margin:0!important;
    padding:14px 14px!important;
    gap:12px!important;
    border-radius:14px!important;
  }
  html body:not(.guest-landing-active) #page-home .home-welcome-kicker{
    margin-bottom:3px!important;
    font-size:8.5px!important;
  }
  html body:not(.guest-landing-active) #page-home .home-welcome-glass strong{font-size:18px!important}
  html body:not(.guest-landing-active) #page-home .home-welcome-action{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    color:transparent!important;
    font-size:0!important;
  }
  html body:not(.guest-landing-active) #page-home .home-welcome-action svg{color:#fff!important}
  html body:not(.guest-landing-active) #page-home .home-align-container{
    padding:14px 16px calc(86px + env(safe-area-inset-bottom,0px))!important;
  }
  html body:not(.guest-landing-active) #page-home .feed-header{
    min-height:0!important;
    margin:0 0 12px!important;
    padding:0!important;
    align-items:center!important;
  }
  html body:not(.guest-landing-active) #page-home .feed-greeting{display:none!important}
  html body:not(.guest-landing-active) #page-home .feed-sub{
    max-width:29ch;
    font-size:11px!important;
    line-height:1.4!important;
  }
  html body:not(.guest-landing-active) #page-home .feed-refresh-btn{
    width:34px;
    min-width:34px;
    height:34px;
    justify-content:center;
    padding:0!important;
    overflow:hidden;
    font-size:0!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:rgba(255,255,255,.04)!important;
  }
  html body:not(.guest-landing-active) #page-home .feed-refresh-btn svg{width:14px;height:14px}
  html body #page-home .content-row{margin-bottom:28px!important}
  html body #page-home .row-header{margin-bottom:10px!important}
  html body #page-home .row-title{font-size:17px!important}
  html body #page-home .continue-row .row-more{display:none!important}
  html body #page-home .continue-row .row-scroll{
    grid-auto-columns:min(78vw,310px)!important;
    gap:12px!important;
  }
  html body #page-home .continue-row .cw-home-card{width:100%!important}
  html body #page-home .continue-row .srp-card-thumb{
    aspect-ratio:16/9!important;
    min-height:0!important;
  }
  html body #page-home .continue-row .srp-card-body{
    display:block!important;
    padding:9px 10px 10px!important;
  }
  html body #page-home .continue-row .srp-card-title{font-size:13px!important}
  html body #page-home .continue-row .srp-card-meta{font-size:10px!important}
  html body #page-home .content-row:not(.continue-row) .row-scroll{
    grid-auto-columns:clamp(146px,43vw,176px)!important;
    gap:10px!important;
  }
  html body #page-home .genre-filter-bar{
    gap:6px!important;
    min-height:48px!important;
    margin-bottom:20px!important;
    padding:5px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  html body #page-home .genre-filter-bar::-webkit-scrollbar{display:none}
  html body #page-home .genre-pill{
    flex:0 0 auto!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 13px!important;
    scroll-snap-align:start;
  }
}
@media(max-width:360px){
  html body.guest-landing-active #page-home .featured-hero{
    height:398px!important;
    min-height:398px!important;
    max-height:398px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-1.guest-landing-active #page-home #guest-hero-overlay .gho-inner,
  body.hero-preview-2.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    margin-top:152px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  html body #page-home .content-row:not(.continue-row) .row-scroll{
    grid-auto-columns:clamp(138px,43vw,158px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .guest-hero-dot.active::after{width:100%;animation:none}
}

/* Mobile navigation access: Search lives in the bottom bar; theme stays in the header. */
.mobile-plan-picker,
.pricing-scroll-cue{
  display:none;
}
@media(max-width:768px){
  html:has(body.pricing-page-active),
  body.pricing-page-active{
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
  }
  #main-nav #theme-toggle-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 var(--nav-control-size,36px)!important;
  }
  #desktop-app-sidebar .das-link{
    min-height:44px;
  }

  html body #page-pricing{
    overflow-x:clip!important;
    overflow-y:visible!important;
    padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;
  }
  html body #page-pricing .pricing-hero{
    min-height:0!important;
    padding:76px 16px 24px!important;
    text-align:left!important;
  }
  html body #page-pricing .pricing-hero h1{
    max-width:12ch!important;
    margin-bottom:10px!important;
    font-size:clamp(36px,10.5vw,44px)!important;
    line-height:.98!important;
    overflow-wrap:normal!important;
  }
  html body #page-pricing .pricing-hero p{
    max-width:36ch!important;
    margin:0 0 16px!important;
    font-size:13px!important;
  }
  html body #page-pricing .pricing-hero .pricing-kicker{
    margin-bottom:12px!important;
  }
  html body #page-pricing .billing-toggle{
    width:100%!important;
    max-width:none!important;
  }
  .mobile-plan-picker{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    width:calc(100% - 32px);
    margin:0 16px 14px;
    padding:4px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:rgba(18,18,27,.82);
    backdrop-filter:blur(18px);
  }
  .mobile-plan-picker button{
    display:flex;
    min-width:0;
    min-height:48px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:rgba(255,255,255,.58);
    font-family:'DM Sans','Inter',sans-serif;
    cursor:pointer;
  }
  .mobile-plan-picker button span{font-size:12px;font-weight:800}
  .mobile-plan-picker button small{font-size:9px;color:rgba(255,255,255,.36)}
  .mobile-plan-picker button.active{
    color:#09090b;
    background:var(--lime);
    box-shadow:0 8px 24px rgba(200,255,0,.12);
  }
  .mobile-plan-picker button.active small{color:rgba(9,9,11,.62)}
  body.theme-light .mobile-plan-picker{
    border-color:rgba(17,17,24,.1);
    background:rgba(255,255,255,.9);
    box-shadow:0 10px 28px rgba(35,31,58,.08);
  }
  body.theme-light .mobile-plan-picker button{color:rgba(17,17,24,.58)}
  body.theme-light .mobile-plan-picker button small{color:rgba(17,17,24,.42)}
  body.theme-light .mobile-plan-picker button.active{color:#09090b}
  body.theme-light .mobile-plan-picker button.active small{color:rgba(9,9,11,.62)}
  html body #page-pricing .plans-grid{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 16px 32px!important;
    overflow:visible!important;
  }
  html body #page-pricing .plan:not(.mobile-plan-active){display:none!important}
  html body #page-pricing .plan.mobile-plan-active{
    display:flex!important;
    width:100%!important;
    min-height:0!important;
    padding:22px!important;
    animation:pricingPlanIn .24s ease both;
  }
  html body #page-pricing .plan-popular{
    top:12px!important;
    right:12px!important;
  }
  html body #page-pricing .pricing-trust{
    padding:0 16px 42px!important;
  }
  html body #page-pricing .pricing-compare,
  html body #page-pricing .pricing-faq{
    width:calc(100% - 32px)!important;
    margin-bottom:42px!important;
  }
  html body #page-pricing .pricing-section-head h2{
    font-size:26px!important;
  }
  .pricing-scroll-cue{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    margin:-8px 2px 10px;
    color:rgba(255,255,255,.48);
    font-size:10px;
    font-weight:700;
  }
  .pricing-scroll-cue span{color:var(--lime);font-size:15px}
  body.theme-light .pricing-scroll-cue{color:rgba(17,17,24,.52)}
  body.pricing-page-active #guest-sticky-bar{display:none!important}
}
@keyframes pricingPlanIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Official trailers — lightweight YouTube previews */
.trailer-shelf{padding:32px 28px 30px;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 82% 0,rgba(123,94,167,.11),transparent 34%),#08080d}
.trailer-shelf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}
.trailer-shelf-kicker{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.trailer-shelf-kicker span{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(200,255,0,.7)}
.trailer-shelf h2{font-family:'Inter',sans-serif;font-size:24px;font-weight:900;letter-spacing:-.035em;color:var(--text)}
.trailer-shelf-head p{margin-top:5px;color:var(--muted);font-size:12px}
.trailer-shelf-cue{display:none;color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}
.trailer-shelf-cue span{color:var(--lime);font-size:14px}
.trailer-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);grid-template-rows:1fr;gap:14px;overflow-x:auto;padding:3px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(200,255,0,.28) transparent}
.trailer-card{min-width:0;scroll-snap-align:start;cursor:pointer}
.trailer-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#15151d;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.trailer-card:hover .trailer-card-media{transform:translateY(-3px);border-color:rgba(200,255,0,.38);box-shadow:0 16px 38px rgba(0,0,0,.38)}
.trailer-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.trailer-card:hover img{transform:scale(1.035)}
.trailer-card-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,9,.9),transparent 55%)}
.trailer-official{position:absolute;top:10px;left:10px;padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:rgba(8,8,13,.72);backdrop-filter:blur(10px);color:#fff;font-size:8px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}
.trailer-duration{position:absolute;right:9px;bottom:9px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.78);color:#fff;font-size:9px;font-weight:800}
.trailer-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;min-height:46px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--lime);color:#050508;box-shadow:0 0 0 7px rgba(200,255,0,.1);transition:transform .2s ease}
.trailer-card:hover .trailer-play{transform:translate(-50%,-50%) scale(1.08)}
.trailer-card-info{display:flex;justify-content:space-between;gap:10px;padding:10px 2px 0}
.trailer-card-title{font-size:13px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trailer-card-meta{margin-top:3px;color:var(--muted);font-size:10px}
.trailer-card-tools{display:flex;gap:5px;flex-shrink:0}
.trailer-card-tools button{display:grid;place-items:center;width:32px;height:32px;min-height:32px;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.05);color:var(--muted)}
.trailer-card-tools button:hover,.trailer-card-tools button.saved{border-color:rgba(200,255,0,.4);color:var(--lime);background:rgba(200,255,0,.08)}
.trailer-modal{position:fixed;inset:0;z-index:9700;display:none;align-items:center;justify-content:center;padding:24px}
.trailer-modal.open{display:flex}
.trailer-modal-backdrop{position:absolute;inset:0;background:rgba(2,2,5,.86);backdrop-filter:blur(20px)}
.trailer-modal-panel{position:relative;width:min(940px,100%);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(15,15,22,.96);box-shadow:0 34px 100px rgba(0,0,0,.72)}
.trailer-modal-close{position:absolute;z-index:3;right:12px;top:12px;width:38px;height:38px;min-height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:24px;line-height:1}
.trailer-player{position:relative;aspect-ratio:16/9;background:#030305;overflow:hidden;border-radius:18px 18px 0 0}
.trailer-player iframe{width:100%;height:100%;border:0;display:block}
.trailer-player-placeholder{position:absolute;inset:0;background-position:center;background-size:cover}
.trailer-player-placeholder::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3)}
.trailer-modal-body{display:flex;justify-content:space-between;gap:28px;padding:22px 24px 26px}
.trailer-modal-copy{max-width:660px}
.trailer-modal-kicker{margin-bottom:5px;color:var(--lime);font-size:9px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}
.trailer-modal-copy h2{font-family:'Inter',sans-serif;font-size:28px;font-weight:900;letter-spacing:-.035em;color:var(--text)}
.trailer-modal-meta{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 12px}
.trailer-modal-meta span{padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:10px;font-weight:700}
.trailer-modal-copy p{color:var(--muted);font-size:13px;line-height:1.65}
.trailer-youtube-link{display:inline-block;margin-top:12px;min-height:0;color:var(--muted);font-size:11px;text-decoration:none}
.trailer-youtube-link:hover{color:var(--lime)}
.trailer-modal-actions{display:flex;gap:8px;align-items:flex-start;flex-shrink:0}
.trailer-modal-actions button{display:flex;align-items:center;gap:7px;height:40px;padding:0 13px;border:1px solid var(--border2);border-radius:9px;background:rgba(255,255,255,.06);color:var(--text);font-size:12px;font-weight:800}
.trailer-modal-actions button.saved{border-color:rgba(200,255,0,.4);background:rgba(200,255,0,.09);color:var(--lime)}
body.trailer-open{overflow:hidden!important}
body.theme-light .trailer-shelf{border-color:rgba(17,17,24,.08);background:radial-gradient(circle at 82% 0,rgba(123,94,167,.09),transparent 34%),#f8f8fb}
body.theme-light .trailer-card-media{border-color:rgba(17,17,24,.12)}
body.theme-light .trailer-modal-panel{border-color:rgba(17,17,24,.12);background:rgba(255,255,255,.98)}
@media(max-width:768px){
  .trailer-shelf{padding:24px 16px 26px}
  .trailer-shelf-head{align-items:flex-end;margin-bottom:13px}
  .trailer-shelf h2{font-size:22px}
  .trailer-shelf-head p{max-width:28ch;line-height:1.45}
  .trailer-shelf-cue{display:block}
  .trailer-track{grid-auto-columns:82%;gap:11px;margin-right:-16px;padding-right:16px;scroll-snap-type:x mandatory}
  .trailer-card:hover .trailer-card-media{transform:none}
  .trailer-modal{align-items:flex-end;padding:0}
  .trailer-modal-panel{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;border-bottom:0}
  .trailer-player{border-radius:18px 18px 0 0}
  .trailer-modal-body{display:block;padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px))}
  .trailer-modal-copy h2{font-size:23px;padding-right:36px}
  .trailer-modal-actions{margin-top:17px}
  .trailer-modal-actions button{flex:1;justify-content:center}
}

/* Media resilience and mobile Discover hierarchy */
#page-home .fh-bg{
  background-color:#090a0e;
}
#page-home .fh-bg::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 22%,rgba(200,255,0,.18),transparent 28%),radial-gradient(circle at 22% 42%,rgba(123,94,167,.22),transparent 36%),linear-gradient(135deg,rgba(19,21,27,.5),rgba(8,9,13,.18) 58%,rgba(17,22,7,.45))}
#page-home .fh-bg::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(5,5,9,.14),rgba(5,5,9,.02) 48%,rgba(5,5,9,.48)),repeating-linear-gradient(90deg,transparent 0 62px,rgba(255,255,255,.018) 63px 64px);
}
.trailer-card-media{background:radial-gradient(circle at 70% 22%,rgba(123,94,167,.38),transparent 35%),linear-gradient(145deg,#202231,#0b0b11 62%,#151a09)}
.trailer-card:nth-child(2n) .trailer-card-media{background:radial-gradient(circle at 25% 25%,rgba(200,255,0,.18),transparent 34%),linear-gradient(145deg,#252016,#0a0b10 65%,#171124)}
.trailer-card:nth-child(3n) .trailer-card-media{background:radial-gradient(circle at 75% 70%,rgba(75,124,255,.25),transparent 38%),linear-gradient(145deg,#181b29,#09090e 65%,#21131d)}
.media-failed{color:transparent!important}
.media-failed::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.035) 45%,transparent 65%);pointer-events:none}
.fh-img.media-failed{background:radial-gradient(ellipse at 72% 28%,rgba(200,255,0,.24),transparent 22%),radial-gradient(ellipse at 32% 42%,rgba(123,94,167,.34),transparent 30%),linear-gradient(135deg,#181b24,#090a0e 58%,#172008)!important}
.fh-img.media-failed::after{content:'SCENVOX ORIGINAL';position:absolute;right:18px;top:18px;padding:5px 8px;border:1px solid rgba(200,255,0,.22);border-radius:6px;color:rgba(200,255,0,.58);font-size:8px;font-weight:900;letter-spacing:1.4px}
.disc-mobile-search{display:none}
@media(max-width:768px){
  #page-discover .disc-main{display:flex!important;flex-direction:column!important}
  #page-discover .disc-hero{order:1;min-height:0!important;padding:72px 16px 22px!important}
  #page-discover .disc-hero-title{max-width:11ch!important;margin-bottom:8px!important;font-size:clamp(32px,10vw,42px)!important;line-height:.98!important}
  #page-discover .disc-hero-sub{max-width:38ch!important;margin:0!important;font-size:12px!important;line-height:1.5!important}
  #page-discover .disc-hero-badge{margin-bottom:10px!important}
  #page-discover .disc-hero-cards{display:none!important}
  #page-discover .disc-mobile-search{order:2;display:block;padding:14px 16px 6px;background:#08080d}
  #page-discover .disc-mobile-search-wrap{position:relative;display:flex;align-items:center}
  #page-discover .disc-mobile-search svg{position:absolute;left:14px;color:var(--muted);pointer-events:none}
  #page-discover .disc-mobile-search input{width:100%;height:46px;padding:0 42px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:var(--text);font-size:13px;outline:none}
  #page-discover .disc-mobile-search input:focus{border-color:rgba(200,255,0,.45);box-shadow:0 0 0 3px rgba(200,255,0,.07)}
  html body #page-discover .disc-filter-chips{display:flex!important;position:static!important;inset:auto!important;order:3;margin:0!important;padding:8px 16px 14px!important;background:#08080d}
  #page-discover .trailer-shelf{order:4;padding-top:20px!important;padding-bottom:22px!important}
  #page-discover .trailer-shelf-head p{display:none}
  #page-discover .trailer-track{grid-auto-columns:72%!important}
  #page-discover .disc-content-area{order:5;padding-top:20px!important}
  #page-discover .disc-featured-worlds{order:6}
  html body #page-discover .disc-sticky-bar{display:none!important}
  #page-discover .disc-bar{margin-bottom:12px!important}
  #page-discover .disc-sort{display:none!important}
  #page-discover .disc-grid{gap:12px!important}
}
body.theme-light #page-discover .disc-mobile-search,
body.theme-light #page-discover .disc-filter-chips{background:#f8f8fb}
body.theme-light #page-discover .disc-mobile-search input{border-color:rgba(17,17,24,.12);background:#fff}
@media(max-width:768px){
  html body.guest-landing-active #main-nav{height:56px!important;padding:0 12px!important;gap:8px!important}
  html body.guest-landing-active #main-nav .nav-actions{gap:8px!important}
  html body.guest-landing-active #main-nav .btn-signup{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;height:44px!important;min-height:44px!important;padding:0 16px!important;
    border:1px solid rgba(200,255,0,.72)!important;border-radius:12px!important;
    background:#c8ff00!important;color:#08090b!important;box-shadow:0 8px 22px rgba(200,255,0,.13)!important;
    font-size:12px!important;font-weight:850!important;line-height:1!important;letter-spacing:-.01em!important;white-space:nowrap!important;
  }
  html body.guest-landing-active #main-nav .btn-signup:active{transform:scale(.98)!important;background:#b9eb00!important}
}
@media(max-width:360px){html body.guest-landing-active #main-nav .btn-signup{padding:0 12px!important;font-size:11.5px!important}}

/* Editorial landing pass: fewer effects, one artwork, one clear action. */
:root{
  --sv-space-1:4px;
  --sv-space-2:8px;
  --sv-space-3:12px;
  --sv-space-4:16px;
  --sv-space-6:24px;
  --sv-space-8:32px;
  --sv-radius-control:10px;
  --sv-radius-card:14px;
  --sv-line:rgba(255,255,255,.11);
}
body.guest-landing-active #page-home .fh-grain,
body.guest-landing-active #page-home .fh-glow-lime,
body.guest-landing-active #page-home .fh-glow-purple{display:none!important}
body.guest-landing-active #page-home .featured-hero{background:#07070b!important;box-shadow:none!important}
body.guest-landing-active #page-home .home-hero-art{right:clamp(24px,5vw,72px)!important;width:min(45vw,610px)!important}
body.guest-landing-active #page-home .home-hero-art-main{
  width:100%!important;border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.38)!important;transform:none!important;
}
body.guest-landing-active #page-home .home-hero-art-main::after{
  background:linear-gradient(90deg,rgba(7,7,11,.58),transparent 42%),linear-gradient(0deg,rgba(7,7,11,.25),transparent 48%)!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{width:min(520px,45vw)!important}
body.guest-landing-active #page-home #guest-hero-overlay .gho-eyebrow{
  padding:0!important;border:0!important;background:transparent!important;color:var(--accent)!important;letter-spacing:.14em!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{max-width:48ch!important;margin-bottom:var(--sv-space-6)!important}
body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
  display:flex!important;align-items:center!important;gap:var(--sv-space-6)!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch{
  min-width:210px!important;border-radius:var(--sv-radius-control)!important;box-shadow:none!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
  width:auto!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:0!important;border:0!important;
  background:transparent!important;color:rgba(255,255,255,.72)!important;box-shadow:none!important;backdrop-filter:none!important;
}
body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create:hover{
  color:#fff!important;background:transparent!important;transform:none!important;
}
body.guest-landing-active #page-home .guest-hero-carousel-ui{
  justify-content:flex-start!important;gap:var(--sv-space-4)!important;margin-top:var(--sv-space-4)!important;
}
body.guest-landing-active #page-home .guest-hero-controls button{
  width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
  border-color:var(--sv-line)!important;background:transparent!important;backdrop-filter:none!important;
}
body.guest-landing-active #page-home .guest-hero-dot{width:24px!important;background:rgba(255,255,255,.2)!important}
body.guest-landing-active .landing-intro{padding-top:72px!important}

@media(max-width:768px){
  html body.guest-landing-active #page-home .featured-hero{height:430px!important;min-height:430px!important;max-height:430px!important}
  html body.guest-landing-active #page-home .home-hero-art{top:44px!important;right:0!important;width:100%!important;height:154px!important}
  html body.guest-landing-active #page-home .home-hero-art-main{border:0!important;border-radius:0!important;box-shadow:none!important}
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-inner{
    width:auto!important;margin-top:168px!important;padding:0 var(--sv-space-4) var(--sv-space-3)!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-sub{
    margin-bottom:var(--sv-space-3)!important;-webkit-line-clamp:2!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-dual-cta{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:var(--sv-space-3)!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-watch{min-width:0!important;height:44px!important;min-height:44px!important}
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create{
    min-height:44px!important;padding:0 var(--sv-space-1)!important;font-size:11px!important;
  }
  html body.guest-landing-active #page-home #guest-hero-overlay .gho-btn-create span{display:none}
  body.guest-landing-active #page-home .home-align-container{margin-top:0!important;padding-top:var(--sv-space-4)!important}
}
@media(max-width:768px){
  html body #main-nav{border-bottom-color:transparent!important;background:linear-gradient(180deg,rgba(8,8,13,.96),rgba(8,8,13,.82))!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;backdrop-filter:blur(18px)!important}
  html body.guest-landing-active #main-nav .btn-signup{border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065))!important;color:rgba(255,255,255,.94)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 22px rgba(0,0,0,.2)!important;backdrop-filter:blur(16px)!important}
  html body.guest-landing-active #main-nav .btn-signup:hover,html body.guest-landing-active #main-nav .btn-signup:active{border-color:rgba(200,255,0,.3)!important;background:linear-gradient(145deg,rgba(200,255,0,.12),rgba(255,255,255,.07))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.22)!important}
  html body #page-home .featured-hero,html body:not(.guest-landing-active) #page-home .featured-hero,html body.guest-landing-active #page-home .featured-hero{border:0!important;outline:0!important;box-shadow:none!important;background:#07070b!important}
  html body #page-home .featured-hero::after{display:none!important;border:0!important;background:none!important}
  html body #page-home .featured-hero .fh-bg,html body #page-home .featured-hero .fh-slide,html body #page-home .featured-hero .fh-img,html body #page-home .featured-hero .fh-vignette{border:0!important;outline:0!important;box-shadow:none!important}
  html body:not(.guest-landing-active) #page-home .featured-hero .fh-content{padding:14px 4px 12px!important;background:linear-gradient(180deg,transparent,rgba(7,7,11,.22))!important;border:0!important;border-radius:0!important}
  html body #page-home .featured-hero .fh-title{margin-bottom:6px!important;letter-spacing:-.045em!important}
  html body #page-home .featured-hero .fh-desc{max-width:34ch!important;color:rgba(236,236,244,.72)!important}
  html body #page-home .featured-hero .fh-meta{gap:7px!important;color:rgba(236,236,244,.58)!important}
  html body #page-home .featured-hero .fh-btns{gap:8px!important}
  html body #page-home .featured-hero .fh-btn-play{border-radius:11px!important;box-shadow:none!important}
  html body #page-home .featured-hero .fh-btn-info{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;backdrop-filter:blur(12px)!important}
  html body #page-home .featured-hero .fh-controls{opacity:.82!important}
  html body #page-home .featured-hero{
    width:100%!important;margin:0!important;border-radius:0!important;
  }
  html body #page-home .featured-hero .fh-bg,html body #page-home .featured-hero .fh-slide,html body #page-home .featured-hero .fh-img,html body #page-home .featured-hero .fh-vignette{border-radius:0!important}
  html body #page-home .featured-hero::before{border:0!important;outline:0!important;box-shadow:none!important}
  html body.guest-landing-active #page-home .home-hero-art{left:0!important;right:0!important;width:100%!important}
  html body.guest-landing-active #page-home .home-hero-art-main{border:0!important;border-radius:0!important;box-shadow:none!important}
  html body #page-home .home-align-container{border-top:0!important;background:linear-gradient(180deg,#07070b 0,#08080d 70px)!important}
}

/* Final product-surface reconciliation: keep legacy late overrides from
   reintroducing decorative treatments. */
html body #page-pricing .pricing-hero{border-bottom:1px solid var(--sv-line)!important;background:#08080c!important;box-shadow:none!important}
html body #page-pricing .pricing-hero > div:first-child{display:none!important}
html body #page-pricing .pricing-kicker{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #page-pricing .pricing-kicker svg{display:none!important}
html body #page-pricing .billing-toggle,
html body #page-pricing .mobile-plan-picker{border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-control)!important;background:#121217!important;box-shadow:none!important;backdrop-filter:none!important}
html body #page-pricing .plan{border-radius:var(--sv-radius-card)!important;box-shadow:none!important;backdrop-filter:none!important}
html body #page-pricing .plan.featured{border-color:rgba(200,255,0,.42)!important;background:#11140d!important;box-shadow:none!important}
html body #auth-modal .modal{border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;background:#141419!important;box-shadow:0 24px 64px rgba(0,0,0,.48)!important}
html body #auth-modal .submit-btn{box-shadow:none!important}
html body #detail-modal .detail-modal{border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;background:#101014!important;box-shadow:0 28px 72px rgba(0,0,0,.56)!important}
html body #page-profile .dash-quick-card,
html body #page-profile .dash-insight-card,
html body #page-profile .dash-setting-row{border-color:var(--sv-line)!important;border-radius:var(--sv-radius-card)!important;background:#131318!important;box-shadow:none!important}
@media(max-width:768px){
  html body #auth-modal{align-items:center!important;padding:14px!important}
  html body #auth-modal .modal{max-width:440px!important;max-height:calc(100dvh - 28px)!important;margin:0!important;padding:24px 18px!important;border:1px solid var(--sv-line)!important;border-radius:var(--sv-radius-card)!important}
  html body #detail-modal{align-items:flex-end!important;padding:0!important}
  html body #detail-modal .detail-modal{width:100%!important;max-height:94dvh!important;border-right:0!important;border-bottom:0!important;border-left:0!important;border-radius:18px 18px 0 0!important}
}