.offline-notice-dialog{width:min(440px,calc(100% - 32px));padding:28px;border:1px solid #ffffff20;border-radius:22px;background:#17131c;color:#f7f4fa;box-shadow:0 24px 90px #0009}
.offline-notice-dialog::backdrop{background:#060408bb;backdrop-filter:blur(6px)}
.offline-notice-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;background:#ed175018;color:#ff6b98}
.offline-notice-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.offline-notice-dialog h2{margin:0 0 12px;font:800 23px/1.2 "Manrope",sans-serif;letter-spacing:-.6px}
.offline-notice-dialog p{margin:0;color:#bcb4c3;font-size:14px;line-height:1.7}
.offline-notice-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}
:root {
  color-scheme: dark;
  --bg: #09090b;
  --bg-soft: #111116;
  --panel: #17171e;
  --panel-2: #202029;
  --text: #f7f4fa;
  --muted: #a5a0ad;
  --line: rgba(255,255,255,.1);
  --accent: #e5093d;
  --accent-2: #ff315e;
  --accent-3: #f78c6b;
  --success: #5dd39e;
  --warning: #ffd166;
  --danger: #ff5d73;
  --radius: 18px;
  --shadow: 0 24px 70px rgba(0,0,0,.38);
  --max: 1380px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font: 400 16px/1.55 "DM Sans", system-ui, sans-serif; }
body::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(circle at 78% -10%, rgba(155,93,229,.12), transparent 34%), radial-gradient(circle at 0 45%, rgba(239,71,111,.08), transparent 28%); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
img { max-width: 100%; display: block; }
.skip-link { position: fixed; z-index: 999; top: 10px; left: 10px; transform: translateY(-150%); background: white; color: #000; padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid rgba(255,209,102,.9); outline-offset: 3px; }

.site-header { position: sticky; top: 0; z-index: 120; min-height: 76px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 34px; padding: 0 max(24px, calc((100vw - var(--max))/2)); border-bottom: 1px solid transparent; transition: .25s ease; }
.site-header.scrolled { background: linear-gradient(180deg,rgba(5,5,7,.98),rgba(5,5,7,.88)); border-color: var(--line); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; font: 800 19px/1 "Manrope", sans-serif; letter-spacing: -.7px; white-space: nowrap; }
.brand b { color: var(--accent); }
.brand > .brand-avatar { width: 38px; height: 38px; max-width: 38px; flex: 0 0 38px; display: block; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1px rgba(255,255,255,.12); }
.brand-mark { position: relative; width: 31px; height: 31px; display: inline-block; transform: rotate(-8deg); }
.brand-mark i { position: absolute; inset: 4px 2px 3px 7px; border: 5px solid var(--accent); border-radius: 50% 55% 45% 54%; }
.brand-mark i:last-child { inset: 9px 8px 8px 1px; border-color: var(--accent-2); opacity: .9; }
.main-nav { display: flex; align-items: center; gap: 28px; }
.main-nav a { color: var(--muted); font-size: 14px; font-weight: 600; transition: .2s; }
.main-nav a:hover, .main-nav a.active { color: white; }
.mobile-account-link { display: none; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.card-size-picker { position: relative; }
.card-size-button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.card-size-button[aria-expanded="true"] { border-color: rgba(239,71,111,.5); background: rgba(239,71,111,.12); color: white; }
.card-size-menu { position: absolute; z-index: 70; top: calc(100% + 10px); right: 0; width: 240px; padding: 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(20,20,26,.98); box-shadow: 0 20px 55px rgba(0,0,0,.5); backdrop-filter: blur(18px); }
.card-size-menu > strong { display: block; padding: 5px 8px 8px; color: #8f8995; font-size: 10px; letter-spacing: .8px; text-transform: uppercase; }
.card-size-menu > button { width: 100%; display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 11px; padding: 9px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #c8c2cc; text-align: left; cursor: pointer; }
.card-size-menu > button:hover { background: rgba(255,255,255,.055); color: white; }
.card-size-menu > button.active { border-color: rgba(239,71,111,.32); background: rgba(239,71,111,.12); color: white; }
.card-size-menu b,.card-size-menu small { display: block; }
.card-size-menu b { font-size: 12px; }
.card-size-menu small { margin-top: 1px; color: #7e7884; font-size: 9px; }
.card-size-preview { height: 28px; display: grid; align-items: stretch; gap: 3px; }
.card-size-preview.compact { grid-template-columns: repeat(3,1fr); }
.card-size-preview.standard { grid-template-columns: repeat(2,1fr); }
.card-size-preview.large { grid-template-columns: 1fr; }
.card-size-preview i { display: block; border: 1px solid rgba(255,255,255,.13); border-radius: 3px; background: #34333c; }
.notification-button { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.035); color: #d8d2dc; transition: .2s ease; }
.notification-button:hover,.notification-button.active { border-color: rgba(239,71,111,.5); background: rgba(239,71,111,.1); color: white; }
.notification-button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.notification-button > span { position: absolute; top: -4px; right: -5px; min-width: 19px; height: 19px; display: grid; place-items: center; padding: 0 5px; border: 2px solid #09090b; border-radius: 999px; background: var(--accent); color: white; font: 800 9px/1 "Manrope"; }
.notification-button > span[hidden] { display: none; }
.header-presence { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(93,211,158,.24); border-radius: 999px; background: rgba(93,211,158,.07); color: #9a95a1; font-size: 11px; white-space: nowrap; }
.header-presence i,.footer-presence i,.admin-online-stat i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px rgba(93,211,158,.75); }
.header-presence b { color: white; font: 800 13px "Manrope"; }
.icon-button, .menu-button { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.035); cursor: pointer; }
.icon-button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.account-button { min-height: 42px; padding: 6px 17px 6px 7px; display: inline-flex; align-items: center; gap: 9px; border-radius: 999px; background: white; color: #111; font-size: 14px; font-weight: 700; }
.account-avatar { width: 30px; height: 30px; display: grid; place-items: center; overflow: hidden; flex: 0 0 30px; border-radius: 50%; background: linear-gradient(135deg, var(--accent-2), var(--accent)); color: white; font-size: 12px; font-weight: 800; }
.account-avatar img { width: 100%; height: 100%; object-fit: cover; }
.account-button > span:only-child { margin-left: 10px; }
.menu-button { display: none; }
.menu-button span { display: block; width: 17px; height: 2px; margin: 2px; border-radius: 2px; background: white; transition: transform .2s ease, opacity .2s ease; }
.menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.search-panel { position: absolute; top: calc(100% + 1px); left: 50%; width: min(680px, calc(100vw - 32px)); transform: translateX(-50%); padding: 18px; border: 1px solid var(--line); border-radius: 0 0 18px 18px; background: rgba(18,18,24,.98); box-shadow: var(--shadow); }
.search-panel label { display: block; margin-bottom: 9px; color: var(--muted); font-size: 13px; }
.search-panel div { display: flex; gap: 8px; }
.search-panel input { flex: 1; }

main { min-height: 70vh; }
.page-shell { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; padding: 42px 0 82px; }
.hero { min-height: 620px; margin-top: -76px; padding: 150px max(24px, calc((100vw - var(--max))/2)) 75px; display: flex; align-items: flex-end; position: relative; overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #09090b 2%, rgba(9,9,11,.8) 36%, rgba(9,9,11,.18) 74%), linear-gradient(0deg, #09090b 0%, transparent 45%), var(--hero-art); background-position: center, center, center; background-size: auto, auto, cover; background-repeat: no-repeat; }
.hero::after { content: ""; position: absolute; width: 48vw; aspect-ratio: 1; right: 4vw; top: 11%; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 25px, rgba(255,255,255,.045) 26px 27px), radial-gradient(circle at 55% 40%, var(--hero-color), transparent 58%); filter: blur(.2px); opacity: .75; }
.hero-content { position: relative; z-index: 2; width: min(650px, 100%); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #f4a4b8; font-size: 12px; font-weight: 800; letter-spacing: 1.7px; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 24px; height: 2px; background: currentColor; }
.hero h1 { max-width: 700px; margin: 15px 0 15px; font: 800 clamp(48px, 7vw, 96px)/.92 "Manrope", sans-serif; letter-spacing: -5px; }
.hero p { max-width: 580px; margin: 0 0 24px; color: #c9c4ce; font-size: 17px; }
.meta { display: flex; flex-wrap: wrap; gap: 8px 15px; align-items: center; margin-bottom: 25px; color: #d4ced8; font-size: 13px; }
.meta .rating { color: var(--warning); font-weight: 700; }
.tag { padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; }
.channel-tag { display: inline-flex; align-items: center; gap: 5px; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.channel-tag span { color: var(--pink-soft); font-size: 11px; }
.channel-tag:hover { border-color: rgba(239,71,111,.5); background: rgba(239,71,111,.09); color: white; }
.button-row { display: flex; flex-wrap: wrap; gap: 11px; }
.favorite-form { margin: 0; }
.favorite-button { border-color: rgba(255,255,255,.18); background: rgba(14,13,18,.62); box-shadow: none; backdrop-filter: blur(12px); }
.favorite-button > span { color: #ff87a4; font-size: 21px; line-height: 1; }
.favorite-button.active { border-color: rgba(239,71,111,.55); background: rgba(239,71,111,.18); }
.title-favorite-count { min-height: 42px; display: inline-flex; align-items: center; gap: 5px; padding: 0 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(14,13,18,.46); color: #aaa3ae; font-size: 11px; font-weight: 700; backdrop-filter: blur(12px); }
.title-favorite-count b { color: #ff91aa; font: 800 14px "Manrope"; }
.button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 19px; border: 1px solid transparent; border-radius: 999px; background: linear-gradient(135deg, var(--accent), #d83679); color: white; font-weight: 700; cursor: pointer; box-shadow: 0 10px 28px rgba(239,71,111,.22); }
.button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.button.secondary { background: rgba(255,255,255,.09); border-color: var(--line); box-shadow: none; backdrop-filter: blur(10px); }
.button.ghost { background: transparent; border-color: var(--line); box-shadow: none; }
.button.small { min-height: 38px; padding: 8px 14px; font-size: 13px; }
.button.danger { background: rgba(255,93,115,.12); color: #ff8797; border-color: rgba(255,93,115,.25); box-shadow: none; }
.title-share-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.play-symbol { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid currentColor; }

.content-stack { width: min(var(--max), calc(100% - 48px)); margin: -10px auto 0; padding-bottom: 80px; position: relative; z-index: 3; }
.section { margin-top: 54px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 18px; }
.section-heading h2, .page-heading h1 { margin: 0; font: 800 clamp(25px, 3.2vw, 38px)/1.1 "Manrope", sans-serif; letter-spacing: -1.5px; }
.section-heading p, .page-heading p { margin: 7px 0 0; color: var(--muted); }
.section-link { color: #d7d2dc; font-size: 13px; font-weight: 700; }
.account-invite { position: relative; display: grid; grid-template-columns: 110px minmax(0,1fr) auto; align-items: center; gap: 26px; margin-top: 42px; padding: 27px 30px; overflow: hidden; border: 1px solid rgba(239,71,111,.2); border-radius: 24px; background: radial-gradient(circle at 8% 50%,rgba(239,71,111,.18),transparent 20%),linear-gradient(120deg,rgba(29,20,29,.96),rgba(17,16,22,.94)); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.account-invite::after { content: ""; position: absolute; width: 260px; height: 260px; right: 8%; border: 1px solid rgba(255,255,255,.035); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.018),0 0 0 70px rgba(255,255,255,.012); pointer-events: none; }
.account-invite-art { position: relative; z-index: 1; width: 92px; height: 92px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 26px; background: linear-gradient(145deg,rgba(239,71,111,.25),rgba(155,93,229,.12)); transform: rotate(-4deg); }
.account-invite-art i { position: absolute; display: grid; place-items: center; border-radius: 50%; background: #1c1821; color: #ff9ab2; font-style: normal; font-weight: 800; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.account-invite-art i:first-child { width: 43px; height: 43px; font-size: 21px; }
.account-invite-art i:nth-child(2) { width: 27px; height: 27px; top: 8px; right: 8px; color: var(--success); font-size: 12px; }
.account-invite-art i:nth-child(3) { width: 25px; height: 25px; bottom: 8px; left: 8px; color: var(--warning); font-size: 12px; }
.account-invite-copy { position: relative; z-index: 1; min-width: 0; }
.account-invite-copy h2 { margin: 6px 0 7px; font: 800 clamp(24px,3vw,34px)/1.05 "Manrope"; letter-spacing: -1.4px; }
.account-invite-copy p { max-width: 720px; margin: 0; color: #aaa4af; font-size: 13px; }
.account-invite-features { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.account-invite-features span { padding: 5px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; background: rgba(255,255,255,.035); color: #c9c3cd; font-size: 10px; font-weight: 700; }
.account-invite-actions { position: relative; z-index: 1; display: flex; align-items: center; flex-direction: column; gap: 9px; white-space: nowrap; }
.account-invite-actions > a:last-child { color: #9c96a1; font-size: 10px; font-weight: 700; }
.cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; }
html[data-card-size="compact"] .cards { grid-template-columns: repeat(5,minmax(0,1fr)); }
html[data-card-size="standard"] .cards { grid-template-columns: repeat(4,minmax(0,1fr)); }
html[data-card-size="large"] .cards { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 21px; }
html[data-card-size="compact"] .card-watched-badge em,html[data-card-size="compact"] .card-unavailable-badge em { display: none; }
.media-card { min-width: 0; transition: transform .2s ease; }
.media-card:hover { transform: translateY(-5px); }
.media-card.quick-tags-open { position: relative; z-index: 155; transform: none; }
.media-card-visual { position: relative; }
.media-card-details { display: block; }
.card-favorite-form { position: absolute; z-index: 4; top: 10px; right: 10px; margin: 0; }
.card-favorite-button { position: absolute; z-index: 4; top: 10px; right: 10px; width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 11px; background: rgba(9,9,13,.78); color: white; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,.28); backdrop-filter: blur(10px); transition: transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease; }
.card-favorite-form .card-favorite-button { position: static; }
.card-favorite-button:hover { transform: translateY(-2px); border-color: rgba(239,71,111,.55); background: rgba(239,71,111,.2); }
.card-favorite-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.card-favorite-button.active { border-color: rgba(239,71,111,.55); background: rgba(239,71,111,.22); color: #ff8faa; }
.card-favorite-button.active svg { fill: currentColor; }
.card-watched-form { position: absolute; z-index: 4; top: 10px; right: 58px; margin: 0; }
.card-watched-button { position: absolute; z-index: 4; top: 10px; right: 58px; width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 11px; background: rgba(9,9,13,.78); color: white; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,.28); backdrop-filter: blur(10px); transition: transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease; }
.card-watched-form .card-watched-button { position: static; }
.card-watched-button:hover { transform: translateY(-2px); border-color: rgba(93,211,158,.52); background: rgba(93,211,158,.17); }
.card-watched-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.card-watched-button.active { border-color: rgba(93,211,158,.5); background: rgba(93,211,158,.2); color: #83e7b0; }
.card-watched-button.active svg circle { fill: rgba(93,211,158,.14); }
.card-quick-tags { position: absolute; z-index: 6; top: 10px; right: 106px; }
.card-quick-tags[open]::before { content: ""; position: fixed; z-index: 150; inset: 0; pointer-events: none; background: rgba(3,3,5,.56); backdrop-filter: blur(2px); }
.card-quick-tags summary { position: relative; z-index: 170; width: 38px; height: 38px; display: grid; place-items: center; padding: 0; list-style: none; border: 1px solid rgba(255,255,255,.18); border-radius: 11px; background: rgba(9,9,13,.86); color: white; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,.28); backdrop-filter: blur(10px); transition: .2s ease; }
.card-quick-tags summary::-webkit-details-marker { display: none; }
.card-quick-tags summary:hover,.card-quick-tags[open] summary { border-color: rgba(155,93,229,.65); background: rgba(92,48,145,.42); transform: translateY(-2px); }
.card-quick-tags[open] > summary { visibility: hidden; pointer-events: none; }
.card-quick-tags summary svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.card-quick-tag-panel { position: fixed; z-index: 160; top: 50%; left: 50%; width: min(860px,calc(100vw - 40px)); max-height: min(760px,calc(100vh - 54px)); display: grid; gap: 15px; overflow: auto; padding: 22px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: #121116; box-shadow: 0 32px 110px rgba(0,0,0,.86),0 0 0 1px rgba(239,71,111,.05); transform: translate(-50%,-50%); }
.card-quick-tag-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.card-quick-tag-head > span { min-width: 0; display: grid; gap: 2px; }
.card-quick-tag-head strong { color: white; font: 800 18px "Manrope"; }
.card-quick-tag-head small { overflow: hidden; color: #918a96; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.card-quick-tag-head button { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 31px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.055); color: #d8d2dc; cursor: pointer; font-size: 19px; }
.card-quick-tag-search { min-height: 43px; padding: 9px 12px; font-size: 13px; }
.card-quick-tag-groups { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 14px; }
.card-quick-tag-groups fieldset { display: grid; grid-template-columns: 1fr; align-content: start; gap: 5px; margin: 0; padding: 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(255,255,255,.018); }
.card-quick-tag-groups legend { margin-left: -3px; padding: 0 4px; color: #ff91aa; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; }
.card-quick-tag-groups label { min-width: 0; display: flex; align-items: flex-start; gap: 9px; padding: 8px; border-radius: 8px; color: #c0bac5; cursor: pointer; font-size: 12px; line-height: 1.35; }
.card-quick-tag-groups label:hover { background: rgba(255,255,255,.045); color: white; }
.card-quick-tag-groups label[hidden] { display: none; }
.card-quick-tag-groups input { width: 17px; height: 17px; flex: 0 0 17px; margin: 0; accent-color: var(--accent); }
.card-quick-tag-groups span { white-space: normal; }
.card-quick-tag-panel > .button { position: sticky; bottom: -22px; width: 100%; min-height: 44px; margin-top: 1px; font-size: 12px; box-shadow: 0 -15px 30px #121116; }
.card-watched-badge { position: absolute; z-index: 3; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border: 1px solid rgba(93,211,158,.35); border-radius: 999px; background: rgba(11,48,34,.88); color: #8ae9b5; font-size: 9px; font-weight: 800; letter-spacing: .45px; text-transform: uppercase; backdrop-filter: blur(9px); }
.card-watched-badge span { font-size: 11px; }
.card-watched-badge b,.card-unavailable-badge b { font: inherit; letter-spacing: .2px; }
.card-watched-badge em,.card-unavailable-badge em { font: inherit; font-style: normal; }
.card-unavailable-badge { position: absolute; z-index: 3; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border: 1px solid rgba(255,93,115,.36); border-radius: 999px; background: rgba(78,17,31,.9); color: #ff9aaa; font-size: 9px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; backdrop-filter: blur(9px); }
.card-unavailable-badge > span { width: 14px; height: 14px; display: inline-grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.11); font: 900 9px/1 "Manrope"; }
.poster { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 9px; background: var(--art); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.poster-image { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.poster::before { content: ""; position: absolute; z-index: 1; inset: 0; background: radial-gradient(circle at 72% 23%, rgba(255,255,255,.28), transparent 8%), repeating-radial-gradient(circle at 75% 20%, transparent 0 27px, rgba(255,255,255,.055) 28px 30px), linear-gradient(0deg, rgba(0,0,0,.7), transparent 60%); }
.poster::after { content: attr(data-monogram); position: absolute; z-index: 2; left: 14px; bottom: 13px; color: rgba(255,255,255,.9); font: 800 27px/1 "Manrope"; letter-spacing: -2px; }
.poster:has(.poster-image)::before { background: linear-gradient(0deg, rgba(0,0,0,.45), transparent 58%); }
.poster:has(.poster-image)::after { display: none; }
.poster.is-portrait-thumbnail { background: #0d0c11; }
.poster.is-portrait-thumbnail::before {
  z-index: 0;
  inset: -18px;
  background-image: linear-gradient(rgba(9,8,12,.38),rgba(9,8,12,.62)),var(--portrait-thumbnail);
  background-position: center;
  background-size: cover;
  filter: blur(14px) saturate(.82);
  transform: scale(1.1);
}
.poster.is-portrait-thumbnail .poster-image { z-index: 1; object-fit: contain; object-position: center; filter: drop-shadow(0 8px 22px rgba(0,0,0,.48)); }
.poster-badge { position: absolute; z-index: 2; left: 10px; top: 10px; padding: 5px 8px; border-radius: 7px; background: rgba(10,10,14,.8); backdrop-filter: blur(8px); font-size: 10px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.episode-card.unavailable { opacity: 1; }
.episode-card.unavailable .poster { opacity: .72; }
.episode-card.unavailable .poster-image { filter: grayscale(.55) brightness(.55); }
.episode-card.unavailable h3 { color: #bdb7c2; }
.episode-card.unavailable .card-meta { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.unavailable-badge { color: #ffd0d8; border: 1px solid rgba(255,93,115,.3); background: rgba(102,20,41,.88); }
.unavailable-source-link { width: fit-content; min-height: 28px; display: inline-flex; align-items: center; gap: 6px; margin: 9px 2px 0; padding: 5px 9px; border: 1px solid rgba(255,93,115,.26); border-radius: 999px; background: rgba(255,93,115,.08); color: #d8d2dc; font-size: 10px; font-weight: 800; transition: border-color .2s ease,background .2s ease,color .2s ease; }
.unavailable-source-link span { min-width: 20px; height: 16px; display: inline-grid; place-items: center; border-radius: 4px; background: #e50914; color: white; font: 800 8px/1 "Manrope"; }
.unavailable-source-link:hover { border-color: rgba(255,93,115,.55); background: rgba(255,93,115,.15); color: white; }
.progress-track { position: absolute; z-index: 3; left: 10px; right: 10px; bottom: 9px; height: 3px; border-radius: 4px; background: rgba(255,255,255,.25); overflow: hidden; }
.progress-track i { display: block; height: 100%; background: var(--accent); }
.media-card h3 { margin: 11px 2px 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; }
.card-meta { margin: 0 2px; color: var(--muted); font-size: 12px; }
.source-chips { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 2px 0; }
.publication-dates { display: flex; flex-wrap: wrap; gap: 5px 10px; margin: 7px 2px 0; }
.publication-date { min-width: 0; display: inline-grid; grid-template-columns: auto auto; align-items: baseline; gap: 3px 6px; color: #aaa4ae; font-size: 9px; line-height: 1.25; }
.publication-date b { color: #d6d0da; font: 800 9px "Manrope"; letter-spacing: .35px; text-transform: uppercase; }
.publication-date span { color: #aaa4ae; white-space: nowrap; }
.publication-date small { grid-column: 1 / -1; color: #716b76; font-size: 8px; }
.publication-date.reupload b { color: #ff8fb0; }
.source-chip { min-height: 23px; display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.035); color: #bab4bf; font-size: 9px; font-weight: 700; white-space: nowrap; }
.source-chip i { min-width: 17px; height: 15px; display: inline-grid; place-items: center; border-radius: 4px; color: white; font: 800 8px/1 "Manrope"; font-style: normal; }
.source-chip em { color: #89838f; font-style: normal; font-weight: 500; }
.source-chip.youtube i { background: #e50914; }
.card-tag-chips { display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 2px 0; }
.card-tag-chips span { max-width: 100%; min-height: 21px; display: inline-flex; align-items: center; overflow: hidden; padding: 3px 7px; border: 1px solid rgba(155,93,229,.24); border-radius: 999px; background: rgba(155,93,229,.08); color: #bfb1cf; font-size: 9px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.card-tag-chips .card-tag-more { border-color: var(--line); background: rgba(255,255,255,.025); color: #77717d; }
.detail-tag-chips { max-width: 800px; display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0 2px; }
.detail-tag-chips a { min-height: 27px; display: inline-flex; align-items: center; padding: 5px 10px; border: 1px solid rgba(155,93,229,.32); border-radius: 999px; background: rgba(28,19,39,.72); color: #d5c4e5; font-size: 10px; font-weight: 800; backdrop-filter: blur(8px); transition: .2s ease; }
.detail-tag-chips a:hover { border-color: rgba(239,71,111,.58); background: rgba(239,71,111,.18); color: white; }
.detail-tag-chips a.tag-group-setting { border-color: rgba(74,163,255,.35); background: rgba(19,39,59,.72); color: #b8d8f2; }
.detail-tag-chips a.tag-group-theme { border-color: rgba(239,71,111,.35); background: rgba(55,20,32,.72); color: #efbdc9; }
.detail-source-chips { max-width: 900px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 12px 0 0; }
.detail-source-chips > small { margin-right: 2px; color: #aaa3ae; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; }
.detail-source-chips .source-chip { min-height: 27px; padding: 5px 9px; background: rgba(12,12,16,.7); color: #ded8e2; font-size: 10px; backdrop-filter: blur(8px); }
.detail-source-chips .source-chip em { color: #aaa3ae; }
.detail-copy > .button-row { gap: 14px; margin-top: 20px; }
.source-chip.rumble i { background: #69b934; }
.source-chip.local i { background: #8e3fd0; }
.episode-cards { grid-template-columns: repeat(4, minmax(0,1fr)); }
.episode-card { position: relative; }
.episode-card .poster { aspect-ratio: 16/9; }
.episode-card .poster::after { font-size: 24px; }
.episode-card-watched-form { position: absolute; z-index: 4; top: 10px; right: 10px; margin: 0; }
.episode-card-watched-form .card-watched-button { position: static; }
.episode-card > .card-watched-button { top: 10px; right: 10px; }
.watch-status-panel { scroll-margin-top: 98px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; border: 1px solid rgba(93,211,158,.2); border-radius: 18px; background: linear-gradient(115deg,rgba(93,211,158,.09),rgba(255,255,255,.025)); }
.watch-status-panel h2 { margin: 5px 0 2px; font: 800 22px "Manrope"; }
.watch-status-panel p { margin: 0; color: var(--muted); font-size: 12px; }
.watch-status-panel form,.watch-page-status form { margin: 0; }
.watched-button { white-space: nowrap; }
.watched-button span { margin-right: 5px; }
.watched-button.active { border-color: rgba(93,211,158,.42); background: rgba(93,211,158,.14); color: #83e7b0; }
.watch-page-status { margin-bottom: -18px; padding: 26px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.watch-page-status > div { display: flex; align-items: center; gap: 11px; }
.watch-page-status strong { color: #d8d2dc; font: 700 13px "Manrope"; }
.watch-series-return { padding: 20px 0 0; }
.watch-series-return + .page-shell { padding-top: 18px; }
.watch-series-return a { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 11px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); color: var(--muted); transition: border-color .2s,background .2s,color .2s; }
.watch-series-return a:hover { border-color: rgba(239,39,100,.55); background: #17151d; color: white; }
.watch-series-return a > span:first-child { color: var(--accent); font-size: 20px; }
.watch-series-return a > span:last-child { min-width: 0; }
.watch-series-return small,.watch-series-return strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.watch-series-return small { font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.watch-series-return strong { max-width: min(68vw,620px); margin-top: 2px; color: white; font: 700 12px "Manrope"; }

.activity-section { padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg,rgba(24,22,29,.8),rgba(13,13,17,.72)); box-shadow: 0 24px 70px rgba(0,0,0,.16); }
.activity-heading-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.activity-live { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(93,211,158,.2); border-radius: 999px; background: rgba(93,211,158,.06); color: #a9a3ad; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .75px; white-space: nowrap; }
.activity-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px rgba(93,211,158,.7); }
.activity-telegram { min-height: 31px; display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px 5px 6px; border: 1px solid rgba(48,166,221,.28); border-radius: 999px; background: rgba(48,166,221,.09); color: #bde8ff; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .55px; white-space: nowrap; transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.activity-telegram i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #269ed3; color: white; font: 800 7px/1 "Manrope"; font-style: normal; }
.activity-telegram b { color: #7bcdf2; font-size: 13px; }
.activity-telegram:hover { transform: translateY(-1px); border-color: rgba(74,190,241,.55); background: rgba(48,166,221,.16); color: white; }
.activity-list { display: grid; gap: 8px; }
.activity-item { position: relative; min-width: 0; display: grid; grid-template-columns: 74px minmax(0,1fr) 18px; align-items: center; gap: 14px; padding: 14px 16px; overflow: visible; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: rgba(255,255,255,.025); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.activity-item::before { content: ""; position: absolute; inset: 10px auto 10px 0; width: 2px; border-radius: 0 3px 3px 0; background: var(--success); opacity: .65; }
.activity-item:hover { z-index: 4; transform: translateX(3px); border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.045); }
.activity-icon { position: relative; z-index: 1; width: 72px; height: 42px; display: grid; place-items: center; overflow: visible; border: 1px solid rgba(93,211,158,.16); border-radius: 10px; background: rgba(93,211,158,.09); color: var(--success); font: 800 19px "Manrope"; }
.activity-icon img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: inherit; transition: transform .2s ease,box-shadow .2s ease; }
@media (hover:hover) and (pointer:fine) {
  .activity-icon:has(img):hover { z-index: 5; }
  .activity-icon img:hover { transform: scale(3); transform-origin: left center; box-shadow: 0 16px 48px rgba(0,0,0,.65); }
}
.activity-item.unavailable .activity-icon { background: rgba(255,93,115,.12); color: var(--danger); }
.activity-item.restored .activity-icon { background: rgba(125,194,255,.12); color: #7dc2ff; }
.activity-item.unavailable::before { background: var(--danger); }
.activity-item.restored::before { background: #7dc2ff; }
.activity-copy { min-width: 0; display: flex; flex-direction: column; }
.activity-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 3px; }
.activity-channel,.activity-kind { display: inline-flex; align-items: center; min-height: 20px; padding: 2px 7px; border-radius: 999px; font-size: 9px; font-weight: 800; line-height: 1; text-transform: uppercase; letter-spacing: .5px; }
.activity-channel { border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.04); color: #bcb6c1; }
.activity-kind { background: rgba(93,211,158,.1); color: #79e5b3; }
.activity-item.unavailable .activity-kind { background: rgba(255,93,115,.1); color: #ff8797; }
.activity-item.restored .activity-kind { background: rgba(125,194,255,.1); color: #94ceff; }
.activity-item.reupload .activity-kind { background: rgba(239,71,111,.12); color: #ff91b0; }

html.onboarding-open { overflow: hidden; }
.onboarding-tour { position: fixed; z-index: 10000; inset: 0; pointer-events: none; }
.onboarding-curtain { position: fixed; z-index: 10000; background: rgba(5,5,8,.7); backdrop-filter: blur(5px); pointer-events: auto; }
.onboarding-focus { position: fixed; z-index: 10001; border: 2px solid rgba(255,76,126,.95); border-radius: 16px; pointer-events: auto; box-shadow: 0 0 0 4px rgba(255,76,126,.16),0 0 42px rgba(255,41,103,.38); animation: onboarding-pulse 1.8s ease-in-out infinite; }
.onboarding-popover { position: fixed; z-index: 10002; width: min(390px,calc(100vw - 24px)); padding: 24px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: linear-gradient(145deg,rgba(30,27,35,.98),rgba(14,14,19,.99)); color: white; pointer-events: auto; box-shadow: 0 24px 80px rgba(0,0,0,.58); }
.onboarding-popover::before { content:""; position: absolute; left: var(--onboarding-arrow-x,50%); width: 14px; height: 14px; background: #1d1a22; border: solid rgba(255,255,255,.14); transform: translateX(-50%) rotate(45deg); }
.onboarding-popover[data-placement="bottom"]::before { top: -8px; border-width: 1px 0 0 1px; }
.onboarding-popover[data-placement="top"]::before { bottom: -8px; border-width: 0 1px 1px 0; }
.onboarding-popover[data-placement="center"]::before { display: none; }
.onboarding-kicker { display: flex; align-items: center; gap: 8px; color: #ff84a8; font: 800 10px "Manrope"; letter-spacing: .9px; text-transform: uppercase; }
.onboarding-kicker b { color: #8e8994; font-weight: 700; }
.onboarding-popover h2 { margin: 8px 0 7px; font: 800 clamp(22px,4vw,28px)/1.15 "Manrope"; letter-spacing: -.7px; }
.onboarding-popover p { margin: 0; color: #bbb5c0; font-size: 14px; line-height: 1.6; }
.onboarding-skip { position: absolute; top: 17px; right: 18px; padding: 4px; border: 0; background: transparent; color: #918b96; font: 700 11px "DM Sans"; cursor: pointer; }
.onboarding-skip:hover { color: white; }
.onboarding-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 21px; }
.onboarding-footer > div { display: flex; gap: 8px; }
.onboarding-back,.onboarding-next { min-height: 38px; padding: 8px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(255,255,255,.05); color: #d4ced8; font: 800 12px "Manrope"; cursor: pointer; }
.onboarding-next { min-width: 78px; border-color: transparent; background: linear-gradient(120deg,#ec0a4f,#df3979); color: white; box-shadow: 0 10px 28px rgba(236,10,79,.22); }
.onboarding-back:hover { background: rgba(255,255,255,.1); color: white; }
.onboarding-next:hover { filter: brightness(1.08); }
.onboarding-dots { display: flex; gap: 5px; }
.onboarding-dots i { width: 6px; height: 6px; border-radius: 999px; background: #55515b; transition: width .2s ease,background .2s ease; }
.onboarding-dots i.active { width: 18px; background: #ef4777; }
.app-onboarding-icon { width:54px; height:54px; display:grid; place-items:center; margin:0 0 14px; border:1px solid rgba(255,98,142,.42); border-radius:17px; background:linear-gradient(145deg,rgba(236,10,79,.3),rgba(95,44,124,.28)); color:#fff; font:800 21px/1 Manrope,sans-serif; box-shadow:0 14px 34px rgba(223,35,99,.2); }
.app-onboarding-tour .onboarding-focus { border-radius:20px; }
.app-onboarding-tour .onboarding-popover { padding-top:22px; }
@media (max-width:700px) {
  .app-onboarding-tour .onboarding-popover { width:calc(100vw - 20px); padding:20px; border-radius:18px; }
  .app-onboarding-tour .onboarding-popover h2 { padding-right:34px; font-size:23px; }
  .app-onboarding-tour .onboarding-popover p { font-size:13px; line-height:1.5; }
  .app-onboarding-tour .onboarding-footer { margin-top:18px; }
  .app-onboarding-icon { width:48px; height:48px; margin-bottom:12px; border-radius:15px; font-size:18px; }
}
.card-size-menu.onboarding-card-size-menu { position: fixed; z-index: 10003; right: auto; pointer-events: auto; }
.onboarding-activity-preview { margin-bottom: 24px; }
.onboarding-activity-loading { min-height: 74px; display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid rgba(255,255,255,.06); border-radius: 13px; background: rgba(255,255,255,.025); }
.onboarding-activity-loading > span { width: 64px; height: 42px; flex: 0 0 64px; border-radius: 9px; background: linear-gradient(100deg,#2a252e 20%,#3a323e 45%,#2a252e 70%); background-size: 220% 100%; animation: onboarding-loading 1.4s linear infinite; }
.onboarding-activity-loading div { display: grid; gap: 4px; }
.onboarding-activity-loading b { color: #ddd7e0; font: 700 13px "Manrope"; }
.onboarding-activity-loading small { color: #77717e; font-size: 11px; }
@keyframes onboarding-pulse { 50% { box-shadow: 0 0 0 7px rgba(255,76,126,.08),0 0 48px rgba(255,41,103,.48); } }
@keyframes onboarding-loading { to { background-position: -220% 0; } }
.browser-notification-panel { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.browser-notification-copy { min-width: 0; }
.browser-notification-copy > .eyebrow { display: block; margin-bottom: 5px; color: #79b7ff; }
.browser-notification-panel h2 { margin-bottom: 7px; }
.browser-notification-panel p { margin: 0 0 7px; color: var(--muted); }
.browser-notification-panel [data-browser-notification-status] { display: block; color: #85808a; font-size: 11px; line-height: 1.5; }
.browser-notification-panel [data-browser-notification-status] + a { display: inline-flex; margin-top: 9px; color: #b9b2bd; font-size: 11px; font-weight: 700; text-decoration: none; }
.browser-notification-panel [data-browser-notification-status] + a:hover { color: white; }
.browser-notification-panel .button { flex: 0 0 auto; }
.ios-notification-prompt { position: fixed; z-index: 495; right: 14px; bottom: calc(76px + env(safe-area-inset-bottom)); width: min(430px,calc(100vw - 28px)); display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 12px 14px; padding: 17px; border: 1px solid rgba(105,169,255,.32); border-radius: 19px; background: rgba(21,20,27,.97); box-shadow: 0 22px 65px rgba(0,0,0,.58); opacity: 0; color: white; transform: translateY(16px) scale(.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: opacity .2s ease,transform .2s ease; }
.ios-notification-prompt.show { opacity: 1; transform: none; }
.ios-notification-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(145deg,rgba(105,169,255,.2),rgba(239,71,111,.16)); font-size: 22px; }
.ios-notification-prompt > div:nth-child(2) { min-width: 0; }
.ios-notification-prompt small { display: block; margin-bottom: 2px; color: #8ec5ff; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ios-notification-prompt strong { display: block; font: 800 16px "Manrope"; }
.ios-notification-prompt p { margin: 4px 0 0; color: #aaa4af; font-size: 11px; line-height: 1.4; }
.ios-notification-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
.ios-notification-actions .text-button { color: #aaa4af; }
@media (max-width:600px) {
  .browser-notification-panel { align-items: stretch; flex-direction: column; }
  .browser-notification-panel .button { width: 100%; }
}
.catalog-alert-stack { position: fixed; z-index: 8000; right: 18px; bottom: 18px; width: min(390px,calc(100vw - 24px)); max-height: calc(100vh - 36px); display: flex; flex-direction: column; gap: 9px; overflow-x: hidden; overflow-y: auto; padding: 1px; pointer-events: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent; }
.catalog-live-alert { position: relative; overflow: hidden; opacity: 0; transform: translateY(14px) scale(.98); border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(20,19,25,.96); box-shadow: 0 18px 58px rgba(0,0,0,.48); backdrop-filter: blur(18px); pointer-events: auto; transition: opacity .22s ease,transform .22s ease; }
.catalog-live-alert.show { opacity: 1; transform: none; }
.catalog-live-alert::before { content:""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--success); }
.catalog-live-alert.unavailable::before { background: var(--danger); }
.catalog-live-alert.restored::before { background: #7dc2ff; }
.catalog-live-alert > a { min-width: 0; display: grid; grid-template-columns: 86px minmax(0,1fr); align-items: stretch; color: inherit; }
.catalog-live-alert img,.catalog-live-alert-art { width: 86px; min-height: 82px; display: grid; place-items: center; object-fit: cover; background: rgba(255,255,255,.05); color: var(--success); font: 800 22px "Manrope"; }
.catalog-live-alert.unavailable .catalog-live-alert-art { color: var(--danger); }
.catalog-live-alert-copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 13px 42px 13px 13px; }
.catalog-live-alert-copy small { margin-bottom: 4px; color: #8d8792; font-size: 9px; font-weight: 800; letter-spacing: .45px; text-transform: uppercase; }
.catalog-live-alert-copy strong { overflow: hidden; color: white; font: 800 13px/1.3 "Manrope"; text-overflow: ellipsis; white-space: nowrap; }
.catalog-live-alert-copy > span { display: -webkit-box; margin-top: 3px; overflow: hidden; color: #aaa4af; font-size: 11px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.catalog-live-alert-close { position: absolute; z-index: 2; top: 8px; right: 8px; width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: rgba(8,8,11,.58); color: #aaa4ae; font: 400 20px/1 sans-serif; cursor: pointer; }
.catalog-live-alert-close:hover { border-color: rgba(255,255,255,.22); color: white; }
html.catalog-alert-dialog-open { overflow: hidden; }
.catalog-alert-dialog { position: fixed; z-index: 11000; inset: 0; display: grid; place-items: center; padding: 24px; opacity: 0; background: rgba(5,5,8,.82); backdrop-filter: blur(12px); transition: opacity .2s ease; }
.catalog-alert-dialog.show { opacity: 1; }
.catalog-alert-dialog-panel { position: relative; width: min(860px,100%); max-height: min(680px,calc(100vh - 48px)); display: grid; grid-template-columns: minmax(260px,42%) minmax(0,1fr); overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: linear-gradient(145deg,rgba(31,28,36,.99),rgba(13,13,18,.99)); box-shadow: 0 35px 110px rgba(0,0,0,.72); transform: translateY(16px) scale(.975); transition: transform .22s ease; }
.catalog-alert-dialog.show .catalog-alert-dialog-panel { transform: none; }
.catalog-alert-dialog-panel::before { content:""; position: absolute; z-index: 2; inset: 0 auto 0 0; width: 4px; background: var(--success); }
.catalog-alert-dialog.unavailable .catalog-alert-dialog-panel::before { background: var(--danger); }
.catalog-alert-dialog.restored .catalog-alert-dialog-panel::before { background: #7dc2ff; }
.catalog-alert-dialog-visual { position: relative; min-height: 390px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 25%,rgba(239,71,111,.2),rgba(255,255,255,.025)); color: var(--success); font: 800 58px "Manrope"; }
.catalog-alert-dialog.unavailable .catalog-alert-dialog-visual { color: var(--danger); }
.catalog-alert-dialog-visual img { grid-area: 1/1; width: 100%; height: 100%; }
.catalog-alert-dialog-backdrop { position: absolute; inset: -24px; width: calc(100% + 48px) !important; height: calc(100% + 48px) !important; object-fit: cover; opacity: .42; filter: blur(22px) saturate(.8) brightness(.6); transform: scale(1.08); }
.catalog-alert-dialog-image { position: relative; z-index: 1; object-fit: contain; filter: drop-shadow(0 12px 30px rgba(0,0,0,.4)); }
.catalog-alert-dialog-body { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: clamp(30px,5vw,58px); }
.catalog-alert-dialog-body small { color: #ff8aaa; font: 800 10px "Manrope"; letter-spacing: .8px; text-transform: uppercase; }
.catalog-alert-dialog-body h2 { margin: 11px 0 12px; color: white; font: 800 clamp(25px,4vw,38px)/1.12 "Manrope"; letter-spacing: -1px; }
.catalog-alert-dialog-body p { margin: 0; color: #b7b0bc; font-size: 14px; line-height: 1.65; }
.catalog-alert-dialog-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.catalog-alert-dialog-close { position: absolute; z-index: 3; top: 14px; right: 14px; width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(8,8,11,.72); color: #bdb6c1; font: 400 23px/1 sans-serif; cursor: pointer; backdrop-filter: blur(8px); }
.catalog-alert-dialog-close:hover { border-color: rgba(255,255,255,.28); color: white; }
@media (max-width:600px) {
  .catalog-alert-stack { right: 12px; bottom: 12px; }
  .catalog-live-alert > a { grid-template-columns: 72px minmax(0,1fr); }
  .catalog-live-alert img,.catalog-live-alert-art { width: 72px; min-height: 76px; }
  .catalog-alert-dialog { padding: 12px; }
  .catalog-alert-dialog-panel { max-height: calc(100vh - 24px); grid-template-columns: 1fr; overflow-y: auto; border-radius: 20px; }
  .catalog-alert-dialog-visual { min-height: 210px; max-height: 38vh; }
  .catalog-alert-dialog-body { padding: 26px 22px 24px; }
  .catalog-alert-dialog-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: 22px; }
}
.activity-time { margin-left: auto; color: #77717d; font-size: 10px; font-weight: 600; white-space: nowrap; }
.activity-copy strong { overflow: hidden; color: #f5f1f7; font: 800 14px "Manrope"; text-overflow: ellipsis; white-space: nowrap; }
.activity-copy p { margin: 2px 0 0; overflow: hidden; color: var(--muted); font-size: 12px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.activity-arrow { color: #615c66; font: 500 24px/1 "Manrope"; transition: color .2s ease, transform .2s ease; }
.activity-item:hover .activity-arrow { color: #eee9f1; transform: translateX(2px); }
.activity-pagination { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.075); }
.activity-pagination-summary { color: #7f7985; font-size: 11px; white-space: nowrap; }
.activity-pagination-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; }
.activity-page-link { min-width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(255,255,255,.025); color: #aaa4af; font-size: 11px; font-weight: 700; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.activity-page-link:hover { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: white; }
.activity-page-link.active { border-color: rgba(239,71,111,.45); background: rgba(239,71,111,.14); color: white; }
.activity-page-direction { padding-inline: 13px; }
.activity-page-gap { padding: 0 3px; color: #615c66; }

.page-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 28px; }
.browse-heading { margin-bottom: 22px; }
.browse-heading h1 { font-size: clamp(42px,6vw,76px); letter-spacing: -3.5px; }
.catalog-search { width: min(330px,100%); }
.catalog-filter-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 22px; margin-bottom: 27px; }
.catalog-view-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.catalog-view-tabs a { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 16px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); color: #aaa4af; font-size: 12px; font-weight: 700; transition: .2s ease; }
.catalog-view-tabs a:hover { border-color: rgba(255,255,255,.2); color: white; }
.catalog-view-tabs a.active { border-color: rgba(239,71,111,.55); background: rgba(239,71,111,.13); color: white; }
.catalog-view-tabs a.unavailable-filter.active { border-color: rgba(255,93,115,.5); background: rgba(255,93,115,.12); color: #ff9aaa; }
.catalog-tab-icon { width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.catalog-view-tabs small { color: #756f7a; font-size: 8px; text-transform: uppercase; letter-spacing: .5px; }
.catalog-tag-filter { position: relative; z-index: 15; }
.catalog-tag-filter summary { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; list-style: none; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); color: #aaa4af; cursor: pointer; font-size: 12px; font-weight: 700; transition: .2s ease; }
.catalog-tag-filter summary::-webkit-details-marker { display: none; }
.catalog-tag-filter summary:hover,.catalog-tag-filter[open] summary,.catalog-tag-filter[data-has-selection] summary { border-color: rgba(239,71,111,.45); background: rgba(239,71,111,.1); color: white; }
.catalog-tag-filter summary b { min-width: 19px; height: 19px; display: inline-grid; place-items: center; padding: 0 5px; border-radius: 99px; background: var(--accent); color: white; font-size: 10px; }
.catalog-tag-panel { position: absolute; top: calc(100% + 10px); right: 0; width: min(720px,calc(100vw - 40px)); max-height: min(650px,calc(100vh - 150px)); overflow: auto; padding: 20px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: rgba(16,15,20,.98); box-shadow: 0 24px 80px rgba(0,0,0,.62); backdrop-filter: blur(18px); }
.catalog-tag-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.catalog-tag-panel-head div { display: grid; gap: 3px; }
.catalog-tag-panel-head strong { color: white; font: 800 17px "Manrope"; }
.catalog-tag-panel-head span { color: var(--muted); font-size: 11px; }
.catalog-tag-panel-head a,.catalog-tag-actions > a { color: #ff90aa; font-size: 11px; font-weight: 700; white-space: nowrap; }
.catalog-tag-panel-controls { display: flex; align-items: center; gap: 10px; }
.catalog-tag-panel-controls button { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.035); color: #c7c1cb; cursor: pointer; font-size: 18px; line-height: 1; }
.catalog-tag-panel-controls button:hover { border-color: rgba(255,255,255,.2); color: white; }
.catalog-tag-groups { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; padding: 18px 0; }
.catalog-tag-groups fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.catalog-tag-groups legend { margin-bottom: 9px; color: #f4eff6; font: 800 11px "Manrope"; text-transform: uppercase; letter-spacing: .7px; }
.catalog-tag-options { display: grid; gap: 5px; }
.catalog-tag-options label { min-width: 0; display: grid; grid-template-columns: 17px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; color: #aaa4af; cursor: pointer; font-size: 11px; transition: .15s ease; }
.catalog-tag-options label:hover { background: rgba(255,255,255,.045); color: white; }
.catalog-tag-options input { width: 15px; min-width: 15px; height: 15px; margin: 0; padding: 0; border-radius: 4px; accent-color: var(--accent); box-shadow: none; }
.catalog-tag-options span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-tag-options small { color: #69636e; font-size: 9px; }
.catalog-tag-actions { position: sticky; bottom: -20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 0 -20px -20px; padding: 14px 20px; border-top: 1px solid var(--line); background: rgba(16,15,20,.98); }
.catalog-selected-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: -14px 0 25px; }
.catalog-selected-tags a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 8px 6px 11px; border: 1px solid rgba(239,71,111,.28); border-radius: 999px; background: rgba(239,71,111,.08); color: #e5dde8; font-size: 10px; font-weight: 700; }
.catalog-selected-tags a:hover { border-color: rgba(239,71,111,.55); background: rgba(239,71,111,.15); color: white; }
.catalog-selected-tags b { color: #ff86a2; font-size: 15px; line-height: 1; }
.catalog-cards { scroll-margin-top: 100px; }
.filters { display: flex; gap: 8px; flex-wrap: wrap; }
.filter-chip { padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; font-size: 13px; }
.filter-chip.active { background: white; color: #111; border-color: white; }
.empty-state { padding: 70px 24px; text-align: center; border: 1px dashed var(--line); border-radius: var(--radius); background: rgba(255,255,255,.02); }
.empty-state strong { display: block; font: 800 25px "Manrope"; }
.empty-state p { color: var(--muted); }
.empty-state .button { margin-top: 10px; }

.notifications-page { max-width: 1050px; }
.notification-settings { margin-bottom: 24px; overflow: hidden; border: 1px solid rgba(239,71,111,.24); border-radius: 20px; background: linear-gradient(135deg,rgba(239,71,111,.08),rgba(18,18,23,.88) 48%); }
.notification-settings details > summary { list-style: none; }
.notification-settings details > summary::-webkit-details-marker { display: none; }
.notification-settings-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 24px; cursor: pointer; user-select: none; }
.notification-settings-heading h2 { margin: 3px 0 4px; font: 800 23px "Manrope"; }
.notification-settings-heading p { margin: 0; color: var(--muted); font-size: 13px; }
.notification-settings-toggle { display: flex; align-items: center; gap: 10px; color: #f7f4fa; font-size: 12px; }
.notification-settings-toggle i { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-style: normal; font-size: 20px; transition: transform .2s ease; }
.notification-settings details[open] .notification-settings-toggle i { transform: rotate(180deg); }
.notification-settings-expanded { padding: 18px 24px 24px; border-top: 1px solid var(--line); }
.notification-settings-expanded > p { margin: 0 0 15px; color: var(--muted); font-size: 13px; }
.notification-setting-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.notification-setting-options label { min-width: 0; display: flex; align-items: flex-start; gap: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: rgba(8,8,11,.48); cursor: pointer; transition: border-color .2s ease,background .2s ease; }
.notification-setting-options label:has(input:checked) { border-color: rgba(239,71,111,.48); background: rgba(239,71,111,.08); }
.notification-setting-options input { width: 18px; height: 18px; min-width: 18px; margin: 2px 0 0; accent-color: var(--accent); }
.notification-setting-options span { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.notification-setting-options b { color: #f7f4fa; font: 750 13px/1.3 "Manrope"; }
.notification-setting-options small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.notification-settings-actions { display: flex; justify-content: flex-end; margin-top: 16px; }
.notifications-list { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(18,18,23,.7); }
.notification-item { position: relative; min-width: 0; display: grid; grid-template-columns: 104px minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 16px; border-bottom: 1px solid var(--line); transition: background .2s ease; }
.notification-item:last-child { border-bottom: 0; }
.notification-item:hover { background: rgba(255,255,255,.035); }
.notification-item.unread { background: linear-gradient(90deg,rgba(239,71,111,.1),transparent 58%); }
.notification-item img,.notification-art { width: 104px; aspect-ratio: 16/9; border-radius: 9px; object-fit: cover; }
.notification-art { display: grid; place-items: center; background: linear-gradient(145deg,#55203a,#17151d); color: rgba(255,255,255,.7); font: 800 14px "Manrope"; }
.notification-copy { min-width: 0; display: flex; flex-direction: column; }
.notification-copy small { margin-bottom: 3px; color: #8f8996; font-size: 10px; text-transform: uppercase; letter-spacing: .5px; }
.notification-copy strong { overflow: hidden; color: #f7f4fa; font: 800 16px "Manrope"; text-overflow: ellipsis; white-space: nowrap; }
.notification-copy > span { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.notification-item > i { width: 9px; height: 9px; margin: 0 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 14px rgba(239,71,111,.6); }
.notification-preview-open { overflow: hidden; }
.notification-preview-modal { position: fixed; z-index: 2300; inset: 0; display: grid; place-items: center; padding: 24px; overflow: auto; background: rgba(4,4,7,.82); backdrop-filter: blur(14px); }
.notification-preview-modal[hidden] { display: none; }
.notification-preview-card { position: relative; width: min(920px,100%); max-height: min(680px,calc(100dvh - 48px)); display: grid; grid-template-columns: minmax(300px,.92fr) minmax(0,1.08fr); overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: #121117; box-shadow: 0 32px 100px rgba(0,0,0,.65); }
.notification-preview-media { position: relative; min-height: 460px; display: grid; place-items: center; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 50% 40%,#342130,#0a090d 72%); }
.notification-preview-media::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(10,9,13,.05),rgba(10,9,13,.32)); }
.notification-preview-media .notification-preview-backdrop { position: absolute; z-index: -2; inset: -22px; width: calc(100% + 44px); height: calc(100% + 44px); object-fit: cover; filter: blur(18px) brightness(.48) saturate(.85); transform: scale(1.08); }
.notification-preview-media .notification-preview-image { position: relative; z-index: 1; width: calc(100% - 30px); height: calc(100% - 30px); max-height: min(650px,calc(100dvh - 78px)); display: block; object-fit: contain; filter: drop-shadow(0 15px 30px rgba(0,0,0,.4)); }
.notification-preview-media > span { display: grid; width: 132px; aspect-ratio: 1; place-items: center; border: 1px solid rgba(239,71,111,.42); border-radius: 34px; color: #f5c3d0; background: rgba(239,71,111,.12); font: 800 24px "Manrope"; }
.notification-preview-media > [hidden] { display: none; }
.notification-preview-content { min-width: 0; align-self: center; padding: 64px 42px 42px; }
.notification-preview-content .eyebrow { color: #ff89a8; }
.notification-preview-content h2 { margin: 12px 0 15px; color: #fff; font: 800 clamp(28px,3.2vw,43px)/1.08 "Manrope"; letter-spacing: -1.5px; overflow-wrap: anywhere; }
.notification-preview-content > p { margin: 0; color: #bbb5c0; font-size: 15px; line-height: 1.7; white-space: pre-line; }
.notification-preview-content > time { display: block; margin-top: 18px; color: #85808b; font-size: 12px; }
.notification-preview-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 29px; }
.notification-preview-x { position: absolute; z-index: 2; top: 16px; right: 16px; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; color: #d4ced8; background: rgba(8,8,11,.86); font-size: 25px; line-height: 1; cursor: pointer; }
.notification-preview-x:hover { color: #fff; border-color: rgba(255,255,255,.34); }

.detail-hero { position: relative; min-height: 510px; margin-top: -76px; padding: 155px max(24px, calc((100vw - var(--max))/2)) 64px; display: flex; align-items: flex-end; overflow: hidden; }
.detail-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #09090b 5%, rgba(9,9,11,.76) 48%, rgba(9,9,11,.2)), linear-gradient(0deg, #09090b, transparent 55%), var(--hero-art); background-position: center, center, center; background-size: auto, auto, cover; background-repeat: no-repeat; }
.detail-hero::after { content: ""; position: absolute; right: 9%; top: 16%; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, rgba(255,255,255,.22), transparent 5%), repeating-radial-gradient(circle, transparent 0 22px, rgba(255,255,255,.05) 23px 25px), radial-gradient(circle, var(--hero-color), transparent 68%); }
.detail-copy { position: relative; z-index: 2; width: min(760px,62vw); }
.detail-copy h1 { max-width: 760px; margin: 14px 0; font: 800 clamp(36px,4.2vw,60px)/1.01 "Manrope"; letter-spacing: -3px; text-wrap: balance; }
.season-bar { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.season-bar select { width: auto; }

.watch-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.player-shell { background: #000; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); }
.player-stage { position: relative; aspect-ratio: 16/9; background: #000; }
.player-stage iframe, .player-stage video, .player-stage > div { width: 100%; height: 100%; border: 0; display: block; }
.rumble-ipad-fullscreen-hit { position:absolute; z-index:10; right:65px; bottom:0; width:66px; height:58px; padding:0; border:0; opacity:0; background:transparent; cursor:pointer; }
.player-stage:fullscreen,.player-stage:-webkit-full-screen,.player-stage.rumble-pwa-fullscreen { width:100vw; height:100vh; height:100dvh; max-width:none; aspect-ratio:auto; border-radius:0; background:#000; }
.player-stage.rumble-pwa-fullscreen { position:fixed; z-index:20000; inset:0; }
body.rumble-fullscreen-open { overflow:hidden !important; touch-action:none; }
body.rumble-fullscreen-open .player-shell { overflow:visible; }
body.rumble-fullscreen-open .ios-app-tabbar { opacity:0; visibility:hidden; pointer-events:none; }
html.rumble-fullscreen-open main { animation:none !important; filter:none !important; transform:none !important; }
.stream-player { position: relative; width: 100%; height: 100%; overflow: hidden; background: #000; cursor: default; outline: 0; isolation: isolate; }
.stream-player.is-idle { cursor: none; }
.player-stage .stream-player video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.stream-player__poster { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:contain; background:#000; pointer-events:none; }
.stream-player__shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; opacity: 1; background: linear-gradient(180deg,rgba(0,0,0,.22),transparent 24%,transparent 55%,rgba(0,0,0,.92)); transition: opacity .25s; }
.stream-player.is-idle .stream-player__shade { opacity: 0; }
.stream-player__surface { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; border: 0; background: transparent; cursor: pointer; }
.stream-player__big-play { position: absolute; z-index: 3; inset: 0; margin: auto; width: 76px; height: 76px; border: 0; border-radius: 50%; display: grid; place-items: center; color: #08080a; background: #fff; box-shadow: 0 12px 45px #0008; cursor: pointer; transition: transform .18s,opacity .18s; }
.stream-player__big-play:hover { transform: scale(1.08); }
.stream-player__big-play svg { width: 34px; height: 34px; fill: currentColor; margin-left: 4px; }
.stream-player.is-playing .stream-player__big-play { opacity: 0; pointer-events: none; transform: scale(.8); }
.stream-player__loading { position: absolute; z-index: 5; inset: 0; margin: auto; width: 52px !important; height: 52px !important; border: 4px solid #ffffff38 !important; border-top-color: #fff !important; border-radius: 50%; animation: player-spin .8s linear infinite; opacity: 0; pointer-events: none; }
.stream-player.is-loading .stream-player__loading { opacity: 1; }
@keyframes player-spin { to { transform: rotate(360deg); } }
.stream-player__feedback { position: absolute; z-index: 6; left: 50%; top: 45%; width: auto !important; height: auto !important; translate: -50% -50%; padding: 12px 18px; border-radius: 999px; background: #08080acc; color: #fff; font-weight: 800; font-size: 14px; opacity: 0; transform: scale(.85); pointer-events: none; }
.stream-player__feedback.show { animation: player-feedback .55s ease; }
@keyframes player-feedback { 0% { opacity: 0; transform: scale(.75); } 25%,65% { opacity: 1; transform: scale(1); } 100% { opacity: 0; } }
.stream-player__controls { position: absolute; z-index: 7; left: 0; right: 0; bottom: 0; width: auto !important; height: auto !important; padding: 0 clamp(15px,2.6vw,34px) clamp(13px,2vw,25px); opacity: 1; transition: opacity .25s,transform .25s; }
.stream-player.is-idle .stream-player__controls { opacity: 0; transform: translateY(8px); pointer-events: none; }
.stream-player__timeline-wrap { position: relative; height: 20px !important; display: flex !important; align-items: center; }
.stream-player .stream-player__timeline { --played: 0%; --buffered: 0%; appearance: none; width: 100%; height: 4px; min-height: 0; margin: 0; padding: 0; border: 0; background: linear-gradient(90deg,var(--accent) var(--played),#b9b9c0aa var(--played),#b9b9c0aa var(--buffered),#5b5b6399 var(--buffered)); border-radius: 4px; box-shadow: none; outline: none; cursor: pointer; transition: height .12s; }
.stream-player__timeline:hover,.stream-player__timeline:focus-visible { height: 6px; }
.stream-player__timeline::-webkit-slider-thumb { appearance: none; width: 15px; height: 15px; border: 0; border-radius: 50%; background: var(--accent); box-shadow: 0 1px 6px #000; opacity: 0; transition: opacity .12s; }
.stream-player__timeline:hover::-webkit-slider-thumb,.stream-player__timeline:focus-visible::-webkit-slider-thumb { opacity: 1; }
.stream-player__timeline::-moz-range-thumb { width: 15px; height: 15px; border: 0; border-radius: 50%; background: var(--accent); opacity: 0; }
.stream-player__timeline:hover::-moz-range-thumb,.stream-player__timeline:focus-visible::-moz-range-thumb { opacity: 1; }
.stream-player__seek-preview { position: absolute; bottom: 24px; width: auto !important; height: auto !important; translate: -50%; padding: 5px 8px; border-radius: 4px; background: #111; color: #fff; font-size: 11px; opacity: 0; pointer-events: none; }
.stream-player__timeline-wrap:hover .stream-player__seek-preview { opacity: 1; }
.stream-player__control-row,.stream-player__control-group { display: flex !important; align-items: center; width: auto !important; height: auto !important; }
.stream-player__control-row { justify-content: space-between; gap: 18px; }
.stream-player__control-group { gap: 8px; min-width: 0; }
.player-icon-button { width: 40px; height: 40px; padding: 8px; border: 0; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; color: #fff; background: transparent; cursor: pointer; transition: background .15s,transform .15s; }
.player-icon-button:hover,.player-icon-button:focus-visible { background: #ffffff18; transform: scale(1.08); outline: 0; }
.player-icon-button svg { width: 24px; height: 24px; fill: currentColor; }
.icon-pause,.icon-muted,.icon-compress { display: none; }
.stream-player.is-playing .icon-play,.stream-player.is-muted .icon-volume,.stream-player.is-fullscreen .icon-expand { display: none; }
.stream-player.is-playing .icon-pause,.stream-player.is-muted .icon-muted,.stream-player.is-fullscreen .icon-compress { display: block; }
.stream-player__volume { display: flex !important; align-items: center; width: auto !important; height: auto !important; }
.stream-player .stream-player__volume-range { appearance: none; width: 0; height: 4px; min-height: 0; opacity: 0; margin: 0; padding: 0; border: 0; background: #fff; border-radius: 4px; box-shadow: none; transition: width .18s,opacity .18s; cursor: pointer; }
.stream-player__volume:hover .stream-player__volume-range,.stream-player__volume:focus-within .stream-player__volume-range { width: 78px; opacity: 1; }
.stream-player__volume-range::-webkit-slider-thumb { appearance: none; width: 13px; height: 13px; border-radius: 50%; border: 0; background: #fff; }
.stream-player__volume-range::-moz-range-thumb { width: 13px; height: 13px; border-radius: 50%; border: 0; background: #fff; }
.stream-player__time { display: flex; gap: 5px; margin-left: 3px; color: #e7e7e9; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.stream-player__speed { position: relative; width: auto !important; height: auto !important; }
.player-speed-button { min-width: 48px; height: 36px; padding: 0 10px; border: 0; border-radius: 999px; color: #fff; background: #ffffff12; font-size: 12px; font-weight: 800; cursor: pointer; transition: background .15s,transform .15s; }
.player-speed-button:hover,.player-speed-button:focus-visible,.player-speed-button[aria-expanded="true"] { background: #ffffff26; transform: scale(1.04); outline: 0; }
.stream-player__speed-menu { position: absolute; right: 0; bottom: 46px; width: 106px !important; height: auto !important; display: grid !important; gap: 3px; padding: 7px; border: 1px solid #ffffff20; border-radius: 10px; background: rgba(18,18,22,.97); box-shadow: 0 18px 55px #000b; backdrop-filter: blur(14px); }
.stream-player__speed-menu[hidden] { display: none !important; }
.stream-player__speed-menu button { width: 100%; padding: 8px 10px; border: 0; border-radius: 6px; color: #cacacf; background: transparent; text-align: left; font-size: 12px; font-weight: 700; cursor: pointer; }
.stream-player__speed-menu button:hover,.stream-player__speed-menu button.active { color: #fff; background: #ffffff14; }
.stream-player__speed-menu button.active::after { content: "✓"; float: right; color: var(--accent-2); }
.stream-player__quality { position:relative; width:auto !important; height:auto !important; }
.player-quality-button { min-width:54px; height:36px; padding:0 10px; border:0; border-radius:999px; color:#fff; background:#ffffff12; font-size:11px; font-weight:800; cursor:pointer; transition:background .15s,transform .15s; }
.player-quality-button:hover,.player-quality-button:focus-visible,.player-quality-button[aria-expanded="true"] { background:#ffffff26; transform:scale(1.04); outline:0; }
.stream-player__quality-menu { position:absolute; right:0; bottom:46px; width:116px !important; height:auto !important; display:grid !important; gap:3px; padding:7px; border:1px solid #ffffff20; border-radius:10px; background:rgba(18,18,22,.97); box-shadow:0 18px 55px #000b; backdrop-filter:blur(14px); }
.stream-player__quality-menu[hidden] { display:none !important; }
.stream-player__quality-menu button { width:100%; padding:8px 10px; border:0; border-radius:6px; color:#cacacf; background:transparent; text-align:left; font-size:12px; font-weight:700; cursor:pointer; }
.stream-player__quality-menu button:hover,.stream-player__quality-menu button.active { color:#fff; background:#ffffff14; }
.stream-player__quality-menu button.active::after { content:"✓"; float:right; color:var(--accent-2); }
.player-empty { display: grid !important; place-items: center; text-align: center; padding: 30px; background: radial-gradient(circle, #282231, #050506 70%); }
.player-empty p { margin: 0; }
.player-empty strong { display: block; font: 800 25px "Manrope"; }
.player-empty span { display: block; margin-top: 8px; color: var(--muted); }
.player-empty .button { width: max-content; height: auto; margin-top: 18px; }
.source-tabs { display: flex; gap: 8px; padding: 11px; background: #101014; border-top: 1px solid var(--line); }
.source-tab, .offline-download-action { padding: 7px 11px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--muted); font-size: 12px; cursor: pointer; }
.offline-download-action:disabled { opacity: .55; cursor: wait; }
.source-tab.active { background: white; color: #111; }
.source-tab.rumble-hls-beta { display:inline-flex; align-items:center; gap:6px; border-color:rgba(77,211,155,.34); color:#a8e8ca; }
.source-tab.rumble-hls-beta small { padding:2px 5px; border-radius:999px; background:rgba(77,211,155,.13); color:#6fdbad; font:800 7px/1 Manrope,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.source-tab.rumble-hls-beta.active { border-color:#fff; background:#fff; color:#111; }
.watch-info { padding: 24px 4px 10px; }
.watch-info h1 { margin: 5px 0 8px; font: 800 clamp(26px,4vw,42px)/1.05 "Manrope"; letter-spacing: -1.7px; }
.watch-info p { color: var(--muted); }
.watch-nav { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 10px; margin: 12px 0 0; }
.watch-nav a { min-height: 68px; display: flex; flex-direction: column; justify-content: center; padding: 12px 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--bg-soft); transition: border-color .2s,background .2s,transform .2s; }
.watch-nav a:hover { border-color: rgba(239,39,100,.55); background: #17151d; transform: translateY(-1px); }
.watch-nav small { color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.watch-nav strong { margin-top: 4px; font: 800 17px "Manrope"; color: var(--text); }
.watch-nav-link.next { text-align: right; align-items: flex-end; }
.watch-nav-all { min-width: 150px; text-align: center; align-items: center; }
.watch-nav-spacer { min-width: 0; }
.episode-sidebar { position: sticky; top: 94px; max-height: calc(100vh - 115px); overflow: auto; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: var(--bg-soft); }
.episode-sidebar h2 { margin: 0 0 13px; font: 800 18px "Manrope"; }
.side-episode { display: grid; grid-template-columns: 92px 1fr; gap: 10px; padding: 9px; border-radius: 11px; }
.side-episode:hover, .side-episode.active { background: rgba(255,255,255,.06); }
.side-thumb { aspect-ratio: 16/9; border-radius: 7px; background: var(--art); }
.side-episode b { display: block; font-size: 13px; }
.side-episode small { color: var(--muted); }

.comments { margin-top: 48px; }
.comment-form { padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--bg-soft); }
.comment-form textarea { min-height: 100px; resize: vertical; }
.form-bottom { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 10px; }
.check { width: fit-content; display: inline-flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px; line-height: 1.35; cursor: pointer; }
.check input[type="checkbox"] { width: 17px; height: 17px; min-width: 17px; flex: 0 0 17px; margin: 0; padding: 0; border-radius: 4px; accent-color: var(--accent); box-shadow: none; cursor: pointer; }
.check input[type="checkbox"]:focus-visible { outline: 2px solid rgba(255,209,102,.9); outline-offset: 3px; box-shadow: none; }
.comment-list { display: grid; gap: 12px; margin-top: 18px; }
.comment { scroll-margin-top: 96px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.comment.reply { margin: 10px 0 0 38px; background: rgba(255,255,255,.018); }
.comment-head { display: flex; align-items: center; gap: 10px; }
.avatar { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: linear-gradient(135deg, var(--accent-2), var(--accent)); font-weight: 800; }
.avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.comment-head b { font-size: 14px; }
.comment-author-line { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.comment-role { display: inline-flex; align-items: center; min-height: 18px; padding: 2px 6px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(255,255,255,.045); color: #98929d; font: 800 8px "Manrope"; letter-spacing: .4px; text-transform: uppercase; }
.comment-role-moderator { border-color: rgba(93,211,158,.25); background: rgba(93,211,158,.1); color: #7ce2b5; }
.comment-role-channel_manager { border-color: rgba(155,93,229,.3); background: rgba(155,93,229,.12); color: #c8a0f7; }
.comment-role-admin { border-color: rgba(239,71,111,.3); background: rgba(239,71,111,.12); color: #ff8daa; }
.comment-role-owner { border-color: rgba(255,209,102,.35); background: rgba(255,209,102,.11); color: #ffd66f; }
.comment-role-staff,.comment-mention.comment-role-staff { border-color:rgba(239,71,111,.3); background:rgba(239,71,111,.12); color:#ff8daa; }
.comment-head time { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; }
.comment-head time small { padding: 2px 5px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; color: #7f7985; font-size: 8px; font-weight: 700; letter-spacing: .35px; text-transform: uppercase; }
.comment-body { margin: 12px 0; white-space: pre-wrap; }
.spoiler { padding: 13px; border-radius: 9px; background: #22222a; color: transparent; user-select: none; cursor: pointer; }
.spoiler.revealed { color: inherit; user-select: auto; }
.comment-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.comment-edit-form { margin: 12px 0; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.025); }
.comment-edit-form textarea { min-height: 92px; resize: vertical; }
.comment-reply-form { border-color: rgba(239,71,111,.16); background: rgba(239,71,111,.035); }
.comment-edit-buttons { display: inline-flex; align-items: center; gap: 12px; }
.comment-mention { display: inline-flex; align-items: center; gap: 5px; padding: 2px 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.06); color: #f2edf4; font-weight: 700; line-height: 1.35; vertical-align: baseline; }
.comment-mention small { color: currentColor; font-size: 8px; font-weight: 800; letter-spacing: .35px; opacity: .7; text-transform: uppercase; }
.comment-mention-role { background: rgba(239,71,111,.1); color: #ff90ab; }
.comment-mention.comment-role-moderator { border-color: rgba(93,211,158,.28); background: rgba(93,211,158,.11); color: #7ce2b5; }
.comment-mention.comment-role-channel_manager { border-color: rgba(155,93,229,.3); background: rgba(155,93,229,.12); color: #c8a0f7; }
.comment-mention.comment-role-admin { border-color: rgba(239,71,111,.3); background: rgba(239,71,111,.12); color: #ff8daa; }
.comment-mention.comment-role-owner { border-color: rgba(255,209,102,.35); background: rgba(255,209,102,.11); color: #ffd66f; }
.mention-picker { position: fixed; z-index: 12000; max-height: 300px; overflow-y: auto; padding: 6px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(20,18,24,.985); box-shadow: 0 20px 60px rgba(0,0,0,.55); backdrop-filter: blur(18px); }
.mention-picker button { width: 100%; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px; border: 0; border-radius: 10px; background: transparent; color: white; text-align: left; cursor: pointer; }
.mention-picker button.active,.mention-picker button:hover { background: rgba(255,255,255,.075); }
.mention-picker button > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: rgba(239,71,111,.12); color: #ff8eaa; font: 800 9px "Manrope"; }
.mention-picker button > i { position:relative; overflow:hidden; }
.mention-picker button > i img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mention-picker button > span { min-width: 0; display: flex; flex-direction: column; }
.mention-picker button strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.mention-picker button small { margin-top: 2px; color: #837d88; font-size: 9px; }
.mention-picker .comment-role { justify-self: end; }
.text-button { padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 12px; cursor: pointer; }
.text-button:hover { color: white; }
.comment-actions .text-button.danger { color: #ff7d90; }
.comment-actions .text-button.danger:hover { color: #ffb0bb; }

.auth-layout { min-height: calc(100vh - 76px); display: grid; grid-template-columns: 1fr 1fr; margin-top: -76px; }
.auth-art { position: relative; padding: 110px 8vw 70px; display: flex; align-items: flex-end; overflow: hidden; background: radial-gradient(circle at 70% 30%, rgba(239,71,111,.35), transparent 14%), repeating-radial-gradient(circle at 70% 30%, transparent 0 48px, rgba(255,255,255,.04) 49px 51px), linear-gradient(140deg, #29152b, #111118 65%); }
.auth-art::after { content: "M"; position: absolute; right: -3vw; top: 9%; color: rgba(255,255,255,.035); font: 800 55vw/1 "Manrope"; }
.auth-art div { position: relative; z-index: 2; max-width: 500px; }
.auth-art h1 { margin: 12px 0; font: 800 clamp(42px,6vw,78px)/.95 "Manrope"; letter-spacing: -4px; }
.auth-art p { color: #bdb6c4; }
.auth-panel { padding: 120px 8vw 70px; display: grid; place-items: center; }
.auth-card { width: min(450px,100%); }
.auth-card h2 { margin: 0; font: 800 35px "Manrope"; letter-spacing: -1.5px; }
.auth-card > p { color: var(--muted); }
.field-grid { display: grid; gap: 14px; margin: 24px 0; }
label.field { display: grid; gap: 7px; color: #d7d2da; font-size: 13px; font-weight: 600; }
.field-note { margin: -2px 0 2px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.field-disabled { opacity: .58; }
input, textarea, select { width: 100%; padding: 12px 13px; border: 1px solid var(--line); border-radius: 10px; background: #121218; color: white; outline: none; }
input:focus, textarea:focus, select:focus { border-color: rgba(239,71,111,.75); box-shadow: 0 0 0 3px rgba(239,71,111,.09); }
.search-select { position: relative; }
.search-select-native { position: absolute; width: 1px; height: 1px; padding: 0; opacity: 0; pointer-events: none; }
.search-select-input { padding-right: 42px; background-image: linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%); background-position: calc(100% - 18px) 52%,calc(100% - 13px) 52%; background-size: 5px 5px,5px 5px; background-repeat: no-repeat; }
.search-select-input::-webkit-search-cancel-button { display: none; }
.search-select-list { position: absolute; z-index: 80; top: calc(100% + 6px); right: 0; left: 0; max-height: 290px; overflow-y: auto; padding: 6px; border: 1px solid var(--line); border-radius: 11px; background: #121218; box-shadow: var(--shadow); }
.search-select-list button { width: 100%; padding: 10px 11px; border: 0; border-radius: 7px; background: transparent; text-align: left; cursor: pointer; }
.search-select-list button:hover,.search-select-list button:focus,.search-select-list button.selected { background: rgba(239,71,111,.16); outline: none; }
.search-select-list button.has-active-short { border-left:3px solid #ff456f; color:#ff91aa; background:rgba(226,34,82,.08); }
.search-select-empty { display: block; padding: 10px 11px; color: var(--muted); font-weight: 400; }
.series-selection-preview { min-width: 0; display: grid; grid-template-columns: 88px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 11px; border: 1px solid var(--line); border-radius: 13px; background: #0d0d11; }
.series-selection-preview[hidden] { display: none; }
.series-selection-thumb { width: 88px; aspect-ratio: 16/9; overflow: hidden; border-radius: 8px; background: linear-gradient(145deg,#50182b,#171721); }
.series-selection-thumb img { width: 100%; height: 100%; object-fit: cover; }
.series-selection-preview > div:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
.series-selection-preview span { color: #74747e; font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.series-selection-preview strong { overflow: hidden; color: #eeeaf1; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.series-selection-preview small { margin-top: 3px; color: #89838f; font-size: 10px; }
.series-selection-preview small b { color: white; }
.series-selection-preview small i { padding: 0 4px; font-style: normal; }
.auth-switch { color: var(--muted); font-size: 14px; }
.auth-switch a { color: white; font-weight: 700; }
.demo-note { margin-top: 20px; padding: 12px; border: 1px solid rgba(255,209,102,.2); border-radius: 10px; background: rgba(255,209,102,.05); color: #d8cfae; font-size: 12px; }
.two-factor-auth-layout .auth-art { background: radial-gradient(circle at 68% 31%,rgba(77,211,155,.25),transparent 16%),repeating-radial-gradient(circle at 68% 31%,transparent 0 48px,rgba(255,255,255,.035) 49px 51px),linear-gradient(140deg,#13261f,#111118 66%); }
.two-factor-card { position: relative; }
.two-factor-lock { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 20px; border: 1px solid rgba(77,211,155,.35); border-radius: 16px; background: rgba(77,211,155,.1); color: #75e5b5; font: 800 22px "Manrope"; }
.two-factor-card .eyebrow { color: #75e5b5; }
.two-factor-code-input { font: 800 20px "Fira Mono",monospace; letter-spacing: 3px; text-transform: uppercase; }
.two-factor-cancel-form { margin-top: 18px; text-align: center; }
.two-factor-backup-help { margin-top: 18px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.two-factor-backup-help summary { color: #c3bdc7; font-size: 12px; font-weight: 700; cursor: pointer; }
.two-factor-backup-help p { margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.two-factor-setup-page { max-width: 1080px; }
.two-factor-setup-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(280px,.65fr); gap: 22px; align-items: start; }
.two-factor-steps { display: grid; gap: 0; padding: 0; overflow: hidden; }
.two-factor-steps > div { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 16px; padding: 24px; border-bottom: 1px solid var(--line); }
.two-factor-steps > div:last-child { border-bottom: 0; }
.two-factor-steps > div > i { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(239,71,111,.35); border-radius: 50%; background: rgba(239,71,111,.09); color: #ff93ae; font: 800 13px "Manrope"; font-style: normal; }
.two-factor-steps h2 { margin: 3px 0 6px; font-size: 19px; }
.two-factor-steps p { margin: 0 0 15px; color: var(--muted); font-size: 13px; line-height: 1.58; }
.two-factor-steps code { display: block; padding: 14px; overflow-wrap: anywhere; border: 1px dashed rgba(255,255,255,.2); border-radius: 11px; background: #0b0b0f; color: #fff; font: 700 15px/1.6 "Fira Mono",monospace; letter-spacing: 1.3px; text-align: center; }
.two-factor-setup-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 12px; }
.two-factor-manual-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0 0 12px; }
.two-factor-manual-details > div { padding: 10px 11px; border-radius: 10px; background: rgba(255,255,255,.035); }
.two-factor-manual-details dt { color: #7f7984; font-size: 9px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.two-factor-manual-details dd { margin: 3px 0 0; color: #eeeaf0; font-size: 12px; font-weight: 700; }
.two-factor-help { position: sticky; top: 96px; background: linear-gradient(145deg,rgba(77,211,155,.08),var(--bg-soft) 55%); }
.two-factor-help > span { display: block; margin-bottom: 15px; font-size: 30px; }
.two-factor-help p { color: #bbb5c0; font-size: 13px; line-height: 1.6; }
.two-factor-help small { display: block; padding-top: 15px; border-top: 1px solid var(--line); color: #85808b; font-size: 11px; line-height: 1.55; }
.two-factor-recovery-page { max-width: 760px; }
.two-factor-recovery-card { padding: clamp(24px,5vw,48px); text-align: center; }
.two-factor-recovery-card h1 { margin: 8px 0 10px; font: 800 clamp(30px,4.5vw,45px)/1.08 "Manrope"; letter-spacing: -1.8px; }
.two-factor-recovery-card > p { max-width: 610px; margin: 0 auto 24px; line-height: 1.6; }
.two-factor-recovery-codes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 16px; border: 1px solid rgba(77,211,155,.25); border-radius: 16px; background: rgba(7,15,12,.72); }
.two-factor-recovery-codes code { padding: 10px; border-radius: 8px; background: rgba(255,255,255,.045); color: #eafff5; font: 700 14px "Fira Mono",monospace; letter-spacing: .7px; }
.two-factor-recovery-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin: 20px 0; }
.two-factor-recovery-note { display: flex; align-items: flex-start; gap: 9px; margin: 0 auto 18px; padding: 13px 14px; border-radius: 12px; background: rgba(255,255,255,.035); color: #aaa4af; text-align: left; font-size: 12px; line-height: 1.5; }
.two-factor-recovery-note strong { flex: 0 0 auto; color: #eeeaf0; }
.two-factor-recovery-card > small { color: #77717e; line-height: 1.5; }

.profile-grid, .admin-grid { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 24px; align-items: start; }
.profile-nav { position: sticky; top: 98px; display: grid; gap: 6px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg-soft); }
.profile-nav a { padding: 10px 12px; border-radius: 9px; color: var(--muted); font-size: 14px; }
.profile-nav a.active, .profile-nav a:hover { background: rgba(255,255,255,.06); color: white; }
.panel { padding: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-soft); }
.panel + .panel { margin-top: 18px; }
.panel h2 { margin: 0 0 6px; font: 800 22px "Manrope"; }
.panel > p { margin-top: 0; color: var(--muted); }
.panel-note { max-width: 620px; margin: 7px 0 0; color: var(--muted); font-size: 13px; font-weight: 400; }
.bug-report-page { max-width: 1060px; }
.bug-report-notice { width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; margin:auto; padding:24px; border:1px solid rgba(255,193,100,.35); border-radius:18px; background:#19151c; color:var(--text); }
.bug-report-notice::backdrop { background:rgba(0,0,0,.78); }
.bug-report-notice .button-row { margin-top:22px; flex-wrap:wrap; }
.bug-report-layout[hidden] { display:none; }
.bug-report-notice h2 { margin:0 0 9px; color:#ffd49b; font-size:17px; line-height:1.4; }
.bug-report-notice p { margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.65; }
.bug-report-notice strong { color:var(--text); }
.bug-report-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); gap: 22px; align-items: start; }
.bug-report-form { display: grid; gap: 17px; }
.bug-report-form textarea { resize: vertical; line-height: 1.55; }
.bug-report-form > .button { justify-self: start; min-width: 190px; }
.bug-report-honeypot { position: fixed; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.bug-report-attachment input[type="file"] { padding: 9px; color: var(--muted); }
.bug-report-attachment input[type="file"]::file-selector-button { margin-right: 10px; padding: 8px 11px; border: 0; border-radius: 8px; background: rgba(255,255,255,.1); color: white; cursor: pointer; }
.bug-report-attachment > span { color: var(--muted); font-size: 11px; font-weight: 500; overflow-wrap: anywhere; }
.bug-report-info { position: sticky; top: 96px; background: linear-gradient(145deg,rgba(239,71,111,.09),var(--bg-soft) 58%); }
.bug-report-info p { font-size: 13px; line-height: 1.6; }
.bug-report-info > small { display: block; padding-top: 14px; border-top: 1px solid var(--line); color: #85808b; font-size: 11px; line-height: 1.55; }
.bug-report-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 17px; border: 1px solid rgba(239,71,111,.3); border-radius: 15px; background: rgba(239,71,111,.1); color: #ff86a3; }
.bug-report-icon svg { width: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.admin-bug-report-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 18px; }
.admin-bug-report { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.022); }
.admin-bug-report.open { border-color: rgba(239,71,111,.28); }
.admin-bug-report > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.admin-bug-report > header > div { display: flex; align-items: center; gap: 8px; }
.admin-bug-report > header small,.admin-bug-report > header time { color: var(--muted); font-size: 10px; }
.admin-bug-report h3 { margin: 16px 0 7px; font: 800 16px "Manrope"; }
.admin-bug-report > p,.admin-bug-report details p { color: #c2bcc6; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.admin-bug-report details { margin: 12px 0; color: #aaa4af; font-size: 11px; }
.admin-bug-report details summary { cursor: pointer; font-weight: 700; }
.admin-bug-attachment { margin: 14px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #08080b; }
.admin-bug-attachment img,.admin-bug-attachment video { display: block; width: 100%; max-height: 360px; object-fit: contain; }
.admin-bug-report dl { display: grid; gap: 1px; margin: 14px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--line); }
.admin-bug-report dl div { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 10px; padding: 9px 10px; background: #111116; }
.admin-bug-report dt { color: #77717e; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.admin-bug-report dd { margin: 0; color: #d7d2da; font-size: 10px; overflow-wrap: anywhere; }
.admin-bug-report > footer form { display: flex; flex-wrap: wrap; gap: 13px; }
.home-featured { align-items: center; justify-content: center; text-align: center; }
.home-featured .hero-content { width: min(900px, 100%); margin: 0 auto; }
.home-featured h1 { max-width: 900px; margin: 13px auto 15px; font-size: clamp(32px, 4vw, 64px); line-height: 1; letter-spacing: -3px; }
.home-featured .meta, .home-featured .button-row { justify-content: center; }
.home-featured .source-chips { justify-content: center; width: 100%; margin: 14px auto 18px; }
.home-featured .home-featured-tags { justify-content: center; margin: -7px auto 17px; }
.home-featured p { margin-right: auto; margin-left: auto; }
.account-settings-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-auto-flow: row dense;
  grid-auto-rows: 1px;
  align-items: start;
  column-gap: 22px;
  row-gap: 0;
}
.account-settings-grid .panel { min-width: 0; margin: 0; }
.avatar-settings-panel { grid-column: 1 / -1; display: grid; grid-template-columns: 112px minmax(0,1fr); align-items: center; gap: 24px; }
.avatar-settings-preview { width: 112px; height: 112px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: linear-gradient(135deg, var(--accent-2), var(--accent)); color: white; font: 800 38px "Manrope"; box-shadow: 0 12px 34px rgba(0,0,0,.28); }
.avatar-settings-preview img { width: 100%; height: 100%; object-fit: cover; }
.avatar-settings-content > p { margin: 0; color: var(--muted); }
.avatar-upload-form { display: flex; align-items: end; gap: 12px; margin-top: 18px; }
.avatar-file-field { min-width: min(390px,100%); }
.avatar-file-field input[type="file"] { padding: 9px; color: var(--muted); }
.avatar-file-field input[type="file"]::file-selector-button { margin-right: 10px; padding: 7px 10px; border: 0; border-radius: 7px; background: rgba(255,255,255,.1); color: white; cursor: pointer; }
.avatar-remove-form { margin-top: 12px; }
.avatar-remove-form .text-button { color: #ff8797; }
.two-factor-profile-status { display: flex; align-items: flex-start; gap: 15px; }
.two-factor-profile-status > span { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 13px; background: rgba(77,211,155,.12); color: #71dfaE; font: 800 18px "Manrope"; }
.two-factor-profile-status.is-optional > span { border: 1px solid rgba(105,169,255,.2); background: rgba(105,169,255,.09); color: #92c3ff; }
.two-factor-profile-status small { color: #68d7a7; font-size: 9px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.two-factor-profile-status h2 { margin: 3px 0 5px; }
.two-factor-profile-status p { margin: 0; color: var(--muted); font-size: 13px; }
.two-factor-recovery-status { display: flex; flex-direction: column; gap: 3px; margin: 18px 0 0 57px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.two-factor-recovery-status strong { color: #f1edf2; font-size: 13px; }
.two-factor-recovery-status span { color: #88828d; font-size: 11px; }
.two-factor-manage-link { margin: 13px 0 0 57px; }
.two-factor-manage-page { max-width: 1040px; }
.two-factor-manage-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: start; gap: 22px; }
.two-factor-manage-grid .panel { margin: 0; }
.two-factor-manage-explainer { margin-top: 18px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.two-factor-manage-explainer strong { display: block; margin-bottom: 5px; color: #f1edf2; font-size: 13px; }
.two-factor-manage-explainer p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.two-factor-manage-warning { display: block; margin-top: 14px; color: #c8a7ad; font-size: 11px; line-height: 1.5; }
.two-factor-disable-panel { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: start; gap: 28px; border-color: rgba(255,135,151,.16); }
.two-factor-disable-panel h2 { margin-top: 6px; }
.two-factor-disable-panel p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.two-factor-disable-panel .field-grid { margin: 0; }
.trusted-apps-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.trusted-apps-heading h2 { margin-top: 3px; }
.trusted-apps-heading p { margin: 0; color: var(--muted); font-size: 13px; }
.trusted-apps-heading > span { flex: 0 0 auto; padding: 6px 10px; border: 1px solid rgba(77,211,155,.22); border-radius: 999px; background: rgba(77,211,155,.07); color: #72dcae; font-size: 10px; font-weight: 800; }
.trusted-app-list { display: grid; gap: 8px; margin-top: 18px; }
.trusted-app-list article { min-width: 0; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 13px; padding: 12px 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.trusted-app-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg,rgba(105,169,255,.16),rgba(77,211,155,.11)); color: #dff7ed; font: 800 13px "Manrope"; }
.trusted-app-list article > div { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.trusted-app-list strong { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; color: #f1edf2; font-size: 13px; }
.trusted-app-list strong small { padding: 3px 6px; border-radius: 999px; background: rgba(77,211,155,.1); color: #70dbaa; font-size: 8px; text-transform: uppercase; }
.trusted-app-list article > div > span { color: #817b87; font-size: 10px; }
.trusted-app-list time { display: inline; }
.trusted-app-list time > span { color: #aaa4af; }
.trusted-app-list time > small { display: none; }
.trusted-app-list form { margin: 0; }
.trusted-app-list .text-button.danger { color: #ff8797; }
.trusted-app-empty { display: flex; flex-direction: column; gap: 4px; margin-top: 18px; padding: 16px; border: 1px dashed var(--line); border-radius: 13px; color: #aaa4af; font-size: 12px; }
.trusted-app-empty strong { color: #e7e2e9; }
.trusted-app-note { display: block; margin-top: 13px; color: #77717e; font-size: 10px; line-height: 1.5; }
.staff-security-guide { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 18px; border-color: rgba(77,211,155,.22); background: linear-gradient(145deg,rgba(77,211,155,.07),var(--bg-soft) 45%); }
.staff-security-guide-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; background: rgba(77,211,155,.11); font-size: 25px; }
.staff-security-guide h2 { margin: 4px 0 6px; }
.staff-security-guide p { max-width: 800px; margin: 0; color: #aaa4af; font-size: 13px; line-height: 1.55; }
.staff-security-guide ol { margin: 15px 0; padding-left: 19px; color: #d6d1d9; font-size: 12px; line-height: 1.8; }
.staff-security-guide small { display: block; max-width: 850px; color: #837e88; line-height: 1.5; }
.table-actions { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.table-actions form { margin: 0; }
.video-admin-actions { min-width: 190px; display: grid; justify-items: end; gap: 8px; }
.video-admin-actions form { margin: 0; }
.table-series { display: flex; align-items: center; gap: 10px; min-width: 240px; }
.table-series-thumb { width: 62px; aspect-ratio: 16/9; display: inline-block; overflow: hidden; flex: 0 0 62px; border: 1px solid var(--line); border-radius: 7px; background: linear-gradient(145deg,#4b1629,#17171f); }
.table-series-thumb img { width: 100%; height: 100%; object-fit: cover; }
.admin-status-shell { padding-bottom: 0; }
.archive-storage-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 18px; }
.archive-storage-card { min-width: 0; padding: 21px 22px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg,#17171d,#101014); }
.archive-storage-card.skyhawk { border-color: rgba(72,177,255,.22); }
.archive-storage-card.vps { border-color: rgba(155,93,229,.24); }
.archive-storage-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.archive-storage-head > div { min-width: 0; }
.archive-storage-head span { display: block; color: #8c8791; font-size: 10px; font-weight: 800; letter-spacing: .65px; text-transform: uppercase; }
.archive-storage-head b { display: block; margin-top: 4px; font: 800 29px "Manrope"; }
.archive-storage-head strong { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,.055); color: #aaa4ae; font-size: 9px; }
.archive-storage-track { height: 8px; margin: 17px 0 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.075); }
.archive-storage-track i { height: 100%; display: block; min-width: 0; border-radius: inherit; background: linear-gradient(90deg,#48b1ff,#62d7c5); box-shadow: 0 0 18px rgba(72,177,255,.35); }
.archive-storage-card.vps .archive-storage-track i { background: linear-gradient(90deg,#9b5de5,#ef4770); box-shadow: 0 0 18px rgba(155,93,229,.35); }
.archive-storage-meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 14px; color: #77717d; font-size: 10px; }
.site-status-panel { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-status-panel h2 { display: inline; vertical-align: middle; }
.site-status-panel p { margin: 7px 0 0; color: var(--muted); }
.status-dot { width: 10px; height: 10px; display: inline-block; margin-right: 9px; border-radius: 50%; vertical-align: 2px; }
.status-dot.online { background: var(--success); box-shadow: 0 0 18px rgba(93,211,158,.65); }
.status-dot.offline { background: var(--danger); box-shadow: 0 0 18px rgba(255,93,115,.55); }
.maintenance-page { min-height: 68vh; display: grid; place-items: center; }
.maintenance-page .empty-state { width: min(620px,100%); border-style: solid; }
.maintenance-logo { width: 96px; height: 96px; margin: 0 auto 22px; border-radius: 50%; object-fit: cover; }
.maintenance-page .eyebrow { margin-bottom: 12px; }
.maintenance-page .empty-state form { margin-top: 18px; }
.error-page { min-height: 70vh; display: grid; place-items: center; padding-block: 45px; }
.error-card { position: relative; width: min(680px,100%); overflow: hidden; padding: clamp(36px,7vw,76px); border: 1px solid var(--line); border-radius: 28px; background: radial-gradient(circle at 80% 20%,rgba(155,43,183,.2),transparent 42%),linear-gradient(145deg,#141218,#09090c); text-align: center; box-shadow: var(--shadow); }
.error-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg,transparent 20%,rgba(239,71,111,.05),transparent 75%); }
.error-card > *:not(.error-code) { position: relative; z-index: 1; }
.error-card img { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(255,255,255,.14),0 0 38px rgba(239,71,111,.16); }
.error-card h1 { margin: 9px 0 12px; font: 800 clamp(34px,6vw,58px)/1 "Manrope"; letter-spacing: -2.5px; }
.error-card p { max-width: 520px; margin: 0 auto; color: var(--muted); font-size: 16px; line-height: 1.6; }
.error-card .button-row { justify-content: center; margin-top: 27px; }
.error-code { position: absolute; right: -12px; bottom: -45px; color: rgba(255,255,255,.025); font: 800 clamp(150px,32vw,310px)/1 "Manrope"; letter-spacing: -20px; user-select: none; }
.stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.stat { padding: 18px; border-radius: 13px; background: var(--panel); }
.stat strong { display: block; font: 800 28px "Manrope"; }
.stat small { color: var(--muted); }
.admin-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.admin-form .wide { grid-column: 1/-1; }
.admin-tag-editor { display: grid; gap: 9px; padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.02); }
.admin-tag-editor > strong { color: white; font: 800 14px "Manrope"; }
.admin-tag-editor > span { color: var(--muted); font-size: 11px; }
.admin-tag-editor fieldset { min-width: 0; margin: 4px 0 0; padding: 0; border: 0; }
.admin-tag-editor legend { margin-bottom: 7px; color: #ff91aa; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; }
.admin-tag-editor fieldset > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 12px; }
.admin-tag-editor label { min-width: 0; display: flex; align-items: center; gap: 7px; color: #b0aab5; cursor: pointer; font-size: 10px; }
.admin-tag-editor input { width: 14px; height: 14px; flex: 0 0 14px; accent-color: var(--accent); }
.admin-list-filters { display: grid; grid-template-columns: minmax(230px,1.6fr) repeat(4,minmax(135px,1fr)) auto auto; align-items: end; gap: 11px; margin-bottom: 19px; padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.admin-user-filters { grid-template-columns: minmax(230px,1.6fr) repeat(3,minmax(135px,1fr)) auto auto; }
.admin-list-filters .button { min-height: 43px; }
.table-tag-list { max-width: 290px; display: block; overflow: hidden; color: #8f8996; font-size: 10px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.admin-pagination { margin-bottom: 0; }
.tag-create-form { max-width: 880px; }
.tag-manager-list { display: grid; gap: 9px; }
.tag-manager-item { padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.tag-manager-item.disabled { opacity: .58; }
.tag-manager-edit { display: grid; grid-template-columns: minmax(165px,1.15fr) minmax(155px,1fr) 145px 85px auto auto auto; align-items: end; gap: 10px; }
.tag-manager-edit .field { min-width: 0; }
.tag-manager-edit .field input,.tag-manager-edit .field select { min-height: 39px; padding: 8px 10px; font-size: 11px; }
.tag-manager-edit .field > span,.tag-manager-edit .field > small { display: none; }
.tag-active-check { min-height: 39px; align-items: center; white-space: nowrap; }
.tag-usage-count { min-height: 39px; display: inline-flex; align-items: center; color: #77717d; font-size: 10px; white-space: nowrap; }
.tag-manager-edit .button { min-height: 39px; }
.tag-delete-form { display: flex; justify-content: flex-end; margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.055); }
.tag-delete-form .text-button { color: #ff8294; }
.tag-delete-form .text-button:hover { color: #ffb2bd; }
.tag-manager-static { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tag-manager-static div { display: grid; gap: 2px; }
.tag-manager-static strong { color: white; font: 800 13px "Manrope"; }
.tag-manager-static small,.tag-manager-static > span { color: var(--muted); font-size: 10px; }
.admin-users-head { align-items: flex-end; }
.admin-user-sort { display: flex; align-items: flex-end; gap: 8px; }
.admin-user-sort label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .55px; }
.admin-user-sort select { min-width: 190px; min-height: 39px; padding: 8px 34px 8px 10px; font-size: 11px; text-transform: none; letter-spacing: 0; }
.admin-user-sort .button { min-height: 39px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; }
th { color: var(--muted); font-weight: 600; }
.status { display: inline-flex; padding: 4px 7px; border-radius: 6px; background: rgba(93,211,158,.1); color: var(--success); font-size: 11px; font-weight: 700; }

.site-footer { width: min(var(--max),calc(100% - 48px)); margin: 0 auto; padding: 42px 0; border-top: 1px solid var(--line); color: var(--muted); }
.footer-brand { color: white; }
.footer-identity { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; }
.footer-collaboration { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid rgba(93,211,158,.26); border-radius: 999px; background: rgba(93,211,158,.08); color: #9ce2c1; font: 800 9px "Manrope"; letter-spacing: .55px; text-transform: uppercase; white-space: nowrap; }
.footer-collaboration i { width: 16px; height: 16px; display: grid; place-items: center; border-radius: 50%; background: rgba(93,211,158,.18); color: #b8f0d2; font-size: 10px; font-style: normal; }
.footer-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 28px; }
.footer-intro p { margin: 0; font-size: 14px; }
.footer-intro-meta { display: flex; align-items: flex-end; flex-direction: column; gap: 7px; }
.footer-traffic { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px 14px; }
.footer-presence { display: inline-flex; align-items: center; gap: 7px; color: #8f8997; font-size: 11px; }
.footer-presence b { color: #d8d3dc; font: 800 12px "Manrope"; }
.footer-visit-stat { display: inline-flex; align-items: baseline; gap: 4px; color: #77717e; font-size: 10px; }
.footer-visit-stat b { color: #c9c3ce; font: 800 11px "Manrope"; }
.footer-disclaimers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 34px; margin-top: 28px; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.footer-disclaimers p { margin: 0; color: #8f8997; font-size: 11px; line-height: 1.65; }
.footer-disclaimers strong { color: #c9c3ce; }
.footer-channels { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 0 20px; border-bottom: 1px solid var(--line); }
.footer-channels > strong { color: #d5d0d9; font: 700 12px "Manrope"; text-transform: uppercase; letter-spacing: 1px; }
.footer-channels > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.footer-channels a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: #ddd8e1; font-size: 12px; transition: .2s ease; }
.footer-channels a span { color: #827c89; font-size: 10px; text-transform: uppercase; }
.footer-channels a:hover { border-color: rgba(239,71,111,.45); background: rgba(239,71,111,.08); color: white; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 18px; font-size: 11px; }
.footer-bottom a { color: #c9c3ce; }
.footer-bottom a:hover { color: white; }
.footer-ios-install { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border: 1px solid rgba(105,169,255,.42); border-radius: 999px; background: linear-gradient(135deg,rgba(105,169,255,.16),rgba(239,71,111,.1)); color: #d9ebff; box-shadow: 0 8px 24px rgba(35,91,155,.12); font: 800 11px "DM Sans"; cursor: pointer; transition: border-color .2s,background .2s,color .2s,transform .2s,box-shadow .2s; }
.footer-ios-install span { font-size: 16px; line-height: 1; }
.footer-ios-install:hover { border-color: rgba(105,169,255,.68); background: linear-gradient(135deg,rgba(105,169,255,.24),rgba(239,71,111,.16)); color: white; box-shadow: 0 10px 30px rgba(35,91,155,.2); transform: translateY(-1px); }
.footer-android-install { border-color: rgba(93,211,158,.38); background: linear-gradient(135deg,rgba(93,211,158,.16),rgba(105,169,255,.09)); color: #d9ffea; }
.footer-android-install:hover { border-color: rgba(93,211,158,.68); background: linear-gradient(135deg,rgba(93,211,158,.24),rgba(105,169,255,.14)); }
.site-footer small { font-size: inherit; }
.ios-app-tabbar[hidden] { display: none; }
.ios-app-tabbar { position: fixed; z-index: 480; left: 0; right: 0; bottom: 0; height: calc(64px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: start; padding: 5px max(5px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-left)); border-top: .5px solid rgba(255,255,255,.16); background: rgba(17,16,22,.82); box-shadow: 0 -12px 35px rgba(0,0,0,.32); backdrop-filter: saturate(180%) blur(24px); -webkit-backdrop-filter: saturate(180%) blur(24px); }
.ios-app-tabbar a,.ios-app-tabbar > button { position: relative; min-width: 0; height: 55px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2px; padding: 0; border: 0; border-radius: 11px; background: transparent; color: #89848f; font: 600 9px "DM Sans"; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ios-app-tabbar svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ios-app-tabbar a.active,.ios-app-tabbar > button.active,.ios-app-tabbar > button[aria-expanded="true"] { color: #ff5f91; }
.ios-app-tabbar .discover-tab { gap: 0; color: #c594a6; }
.ios-app-tabbar .discover-tab svg { width: 23px; height: 23px; margin-bottom: 1px; }
.ios-app-tabbar .discover-tab small { color: #ff77a0; font: 800 6px/1 Manrope,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.ios-app-tabbar .discover-tab.active { color: #ff5f91; }
.ios-app-tabbar a:active,.ios-app-tabbar > button:active { background: rgba(255,255,255,.055); transform: scale(.96); }
.ios-app-tabbar em { position: absolute; top: 0; left: calc(50% + 7px); min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #111016; border-radius: 999px; background: #ef174f; color: white; font: 800 8px/1 "Manrope"; font-style: normal; }
.ios-app-tabbar em[hidden] { display: none; }
html.ios-pwa-standalone { overscroll-behavior-y: none; }
html.ios-pwa-standalone body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); overscroll-behavior-y: none; }
html.ios-pwa-ios body { padding-top: env(safe-area-inset-top); }
html.ios-pwa-standalone .site-header { display: none; }
html.ios-pwa-standalone .catalog-view-tabs,
html.ios-pwa-standalone .catalog-selected-tags { scrollbar-width: none; -ms-overflow-style: none; }
html.ios-pwa-standalone .catalog-view-tabs::-webkit-scrollbar,
html.ios-pwa-standalone .catalog-selected-tags::-webkit-scrollbar { display: none; width: 0; height: 0; }
html.ios-pwa-standalone main { animation: ios-app-page-enter .2s ease-out both; }
@keyframes ios-app-page-enter { from { opacity: .72; filter: blur(3px); transform: translateY(3px); } to { opacity: 1; filter: blur(0); transform: none; } }
.ios-navigation-loader[hidden] { display: none; }
.ios-navigation-loader { position: fixed; z-index: 470; inset: 0 0 calc(64px + env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 11px; background: rgba(8,7,11,.2); color: white; opacity: 0; pointer-events: all; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); transition: opacity .14s ease, backdrop-filter .14s ease, -webkit-backdrop-filter .14s ease; }
.ios-navigation-loader.open { opacity: 1; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.ios-navigation-loader span { width: 36px; height: 36px; border: 3px solid rgba(255,255,255,.22); border-top-color: #ff5f91; border-radius: 50%; box-shadow: 0 0 18px rgba(239,23,79,.18); animation: ios-navigation-spin .7s linear infinite; }
@keyframes ios-navigation-spin { to { transform: rotate(360deg); } }
html.ios-pwa-standalone .toast-region,
html.ios-pwa-standalone .catalog-alert-stack { bottom: calc(76px + env(safe-area-inset-bottom)); }
html.ios-more-open { overflow: hidden; }
.ios-more-sheet[hidden] { display: none; }
.ios-more-sheet { position: fixed; z-index: 510; inset: 0; display: flex; align-items: flex-end; justify-content: center; padding: 0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left)); }
.ios-more-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(2,2,4,.62); opacity: 0; cursor: default; backdrop-filter: blur(5px); transition: opacity .2s ease; }
.ios-more-panel { position: relative; width: min(520px,100%); max-height: min(78vh,720px); overflow-y: auto; padding: 8px 16px calc(18px + env(safe-area-inset-bottom)); border: 1px solid rgba(255,255,255,.14); border-bottom: 0; border-radius: 25px 25px 0 0; background: rgba(22,21,27,.985); box-shadow: 0 -25px 75px rgba(0,0,0,.55); transform: translateY(105%); transition: transform .22s cubic-bezier(.22,.72,.3,1); }
.ios-more-sheet.open .ios-more-backdrop { opacity: 1; }
.ios-more-sheet.open .ios-more-panel { transform: translateY(0); }
.ios-more-handle { width: 38px; height: 5px; display: block; margin: 2px auto 12px; border-radius: 999px; background: #57535d; }
.ios-more-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 3px 14px; }
.ios-more-panel > header small { color: #ff8ead; font: 800 8px "Manrope"; letter-spacing: .8px; text-transform: uppercase; }
.ios-more-panel > header h2 { margin: 1px 0 0; color: white; font: 800 27px/1.1 "Manrope"; letter-spacing: -1px; }
.ios-more-panel > header button { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.04); color: #d8d2db; font-size: 22px; cursor: pointer; }
.ios-more-card-size { padding: 13px; border: 1px solid rgba(255,255,255,.085); border-radius: 16px; background: rgba(255,255,255,.025); }
.ios-more-card-size > strong { display: block; margin-bottom: 9px; color: #aaa4af; font: 800 9px "Manrope"; letter-spacing: .7px; text-transform: uppercase; }
.ios-more-card-size > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.ios-more-card-size button { min-width: 0; display: grid; gap: 5px; padding: 9px 8px 7px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; background: rgba(255,255,255,.025); color: #97919d; cursor: pointer; }
.ios-more-card-size button.active { border-color: rgba(239,71,111,.42); background: rgba(239,71,111,.12); color: #fff; }
.ios-more-card-size .card-size-preview { width: 44px; height: 24px; margin: auto; }
.ios-more-card-size button b { overflow: hidden; font: 700 9px "Manrope"; text-overflow: ellipsis; }
.ios-more-panel > nav { display: grid; gap: 7px; margin-top: 12px; }
.ios-more-panel > nav > a,.ios-more-panel > nav > button { width: 100%; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 11px; min-height: 58px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: rgba(255,255,255,.025); color: inherit; text-align: left; cursor: pointer; }
.ios-more-panel > nav > a > span,.ios-more-panel > nav > button > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(239,71,111,.11); color: #ff87a8; }
.ios-more-panel > nav svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ios-more-panel > nav div { min-width: 0; display: grid; }
.ios-more-panel > nav b { color: #eee9f0; font: 700 12px "Manrope"; }
.ios-more-panel > nav small { overflow: hidden; color: #817b87; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.ios-more-panel > nav > a > i,.ios-more-panel > nav > button > i { color: #706a76; font: 400 24px/1 sans-serif; font-style: normal; }
.ios-pull-refresh { --pull-distance: 0px; position: fixed; z-index: 505; top: calc(env(safe-area-inset-top) + 7px); left: 50%; min-height: 36px; display: flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(25,23,30,.94); color: #aaa4b0; font: 700 10px "Manrope"; opacity: 0; pointer-events: none; box-shadow: 0 10px 30px rgba(0,0,0,.35); transform: translate(-50%,calc(-55px + var(--pull-distance))); transition: opacity .12s ease,color .12s ease,border-color .12s ease; backdrop-filter: blur(18px); }
.ios-pull-refresh.visible { opacity: 1; }
.ios-pull-refresh.armed { border-color: rgba(93,211,158,.38); color: #8ce1b7; }
.ios-pull-refresh svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
.ios-pull-refresh.armed svg { transform: rotate(90deg); }
.ios-pull-refresh.refreshing { --pull-distance: 64px; opacity: 1; color: #8ce1b7; }
.ios-pull-refresh.refreshing svg { animation: ios-refresh-spin .65s linear infinite; }
@keyframes ios-refresh-spin { to { transform: rotate(360deg); } }
.ios-install-open { overflow: hidden; }
.ios-install-dialog { position: fixed; z-index: 520; inset: 0; display: grid; place-items: center; padding: max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom)); background: rgba(5,4,7,.82); backdrop-filter: blur(14px); }
.ios-install-panel { position: relative; width: min(430px,100%); max-height: 100%; overflow-y: auto; padding: 26px; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: linear-gradient(145deg,#1a171f,#100f14 70%); box-shadow: 0 30px 90px rgba(0,0,0,.62); }
.ios-install-close { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.04); color: #ddd7e1; font-size: 24px; line-height: 1; cursor: pointer; }
.ios-install-app { display: flex; align-items: center; gap: 12px; padding-right: 38px; }
.ios-install-app img { width: 52px; height: 52px; border-radius: 13px; object-fit: cover; box-shadow: 0 8px 24px rgba(239,71,111,.2); }
.ios-install-app div { display: grid; gap: 2px; }
.ios-install-app span { color: #ff8faf; font: 800 8px "Manrope"; letter-spacing: .8px; text-transform: uppercase; }
.ios-install-app strong { color: white; font: 800 14px "Manrope"; }
.ios-install-panel h2 { margin: 24px 0 8px; color: white; font: 800 clamp(25px,7vw,34px)/1.08 "Manrope"; letter-spacing: -1.3px; }
.ios-install-panel > p { margin: 0; color: #aaa3af; font-size: 13px; line-height: 1.55; }
.ios-install-steps { display: grid; gap: 10px; margin: 22px 0; padding: 0; list-style: none; }
.ios-install-steps li { display: grid; grid-template-columns: 29px minmax(0,1fr); align-items: center; gap: 11px; min-height: 52px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(255,255,255,.035); color: #bdb7c1; font-size: 13px; }
.ios-install-steps i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: rgba(239,71,111,.14); color: #ff91b0; font: 800 11px "Manrope"; font-style: normal; }
.ios-install-steps b { color: #f1edf3; }
.ios-install-steps svg { width: 18px; height: 18px; margin: 0 2px -4px; fill: none; stroke: #69a9ff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ios-install-browser-step > span { display: grid; justify-items: start; gap: 8px; }
.ios-install-copy { min-height: 34px; padding: 7px 11px; border: 1px solid rgba(105,169,255,.38); border-radius: 999px; background: rgba(105,169,255,.11); color: #bdddff; font: 800 10px "Manrope"; cursor: pointer; }
.ios-install-copy.copied { border-color: rgba(93,211,158,.38); background: rgba(93,211,158,.11); color: #91e5bc; }
.ios-install-browser-step small { color: #8d9fb1; font-size: 10px; line-height: 1.45; }
.ios-install-browser-step small:empty { display: none; }
.ios-install-done { width: 100%; justify-content: center; }
.toast-region { position: fixed; z-index: 200; right: 18px; bottom: 18px; display: grid; gap: 8px; }
.toast { max-width: 360px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 10px; background: #24242c; box-shadow: var(--shadow); animation: toast-in .25s ease; }
.server-toast { position: fixed; z-index: 220; right: 18px; top: 92px; max-width: min(420px,calc(100vw - 36px)); padding: 13px 16px; border: 1px solid var(--line); border-radius: 10px; background: #24242c; box-shadow: var(--shadow); animation: toast-in .25s ease; }
.server-toast.success { border-color: rgba(93,211,158,.35); }
.server-toast.error { border-color: rgba(255,93,115,.42); }
.comment-actions form { display: inline; margin: 0; }
@keyframes toast-in { from { transform: translateY(12px); opacity: 0; } }
.modal-root:not(:empty) { position: fixed; z-index: 150; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.72); backdrop-filter: blur(7px); }
.modal { width: min(520px,100%); padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: var(--shadow); }
.modal h2 { margin-top: 0; }

/* ACP — aligned with the Miraculous private control panel. */
.admin-page { max-width: 1380px; }
.admin-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.admin-hero h1 { margin: 8px 0 7px; font: 800 clamp(38px,5vw,64px)/1 "Manrope"; letter-spacing: -3px; }
.admin-hero p { margin: 0; color: var(--muted); }
.admin-access { padding: 8px 12px; border: 1px solid rgba(93,211,158,.35); border-radius: 999px; background: rgba(93,211,158,.08); color: var(--success); font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.admin-stat-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 15px; margin-bottom: 22px; }
.admin-stat-grid article { padding: 20px 23px; border: 1px solid #292930; border-radius: 12px; background: linear-gradient(140deg,#17171c,#101014); }
.admin-stat-grid span { color: #80808a; font-size: 11px; }
.admin-stat-grid b { display: block; margin-top: 6px; font: 800 31px "Manrope"; }
.admin-online-stat span { display: flex; align-items: center; gap: 7px; }
.admin-online-stat small { display: block; margin-top: 2px; color: #686873; font-size: 9px; }
.admin-series-heading { min-height: 230px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 22px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(circle at 82% 20%,rgba(229,9,61,.15),transparent 34%),#101014; }
.admin-series-heading h1 { max-width: 900px; margin: 10px 0 5px; font: 800 clamp(32px,5vw,58px)/1 "Manrope"; letter-spacing: -2.5px; }
.admin-series-heading p { margin: 0; color: var(--muted); }
.admin-series-heading img { width: min(330px,32vw); aspect-ratio: 16/9; border: 1px solid var(--line); border-radius: 14px; object-fit: cover; box-shadow: var(--shadow); }
.admin-back-link { display: block; margin-bottom: 25px; color: #aaa4af; font-size: 12px; font-weight: 700; }
.admin-back-link:hover { color: white; }
.admin-tabs { display: flex; align-items: center; gap: 7px; margin: 0 0 22px; padding: 6px 6px 9px; overflow-x: auto; overflow-y: hidden; border: 1px solid #292930; border-radius: 12px; background: #111115; scrollbar-width: thin; scrollbar-color: #8e2948 #1b1a20; overscroll-behavior-x: contain; }
.admin-tabs::-webkit-scrollbar { height: 6px; }
.admin-tabs::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.admin-tabs::-webkit-scrollbar-track { margin: 0 9px 3px; border-radius: 999px; background: #1b1a20; }
.admin-tabs::-webkit-scrollbar-thumb { min-width: 70px; border-radius: 999px; background: linear-gradient(90deg,#8e2948,#d52f62); box-shadow: 0 0 8px rgba(239,71,111,.22); }
.admin-tabs::-webkit-scrollbar-thumb:hover { background: linear-gradient(90deg,#b22b55,#ef4770); }
.admin-tabs > a { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; padding: 11px 17px; border-radius: 8px; color: #92929d; font-size: 13px; font-weight: 700; white-space: nowrap; }
.admin-tabs > a:hover { color: #fff; background: #19191f; }
.admin-tabs > a.active { color: #fff; background: linear-gradient(135deg,#e5093d,#a80730); }
.admin-tabs > a span { padding: 2px 7px; border-radius: 999px; background: #ffffff12; font-size: 10px; }
.admin-two-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.panel-head h2 { margin: 0; }
.panel-head > span { color: #777780; font-size: 11px; }
.field-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.admin-form textarea { min-height: 92px; resize: vertical; }
.admin-form > .button { margin-top: 15px; }
.season-multi { position: relative; min-width: 0; }
.season-multi-native { position: absolute; width: 1px; height: 1px; padding: 0; opacity: 0; pointer-events: none; }
.season-multi-selection { min-height: 46px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 6px 11px; border: 1px solid var(--line); border-radius: 10px; background: #121218; }
.season-multi-selection:focus-within { border-color: rgba(239,71,111,.75); box-shadow: 0 0 0 3px rgba(239,71,111,.09); }
.season-multi-chips { display: contents; }
.season-multi-chip { width: auto; min-width: 0; display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid rgba(239,71,111,.38); border-radius: 999px; background: rgba(239,71,111,.14); color: #fff; font-size: 11px; cursor: pointer; }
.season-multi-chip i { color: #f995ad; font-size: 14px; font-style: normal; line-height: 1; }
.season-multi-input { width: min(240px,100%); min-width: 170px; flex: 1; padding: 5px 2px; border: 0; background: transparent; box-shadow: none !important; }
.season-multi-actions { display: flex; justify-content: flex-end; gap: 12px; padding: 7px 3px 0; }
.season-multi-actions button { width: auto; padding: 2px; border: 0; background: transparent; color: var(--muted); font-size: 11px; cursor: pointer; }
.season-multi-actions button:hover { color: #fff; }
.season-multi-list { position: absolute; z-index: 85; top: calc(100% + 6px); right: 0; left: 0; display: grid; grid-template-columns: repeat(auto-fill,minmax(82px,1fr)); gap: 6px; max-height: 260px; overflow-y: auto; padding: 8px; border: 1px solid var(--line); border-radius: 11px; background: #121218; box-shadow: var(--shadow); }
.season-multi-list[hidden] { display: none; }
.season-multi-list button { display: flex; justify-content: space-between; align-items: center; padding: 9px 10px; border: 1px solid transparent; border-radius: 8px; background: #18181f; color: #c7c2cc; text-align: left; cursor: pointer; }
.season-multi-list button:hover,.season-multi-list button:focus { border-color: rgba(239,71,111,.4); outline: none; }
.season-multi-list button.selected { border-color: rgba(239,71,111,.55); background: rgba(239,71,111,.16); color: #fff; }
.season-multi-list button i { color: var(--accent); font-style: normal; }
.table-empty { padding: 38px !important; color: #777780; text-align: center !important; }
.table-subline { display: block; margin-top: 4px; color: #777780; font-size: 10px; }
.source-value { display: block; max-width: 300px; overflow: hidden; color: #a7a7b0; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.table-user { display: flex; align-items: center; gap: 10px; min-width: 210px; }
.table-user .avatar { width: 36px; min-width: 36px; max-width: 36px; height: 36px; min-height: 36px; max-height: 36px; aspect-ratio: 1 / 1; overflow: hidden; }
.table-user .avatar img { width: 36px; height: 36px; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; }
.table-user > span:last-child { display: flex; flex-direction: column; }
.table-user small { margin-top: 3px; color: #777780; }
.admin-user-link { color: inherit; transition: color .2s ease,transform .2s ease; }
.admin-user-link:hover { color: white; transform: translateX(2px); }
.admin-user-link:hover b { color: var(--accent); }
.admin-user-detail { scroll-margin-top: 94px; }
.admin-user-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.admin-user-identity { min-width: 0; display: flex; align-items: center; gap: 16px; }
.admin-user-detail-avatar { width: 70px; height: 70px; font: 800 24px "Manrope"; }
.admin-user-identity h2 { margin: 2px 0 1px; font-size: 27px; }
.admin-user-identity p { margin: 0; color: var(--muted); font-size: 13px; }
.admin-user-account-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--line); }
.admin-user-account-grid > div { min-width: 0; padding: 13px 15px; background: #111116; }
.admin-user-account-grid span { display: block; color: #77717e; font-size: 9px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.admin-user-account-grid b { display: block; margin-top: 4px; overflow: hidden; color: #e9e5ec; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-metric-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin: 18px 0; }
.admin-user-metric-grid article { padding: 14px 16px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); }
.admin-user-metric-grid span,.admin-user-metric-grid small { display: block; color: #77717e; font-size: 10px; }
.admin-user-metric-grid b { display: block; margin: 3px 0; font: 800 24px "Manrope"; }
.admin-user-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.admin-user-data-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #101014; }
.admin-user-data-card .panel-head { margin: 0; padding: 15px 16px 12px; border-bottom: 1px solid var(--line); }
.admin-user-data-card h3 { margin: 0 0 3px; font: 800 15px "Manrope"; }
.admin-user-data-card .panel-head span { color: var(--muted); font-size: 10px; }
.admin-user-comments-card { grid-column: 1 / -1; }
.admin-user-data-list { max-height: 390px; overflow: auto; }
.admin-user-data-list > a { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 11px 15px; border-bottom: 1px solid rgba(255,255,255,.055); color: inherit; transition: background .2s ease; }
.admin-user-data-list > a:last-child { border-bottom: 0; }
.admin-user-data-list > a:hover { background: rgba(255,255,255,.04); }
.admin-user-data-list > a > span { min-width: 0; display: flex; flex-direction: column; }
.admin-user-data-list b,.admin-user-data-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-data-list b { color: #ded9e2; font-size: 12px; }
.admin-user-data-list small { margin-top: 3px; color: #77717e; font-size: 10px; }
.admin-user-data-list time { color: #68626e; font-size: 9px; white-space: nowrap; }
.admin-user-empty { margin: 0; padding: 20px 16px; color: var(--muted); font-size: 12px; }
.admin-user-progress { height: 3px; display: block; margin-top: 7px; overflow: hidden; border-radius: 9px; background: rgba(255,255,255,.08); }
.admin-user-progress > i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,var(--accent-2),var(--accent)); }
.role-pill { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: #25252c; color: #cacacf; font-size: 10px; font-weight: 700; text-transform: capitalize; }
.role-admin { background: #e5093d20; color: #ff6d91; }
.role-owner { background: rgba(255,209,102,.14); color: #ffd166; }
.role-channel_manager { background: rgba(72,177,255,.14); color: #79c7ff; }
.role-moderator { background: rgba(166,111,255,.14); color: #bd91ff; }
.user-admin-actions { min-width: 180px; display: grid; justify-items: end; gap: 9px; }
.local-datetime { min-width: 148px; display: inline-flex; flex-direction: column; white-space: nowrap; }
.local-datetime span { color: #e7e3e9; font-size: 12px; font-weight: 600; }
.local-datetime small { margin-top: 2px; color: #77717d; font-size: 9px; }
.date-never { color: #77717d; font-size: 12px; }
.user-admin-actions form { margin: 0; }
.user-two-factor-state { display: block; margin-top: 5px; color: #d0a95f; font-size: 9px; font-weight: 800; white-space: nowrap; }
.user-two-factor-state.enabled { color: #66d8a5; }
.role-change-form { display: flex; align-items: center; gap: 8px; }
.role-change-form select { width: auto; min-width: 142px; padding: 7px 9px; font-size: 11px; }
.audit-details { max-width: 420px; display: block; overflow: hidden; color: #aaa5b0; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.admin-read-only::before { content: "Read-only access"; display: block; margin-bottom: 14px; padding: 9px 12px; border: 1px solid rgba(72,177,255,.25); border-radius: 10px; background: rgba(72,177,255,.07); color: #79c7ff; font-size: 11px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.admin-read-only form,.admin-read-only .admin-two-columns,.admin-read-only .generator-job-actions button { display: none !important; }
.admin-read-only .admin-list-filters { display: grid !important; }
.permissions-table th,.permissions-table td { text-align: center; }
.permissions-table th:first-child,.permissions-table td:first-child { min-width: 160px; text-align: left; }
.permissions-table select { min-width: 118px; padding: 8px 9px; font-size: 11px; }
.permission-owner-lock { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: rgba(255,209,102,.13); color: #ffd166; font-size: 10px; font-weight: 800; }
.permissions-save { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.permissions-save p { margin: 0; color: var(--muted); font-size: 12px; }
.impersonate-button { color: #79c7ff; }
.impersonation-banner { position: relative; z-index: 95; min-height: 62px; display: flex; align-items: center; justify-content: center; gap: 28px; padding: 10px 24px; border-bottom: 1px solid rgba(255,209,102,.3); background: linear-gradient(90deg,#2c2111,#1b1720); box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.impersonation-banner > div { display: flex; flex-direction: column; }
.impersonation-banner strong { color: #ffd166; font: 800 13px "Manrope"; }
.impersonation-banner span { margin-top: 2px; color: #c8bdac; font-size: 11px; }
.impersonation-banner form { margin: 0; }
.ios-install-banner { padding-right: 66px; border-bottom-color: rgba(105,169,255,.3); background: linear-gradient(90deg,#10243a,#151a27 62%,#181620); }
.ios-install-banner[hidden] { display: none; }
.ios-install-banner strong { color: #8ec5ff; }
.ios-install-banner span { color: #aebdce; }
.ios-install-banner .button { min-height: 38px; border-color: rgba(105,169,255,.4); background: rgba(105,169,255,.14); color: #d9ebff; box-shadow: none; }
.ios-install-banner-dismiss { position: absolute; top: 10px; right: 12px; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(142,197,255,.25); border-radius: 50%; background: rgba(255,255,255,.04); color: #b9cee5; font-size: 22px; line-height: 1; cursor: pointer; }
.ios-install-banner-dismiss:hover { border-color: rgba(142,197,255,.5); background: rgba(255,255,255,.08); color: white; }
.android-install-banner { padding-right: 66px; border-bottom-color: rgba(93,211,158,.3); background: linear-gradient(90deg,#102c24,#151d22 62%,#181620); }
.android-install-banner[hidden] { display: none; }
.android-install-banner strong { color: #83e7b0; }
.android-install-banner span { color: #b3c9bf; }
.android-install-banner .button { min-height: 38px; border-color: rgba(93,211,158,.4); background: rgba(93,211,158,.14); color: #d9ffea; box-shadow: none; }
.app-open-banner { width: min(var(--max),calc(100% - 48px)); display: grid; grid-template-columns: 42px minmax(0,1fr) auto 34px; align-items: center; gap: 12px; margin: 16px auto -18px; padding: 11px 12px; border: 1px solid rgba(239,71,111,.24); border-radius: 15px; background: linear-gradient(120deg,rgba(239,71,111,.1),rgba(18,18,23,.96) 52%); box-shadow: 0 15px 45px rgba(0,0,0,.2); }
.app-open-banner[hidden] { display: none; }
.app-open-banner > img { width: 42px; height: 42px; border-radius: 11px; }
.app-open-banner > span { min-width: 0; display: grid; gap: 2px; }
.app-open-banner strong { color: #f4f0f5; font: 800 13px "Manrope"; }
.app-open-banner small { overflow: hidden; color: #8e8793; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.app-open-banner > button { width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #77717d; font-size: 21px; cursor: pointer; }
.android-install-banner-dismiss { position: absolute; top: 10px; right: 12px; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(93,211,158,.25); border-radius: 50%; background: rgba(255,255,255,.04); color: #b9ddca; font-size: 22px; line-height: 1; cursor: pointer; }
.android-install-banner-dismiss:hover { border-color: rgba(93,211,158,.5); background: rgba(255,255,255,.08); color: white; }
.status.published,.status.active,.status.completed { background: #123023; color: #6ee1a3; }
.status.processing,.status.queued,.status.running { background: #17283b; color: #7dc2ff; }
.status.hidden,.status.draft { background: #2b281c; color: #dfca75; }
.status.failed,.status.deleted { background: #321921; color: #e8849d; }
.comment-preview { min-width: 260px; max-width: 520px; margin: 0; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.generator-health { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-color: #28513c; background: #101a15; }
.generator-health > div { display: flex; align-items: center; gap: 12px; }
.generator-health i { width: 10px; height: 10px; border-radius: 50%; background: var(--success); box-shadow: 0 0 14px var(--success); }
.generator-health b,.generator-health small,.generator-health span { display: block; }
.generator-health small { margin-top: 3px; color: #8d8d97; font-size: 11px; }
.generator-file { position: relative; display: block; min-height: 115px; margin: 16px 0 !important; padding: 16px; border: 1px dashed #41414b; border-radius: 10px; background: #141419; cursor: pointer; }
.generator-file > span { color: #aaaab3; font-size: 9px; font-weight: 800; letter-spacing: 1.1px; text-transform: uppercase; }
.generator-file input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.generator-file b { display: block; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.generator-file small { display: block; margin-top: 6px; color: #74747e; font-size: 10px; }
.generator-progress { margin: 15px 0; }
.generator-progress > div,.generator-job-track { height: 7px; overflow: hidden; border-radius: 7px; background: #24242b; }
.generator-progress i,.generator-job-track i { display: block; height: 100%; background: linear-gradient(90deg,#e5093d,#ff557b); transition: width .2s; }
.generator-progress span { display: block; margin-top: 7px; color: #9c9ca5; font-size: 10px; }
.generator-job { display: grid; grid-template-columns: minmax(180px,1fr) 2fr auto; align-items: center; gap: 22px; padding: 15px 4px; border-bottom: 1px solid #24242b; }
.generator-job > div:first-child b,.generator-job > div:first-child small { display: block; }
.generator-job small { margin-top: 4px; color: #777780; font-size: 10px; }
.generator-job strong { font-size: 10px; }
.generator-job-actions { display: flex; align-items: flex-end; flex-direction: column; gap: 7px; white-space: nowrap; }
.generator-job-actions .danger { color: var(--danger); }
.generator-job-actions button:disabled { opacity: .45; cursor: wait; }
.generator-job.completed .generator-job-track i { background: var(--success); }
.generator-job.failed .generator-job-track i { background: var(--danger); }
.generator-guide-link { color: #ff7898; font-weight: 800; }
.generator-guide-link:hover { color: #fff; }
.generator-guide { scroll-margin-top: 95px; }
.generator-guide-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin: 22px 0; padding: 0; list-style: none; counter-reset: upload-step; }
.generator-guide-steps li { counter-increment: upload-step; min-width: 0; padding: 16px; border: 1px solid #303039; border-radius: 12px; background: #141419; }
.generator-guide-steps li::before { content: counter(upload-step); display: grid; width: 27px; height: 27px; margin-bottom: 12px; place-items: center; border-radius: 50%; background: #e5093d; color: #fff; font: 800 11px "Manrope"; }
.generator-guide-steps b,.generator-guide-steps span { display: block; }
.generator-guide-steps b { font: 800 12px "Manrope"; }
.generator-guide-steps span { margin-top: 7px; color: #8d8d97; font-size: 10px; line-height: 1.55; }
.generator-guide a:not(.text-button) { color: #ff7898; text-decoration: underline; text-underline-offset: 3px; }
.generator-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.generator-guide-grid article { padding: 18px; border: 1px solid #303039; border-radius: 12px; background: linear-gradient(145deg,#18181e,#111115); }
.generator-guide-grid article > span { color: #ff7898; font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.generator-guide-grid h3 { margin: 7px 0 8px; font: 800 15px "Manrope"; }
.generator-guide-grid p { margin: 0; color: #8d8d97; font-size: 11px; line-height: 1.6; }
.generator-automation { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: 28px; margin-top: 12px; padding: 22px; border: 1px solid #28513c; border-radius: 12px; background: linear-gradient(145deg,#101a15,#111115); }
.generator-automation h3 { margin: 7px 0 9px; font: 800 18px "Manrope"; }
.generator-automation p { margin: 0; color: #8fa197; font-size: 11px; line-height: 1.6; }
.generator-automation ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.generator-automation li { position: relative; padding-left: 18px; }
.generator-automation li::before { content: ""; position: absolute; top: 6px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px rgba(110,225,163,.45); }
.generator-automation li b,.generator-automation li span { display: block; }
.generator-automation li b { font: 800 11px "Manrope"; }
.generator-automation li span { margin-top: 3px; color: #849189; font-size: 10px; line-height: 1.5; }
.generator-guide-warning { display: flex; align-items: flex-start; gap: 14px; margin-top: 12px; padding: 16px 18px; border: 1px solid rgba(255,209,102,.3); border-radius: 12px; background: rgba(255,209,102,.07); }
.generator-guide-warning b { flex: 0 0 auto; color: #ffd166; font: 800 11px "Manrope"; }
.generator-guide-warning span { color: #b9ad94; font-size: 10px; line-height: 1.55; }
.traffic-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.traffic-heading h2 { margin: 5px 0 7px; font: 800 31px "Manrope"; letter-spacing: -1px; }
.traffic-heading p { margin: 0; color: #85858f; font-size: 12px; }
.traffic-periods { display: flex; gap: 5px; padding: 4px; border: 1px solid #303038; border-radius: 10px; background: #111116; }
.traffic-periods a { padding: 9px 12px; border-radius: 7px; color: #85858f; font-size: 10px; font-weight: 800; }
.traffic-periods a.active { background: #292930; color: #fff; }
.traffic-metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; margin-bottom: 22px; }
.traffic-metric-grid article { padding: 19px; border: 1px solid #2d2d35; border-radius: 12px; background: linear-gradient(145deg,#18181e,#111115); }
.traffic-metric-grid span { color: #81818b; font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.traffic-metric-grid b { display: block; margin: 9px 0 7px; font: 800 clamp(20px,2.2vw,30px) "Manrope"; }
.traffic-metric-grid small { color: #74747e; font-size: 9px; }
.traffic-chart { display: grid; height: 210px; grid-template-columns: repeat(var(--traffic-columns),minmax(3px,1fr)); align-items: end; gap: 4px; padding-top: 20px; }
.traffic-chart i { display: flex; height: 100%; align-items: flex-end; }
.traffic-chart i span { display: block; width: 100%; height: var(--traffic-height); min-height: 2px; border-radius: 3px 3px 0 0; background: linear-gradient(180deg,#ff5178,#a80730); }

@media (max-width: 1050px) {
  .cards { grid-template-columns: repeat(4,1fr); }
  .episode-cards { grid-template-columns: repeat(3,1fr); }
  html[data-card-size="compact"] .cards { grid-template-columns: repeat(4,minmax(0,1fr)); }
  html[data-card-size="standard"] .cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-card-size="large"] .cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .watch-layout { grid-template-columns: 1fr; }
  .episode-sidebar { position: static; max-height: none; }
  .admin-list-filters { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .admin-list-search { grid-column: span 2; }
  .tag-manager-edit { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .generator-guide-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .site-header { grid-template-columns: 1fr auto; gap: 12px; padding-inline: 20px; }
  .main-nav { position: absolute; z-index: 2; top: 76px; left: 14px; right: 14px; display: none; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: #15151b; box-shadow: var(--shadow); }
  .main-nav.open { display: grid; }
  .main-nav a { padding: 9px; }
  .main-nav .mobile-account-link { display: block; margin-top: 4px; padding-top: 13px; border-top: 1px solid var(--line); color: white; }
  .menu-button { display: grid; }
  .account-button { display: none; }
  .hero { min-height: 570px; }
  .detail-copy { width: min(680px,100%); }
  .hero::after, .detail-hero::after { right: -20%; opacity: .55; }
  .cards { grid-template-columns: repeat(3,1fr); }
  html[data-card-size="compact"] .cards { grid-template-columns: repeat(4,minmax(0,1fr)); }
  html[data-card-size="standard"] .cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-card-size="large"] .cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .auth-layout { grid-template-columns: 1fr; margin-top: 0; }
  .auth-art { display: none; }
  .auth-panel { padding: 55px 24px; }
  .two-factor-setup-grid { grid-template-columns: 1fr; }
  .two-factor-help { position: static; }
  .bug-report-layout { grid-template-columns: 1fr; }
  .bug-report-info { position: static; }
  .profile-grid, .admin-grid, .account-settings-grid { grid-template-columns: 1fr; }
  .account-settings-grid {
    grid-auto-flow: row;
    grid-auto-rows: auto;
    gap: 22px;
  }
  .account-settings-grid .panel { grid-row: auto !important; }
  .two-factor-manage-grid { grid-template-columns: 1fr; }
  .two-factor-disable-panel { grid-template-columns: 1fr; }
  .account-invite { grid-template-columns: 86px minmax(0,1fr); }
  .account-invite-art { width: 76px; height: 76px; }
  .account-invite-actions { grid-column: 1 / -1; align-items: flex-start; flex-direction: row; }
  .admin-stat-grid,.traffic-metric-grid,.admin-two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-bug-report-list { grid-template-columns: 1fr; }
  .admin-user-metric-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .admin-user-detail-grid { grid-template-columns: 1fr; }
  .admin-user-comments-card { grid-column: auto; }
  .admin-list-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tag-manager-edit { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .profile-nav { position: static; grid-auto-flow: column; overflow-x: auto; }
  .card-quick-tag-groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  html.catalog-tag-filter-open,
  html.catalog-tag-filter-open body { height: 100%; overflow: hidden; overscroll-behavior: none; }
  .page-shell, .content-stack, .site-footer { width: min(100% - 28px,var(--max)); }
  .app-open-banner { width: calc(100% - 28px); grid-template-columns: 38px minmax(0,1fr) 30px; margin-top: 12px; padding: 10px; }
  .app-open-banner > img { width: 38px; height: 38px; }
  .app-open-banner > .button { grid-column: 1 / -1; grid-row: 2; width: 100%; min-height: 40px; }
  .app-open-banner > button { grid-column: 3; grid-row: 1; }
  .admin-tabs { -webkit-overflow-scrolling: touch; }
  .admin-tabs > a { padding-inline: 14px; }
  .hero, .detail-hero { padding-inline: 18px; }
  .hero h1 { letter-spacing: -2.7px; }
  .detail-copy h1 { font-size: clamp(34px,10.5vw,48px); letter-spacing: -2.3px; }
  .cards, .episode-cards { grid-template-columns: repeat(2,1fr); gap: 12px; }
  html[data-card-size="compact"] .cards { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
  html[data-card-size="standard"] .cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  html[data-card-size="large"] .cards { grid-template-columns: 1fr; gap: 19px; }
  .page-heading { align-items: start; flex-direction: column; }
  .impersonation-banner { align-items: stretch; flex-direction: column; gap: 9px; padding: 11px 14px; }
  .impersonation-banner .button { width: 100%; }
  .avatar-settings-panel { grid-template-columns: 82px minmax(0,1fr); gap: 16px; }
  .avatar-settings-preview { width: 82px; height: 82px; font-size: 29px; }
  .avatar-upload-form { grid-column: 1 / -1; align-items: stretch; flex-direction: column; }
  .two-factor-steps > div { grid-template-columns: 34px minmax(0,1fr); gap: 11px; padding: 19px 15px; }
  .two-factor-steps > div > i { width: 30px; height: 30px; }
  .two-factor-manual-details { grid-template-columns: 1fr; }
  .two-factor-setup-actions { align-items: stretch; flex-direction: column; }
  .two-factor-setup-actions .button,.two-factor-setup-actions .text-button { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: center; }
  .two-factor-recovery-codes { grid-template-columns: 1fr; }
  .two-factor-recovery-actions { display: grid; grid-template-columns: 1fr; }
  .two-factor-recovery-actions .button { width: 100%; }
  .two-factor-recovery-note { flex-direction: column; }
  .bug-report-form > .button { width: 100%; }
  .two-factor-recovery-status,.two-factor-manage-link { margin-left: 0; }
  .trusted-apps-heading { flex-direction: column; gap: 10px; }
  .trusted-app-list article { grid-template-columns: 40px minmax(0,1fr); }
  .trusted-app-icon { width: 40px; height: 40px; }
  .trusted-app-list form { grid-column: 1 / -1; }
  .trusted-app-list form .text-button { width: 100%; min-height: 38px; border: 1px solid rgba(255,135,151,.18); border-radius: 9px; }
  .staff-security-guide { grid-template-columns: 1fr; }
  .browse-heading h1 { font-size: 43px; letter-spacing: -2.5px; }
  .catalog-search { width: 100%; }
  .catalog-filter-row { align-items: stretch; }
  .catalog-view-tabs { width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
  .catalog-view-tabs a { flex: 0 0 auto; }
  .catalog-tag-filter { order: 3; width: 100%; }
  .catalog-tag-filter summary { width: 100%; justify-content: center; }
  .catalog-tag-panel { position: fixed; z-index: 100; top: 78px; right: 10px; bottom: max(10px,env(safe-area-inset-bottom)); left: 10px; width: auto; max-height: none; display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; padding: 0; border-radius: 17px; }
  .catalog-tag-panel-head { padding: 18px 18px 15px; }
  .catalog-tag-panel-head strong { font-size: 18px; }
  .catalog-tag-panel-head > div > span { max-width: 290px; font-size: 12px; line-height: 1.45; }
  .catalog-tag-panel-controls button { width: 32px; height: 32px; flex: 0 0 32px; }
  .catalog-tag-groups { display: block; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 17px 18px 24px; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; }
  .catalog-tag-groups fieldset + fieldset { margin-top: 24px; }
  .catalog-tag-groups legend { margin-bottom: 10px; font-size: 11px; }
  .catalog-tag-options { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 10px; }
  .catalog-tag-options label { grid-template-columns: 18px minmax(0,1fr) auto; gap: 8px; min-height: 40px; padding: 8px 5px; font-size: 12px; line-height: 1.25; }
  .catalog-tag-options input { width: 18px; min-width: 18px; height: 18px; }
  .catalog-tag-options span { white-space: normal; }
  .catalog-tag-options small { font-size: 10px; }
  .catalog-tag-actions { position: static; margin: 0; padding: 14px 18px calc(14px + env(safe-area-inset-bottom)); background: #100f14; }
  .catalog-tag-actions .button { min-height: 42px; padding-inline: 20px; font-size: 12px; }
  html.ios-pwa-standalone .catalog-tag-filter[open] { z-index: 520; }
  html.ios-pwa-standalone .catalog-tag-panel { z-index: 520; top: max(8px,env(safe-area-inset-top)); bottom: calc(64px + max(8px,env(safe-area-inset-bottom))); background: #100f14; backdrop-filter: none; -webkit-backdrop-filter: none; }
  html.ios-pwa-standalone .catalog-tag-groups { min-height: 0; overflow-y: auto; touch-action: pan-y; scrollbar-gutter: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }
  .catalog-selected-tags { margin-top: -13px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
  .catalog-selected-tags a { flex: 0 0 auto; }
  .admin-tag-editor fieldset > div { grid-template-columns: 1fr; }
  .admin-list-filters,.tag-manager-edit { grid-template-columns: 1fr; }
  .archive-storage-grid { grid-template-columns: 1fr; }
  .archive-storage-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .generator-guide-steps,.generator-guide-grid { grid-template-columns: 1fr; }
  .generator-automation { grid-template-columns: 1fr; gap: 18px; padding: 18px; }
  .generator-guide-warning { flex-direction: column; gap: 6px; }
  .admin-list-search { grid-column: auto; }
  .admin-list-filters .button { width: 100%; }
  .tag-manager-static { align-items: flex-start; flex-direction: column; gap: 7px; }
  .admin-users-head { align-items: stretch; flex-direction: column; }
  .admin-user-detail-head { align-items: stretch; flex-direction: column; }
  .admin-user-detail-head .button { width: 100%; }
  .admin-user-account-grid { grid-template-columns: 1fr; }
  .admin-user-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-user-data-list > a { align-items: flex-start; grid-template-columns: 1fr; gap: 5px; }
  .admin-user-sort { align-items: stretch; }
  .admin-user-sort label { flex: 1; }
  .admin-user-sort select { min-width: 0; }
  .account-invite { grid-template-columns: 1fr; gap: 17px; padding: 22px 18px; }
  .account-invite-art { width: 68px; height: 68px; border-radius: 19px; }
  .account-invite-actions { grid-column: auto; align-items: stretch; flex-direction: column; }
  .account-invite-actions .button { width: 100%; }
  .card-favorite-button { top: 7px; right: 7px; width: 34px; height: 34px; border-radius: 9px; }
  .card-favorite-form { top: 7px; right: 7px; }
  .card-watched-button { top: 7px; right: 48px; width: 34px; height: 34px; border-radius: 9px; }
  .card-watched-form { top: 7px; right: 48px; }
  .card-quick-tags { top: 7px; right: 89px; }
  .card-quick-tags summary { width: 34px; height: 34px; border-radius: 9px; }
  .card-quick-tag-panel { top: 78px; right: 14px; bottom: 14px; left: 14px; width: auto; max-height: none; padding: 18px; transform: none; }
  .card-quick-tag-groups { grid-template-columns: 1fr; gap: 12px; }
  .card-quick-tag-groups fieldset { grid-template-columns: 1fr; }
  .episode-card-watched-form { top: 7px; right: 7px; }
  .episode-card > .card-watched-button { top: 7px; right: 7px; }
  .card-watched-badge { right: 7px; bottom: 7px; padding: 5px 7px; font-size: 8px; }
  .card-unavailable-badge { left: 7px; bottom: 7px; padding: 5px 7px; font-size: 8px; }
  .card-watched-badge em,.card-unavailable-badge em { display: none; }
  .watch-status-panel,.watch-page-status { align-items: stretch; flex-direction: column; }
  .watch-status-panel .button,.watch-page-status .button { width: 100%; }
  .watch-page-status { margin-bottom: -12px; padding-top: 20px; }
  .watch-page-status > div { justify-content: space-between; }
  .watch-series-return a { width: 100%; }
  .watch-series-return strong { max-width: calc(100vw - 105px); }
  .admin-form { grid-template-columns: 1fr; }
  .admin-hero,.traffic-heading,.generator-health { align-items: flex-start; flex-direction: column; }
  .admin-series-heading { align-items: flex-start; flex-direction: column-reverse; }
  .admin-series-heading img { width: 100%; }
  .series-selection-preview { grid-template-columns: 72px minmax(0,1fr); }
  .series-selection-thumb { width: 72px; }
  .series-selection-preview .button { grid-column: 1 / -1; }
  .admin-stat-grid,.traffic-metric-grid,.admin-two-columns,.field-row { grid-template-columns: 1fr; }
  .generator-job { grid-template-columns: 1fr; gap: 9px; }
  .site-status-panel { align-items: stretch; flex-direction: column; }
  .stat-grid { grid-template-columns: 1fr; }
  .footer-intro,.footer-channels,.footer-bottom { align-items: flex-start; flex-direction: column; }
  .footer-intro-meta { align-items: flex-start; }
  .footer-traffic { justify-content: flex-start; }
  .header-presence > span { display: none; }
  .footer-channels > div { justify-content: flex-start; }
  .footer-disclaimers { grid-template-columns: 1fr; }
  .watch-nav { grid-template-columns: 1fr; }
  .watch-nav-spacer { display: none; }
  .watch-nav-link.next { text-align: left; align-items: flex-start; }
  .form-bottom { align-items: start; flex-direction: column; }
  .notification-settings-heading { gap: 12px; padding: 17px 14px; }
  .notification-settings-heading h2 { font-size: 19px; }
  .notification-settings-toggle b { display: none; }
  .notification-settings-expanded { padding: 15px 14px 17px; }
  .notification-setting-options { grid-template-columns: 1fr; }
  .notification-settings-actions .button { width: 100%; }
  .notification-item { grid-template-columns: 76px minmax(0,1fr) auto; gap: 11px; padding: 12px; }
  .notification-item img,.notification-art { width: 76px; }
  .notification-copy strong { font-size: 14px; }
  .notification-copy > span { font-size: 11px; }
  .notification-item > i { margin: 0 2px; }
  .notification-preview-modal { padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); align-items: center; overflow: hidden; }
  .notification-preview-card { width: 100%; height: calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom))); max-height: none; grid-template-columns: 1fr; grid-template-rows: clamp(155px,29dvh,235px) minmax(0,1fr); overflow: hidden; border-radius: 20px; }
  .notification-preview-media { min-height: 0; height: auto; }
  .notification-preview-media .notification-preview-image { width: calc(100% - 18px); height: calc(100% - 18px); max-height: none; }
  .notification-preview-content { align-self: stretch; padding: 22px 18px calc(18px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; -webkit-overflow-scrolling: touch; }
  .notification-preview-content h2 { padding-right: 34px; margin-top: 9px; font-size: 24px; letter-spacing: -.7px; }
  .notification-preview-content > p { font-size: 14px; line-height: 1.55; }
  .notification-preview-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: 22px; }
  .notification-preview-actions .button { width: 100%; padding-inline: 12px; }
  .notification-preview-x { top: 16px; right: 16px; }
  .activity-section { padding: 20px 14px; border-radius: 19px; }
  .activity-section .section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .activity-heading-actions { justify-content: flex-start; }
  .activity-item { grid-template-columns: 62px minmax(0,1fr) 14px; gap: 10px; padding: 13px 11px; }
  .activity-icon { width: 60px; height: 38px; border-radius: 9px; }
  .activity-time { width: 100%; margin-left: 0; }
  .activity-copy strong { white-space: normal; }
  .activity-copy p { display: -webkit-box; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .activity-arrow { font-size: 20px; }
  .activity-pagination { align-items: flex-start; flex-direction: column; gap: 11px; }
  .activity-pagination-links { justify-content: flex-start; }
  .stream-player__controls { padding-inline: 10px; padding-bottom: 8px; }
  .player-icon-button { width: 36px; height: 36px; padding: 7px; }
  .stream-player__big-play { width: 58px; height: 58px; }
  .stream-player__big-play svg { width: 27px; height: 27px; }
  .stream-player__time > span:nth-child(2),.stream-player__time > span:nth-child(3) { display: none; }
  .stream-player__control-row,.stream-player__control-group { gap: 3px; }
  .stream-player__volume:hover .stream-player__volume-range,.stream-player__volume:focus-within .stream-player__volume-range { width: 52px; }
}
@media (max-width: 420px) {
  .site-header .brand > span { display: none; }
  .catalog-tag-options { grid-template-columns: 1fr; gap: 3px; }
  .catalog-tag-options label { min-height: 42px; padding-inline: 7px; font-size: 13px; }
  .player-skip-button { display: none; }
}
@media (max-height: 600px) and (pointer: coarse) {
  .notification-preview-modal { padding: max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); overflow: hidden; }
  .notification-preview-card { width: min(760px,100%); height: calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))); max-height: none; grid-template-columns: minmax(210px,.8fr) minmax(0,1.2fr); overflow: hidden; border-radius: 18px; }
  .notification-preview-media { min-height: 0; }
  .notification-preview-media .notification-preview-image { width: calc(100% - 14px); height: calc(100% - 14px); max-height: none; }
  .notification-preview-content { align-self: stretch; padding: 46px 18px 16px; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; -webkit-overflow-scrolling: touch; }
  .notification-preview-content h2 { margin: 7px 0 9px; padding-right: 34px; font-size: 22px; letter-spacing: -.5px; }
  .notification-preview-content > p { font-size: 13px; line-height: 1.45; }
  .notification-preview-content > time { margin-top: 11px; }
  .notification-preview-actions { margin-top: 14px; }
  .notification-preview-x { top: 12px; right: 12px; }
}
.stream-player:fullscreen,.stream-player:-webkit-full-screen { width: 100vw; height: 100vh; background: #000; }

/* Owner-only discovery beta */
.episode-admin-options { margin-top:12px; font-size:12px; }
.episode-admin-options summary { width:fit-content; padding:8px 12px; border:1px solid #41303b; border-radius:9px; background:#21151e; color:#ffacc6; cursor:pointer; }
.episode-admin-options nav { display:grid; gap:5px; padding:8px 0; }
.episode-admin-options nav a { display:block; padding:9px 12px; border-radius:8px; background:#19171e; color:#eee; }
.episode-admin-options nav a:hover { background:#30212d; }
.source-tabs { flex-wrap:wrap; align-items:flex-start; }
.source-tabs > .episode-admin-options { margin:0 0 0 auto; max-width:100%; }
.source-tabs > .episode-admin-options summary { margin-left:auto; min-height:34px; }
.source-tabs > .episode-admin-options nav { max-width:260px; }
.source-correction-form { margin-top:18px; padding-top:16px; border-top:1px solid #363039; }
.discover-nav-link small,.vertical-filter small { margin-left: 4px; color: #ff8eaa; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.discover-beta-page { width: 100%; padding: 22px 0 0; }
.discover-beta-heading { width: min(1180px,calc(100% - 48px)); margin: 0 auto 18px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.discover-beta-heading h1 { margin: 4px 0 5px; font-size: clamp(34px,4vw,56px); line-height: .98; letter-spacing: -2.5px; }
.discover-beta-heading h1 em { display: inline-flex; vertical-align: middle; margin-left: 5px; padding: 5px 8px; border: 1px solid rgba(255,91,132,.45); border-radius: 999px; color: #ff8eaa; font: 800 10px/1 Manrope,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.discover-beta-heading p { max-width: 680px; margin: 0; color: #aaa4b0; font-size: 13px; line-height: 1.55; }
.discover-feed { height: calc(100dvh - 205px); min-height: 560px; overflow-y: auto; overscroll-behavior-y: contain; touch-action:pan-y; -webkit-overflow-scrolling:touch; scroll-snap-type: y mandatory; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent; }
.discover-slide { min-height: 100%; display: grid; place-items: center; padding: 10px 20px 24px; scroll-snap-align: start; scroll-snap-stop: normal; }
.discover-card { --discover-art:linear-gradient(145deg,#6f1d3b,#161525 58%,#0b0b0f); position: relative; isolation: isolate; width: min(440px,calc(100vw - 40px)); height: min(760px,calc(100dvh - 235px)); min-height: 520px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 28px; background: #111016; box-shadow: 0 28px 90px rgba(0,0,0,.55); }
.discover-backdrop { position: absolute; z-index: -3; inset: -28px; background: var(--discover-art) center/cover no-repeat; filter: blur(25px) brightness(.38) saturate(1.25); transform: scale(1.08); }
.discover-backdrop img { width: 100%; height: 100%; object-fit: cover; }
.discover-artwork { position:absolute; z-index:-2; inset:0; display:grid; place-items:center; background:rgba(7,7,10,.2); transition:top .34s ease,transform .34s ease,opacity .25s ease; }
.discover-artwork img { width: 100%; height: 100%; object-fit: contain; }
.discover-short { position:absolute; z-index:-1; inset:0; width:100%; height:100%; object-fit:cover; background:#07070a; }
.discover-short-audio { position:absolute; z-index:5; top:14px; left:14px; width:42px; height:42px; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:rgba(7,7,10,.72); color:#fff; font-size:17px; cursor:pointer; backdrop-filter:blur(12px); }
.discover-short-replay { position:absolute; z-index:8; inset:0; width:100%; height:100%; padding:0; overflow:hidden; border:0; background:transparent; color:#fff; cursor:pointer; }
.discover-short-replay[hidden] { display:none; }
.discover-short-replay-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,5,8,.08),rgba(5,5,8,.32)); }
.discover-short-replay-action { position:absolute; top:50%; left:50%; display:grid; justify-items:center; gap:9px; transform:translate(-50%,-50%); text-shadow:0 2px 15px #000; }
.discover-short-replay-action svg { width:62px; height:62px; padding:17px; overflow:visible; border:1px solid rgba(255,255,255,.42); border-radius:50%; background:rgba(8,8,12,.7); fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; backdrop-filter:blur(12px); box-shadow:0 10px 30px rgba(0,0,0,.3); }
.discover-short-replay-action b { font:800 12px/1 Manrope,sans-serif; letter-spacing:.02em; }
.discover-short-progress { position:absolute; z-index:9; right:0; bottom:0; left:0; height:16px; pointer-events:none; }
.discover-short-progress span,.discover-short-progress i { position:absolute; right:0; bottom:0; left:0; height:3px; width:0; background:rgba(255,255,255,.35); pointer-events:none; }
.discover-short-progress i { background:#f22962; }
.discover-short-progress input { position:absolute; inset:0; width:100%; height:16px; margin:0; opacity:0; cursor:pointer; pointer-events:auto; touch-action:none; }
.discover-card:has(.discover-short) .discover-artwork { opacity:0; }
.discover-card:has(.discover-short) .discover-backdrop { display:none; }
.discover-card.is-short-ended .discover-short { opacity:0; }
.discover-card.is-short-ended:has(.discover-short) .discover-artwork { opacity:1; }
.discover-card.is-full-playing .discover-artwork,.discover-card.is-full-playing .discover-backdrop { opacity:0; visibility:hidden; }
.discover-card:not(.is-vertical) .discover-artwork { bottom: auto; height: 46%; }
.discover-card.is-thumbnail-only:not(.is-vertical) .discover-artwork { top:42%; right:0; bottom:auto; left:0; height:auto; aspect-ratio:16/9; background:#050507; transform:translateY(-50%); }
.discover-card.is-thumbnail-only:not(.is-vertical).is-title-expanded .discover-artwork { transform:translateY(calc(-50% - var(--discover-title-shift,0px))); }
.discover-card.is-vertical .discover-artwork img { object-fit: cover; }
.discover-gradient { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(4,4,7,.04) 25%,rgba(5,5,8,.25) 48%,rgba(6,6,9,.96) 86%,#07070a 100%); }
.discover-card:not(.is-vertical) .discover-gradient { background: linear-gradient(180deg,rgba(4,4,7,0) 18%,rgba(6,6,9,.28) 36%,#08080b 53%,#07070a 100%); }
.discover-card.is-thumbnail-only:not(.is-vertical) .discover-gradient { background:linear-gradient(180deg,transparent 0%,transparent 64%,rgba(6,6,9,.84) 75%,#07070a 100%); }
.discover-content { position:absolute; right:0; bottom:0; left:0; padding:34px 22px 28px 25px; text-shadow:0 2px 18px rgba(0,0,0,.85); transition:padding .25s ease,transform .25s ease; }
.discover-labels,.discover-tags,.discover-sources,.discover-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.discover-labels span { padding: 5px 8px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(10,10,14,.68); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(12px); }
.discover-labels .vertical { border-color: rgba(255,88,133,.5); background: rgba(133,20,54,.68); color: #ffd2dc; }
.discover-content h2 { margin:12px 0 7px; color:#fff; font-size:clamp(24px,3.1vw,36px); line-height:1.04; letter-spacing:-1.2px; cursor:pointer; transition:max-height .34s ease,color .2s ease; }
.discover-content h2:focus-visible { outline:2px solid rgba(255,92,137,.75); outline-offset:4px; border-radius:4px; }
.discover-part-title { margin: 0 0 8px; color: #ebe7ed; font-size: 12px; font-weight: 700; }
.discover-description { display: -webkit-box; overflow: hidden; margin: 0 0 11px; color: #d1ccd4; font-size: 12px; line-height: 1.48; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.discover-tags { margin-bottom: 10px; }
.discover-tags span { padding: 4px 7px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(10,10,14,.62); color: #ddd7e1; font-size: 9px; }
.discover-sources { margin-bottom: 14px; }
.discover-sources span { padding: 5px 8px; border-radius: 7px; background: rgba(26,25,31,.82); color: #eee; font-size: 9px; font-weight: 800; }
.discover-sources .youtube { background: rgba(190,17,44,.82); }
.discover-sources .rumble { background: rgba(30,126,67,.82); }
.discover-sources .native_hls { background: rgba(90,54,161,.82); }
.discover-actions { flex-wrap: nowrap; }
.discover-actions .button { flex: 1; min-height: 43px; padding: 10px 14px; }
.discover-favorite { position:absolute; z-index:25; top:13px; right:13px; bottom:auto; display:grid; justify-items:center; gap:5px; color:#fff; font-size:9px; font-weight:800; text-shadow:0 2px 10px #000; }
.discover-favorite button,.discover-save-icon { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: rgba(10,10,14,.72); color: #fff; backdrop-filter: blur(12px); cursor: pointer; }
.discover-save-icon { font-style: normal; }
.discover-favorite button.active { border-color: #ff4776; background: #df245b; }
.discover-favorite svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.discover-card.is-short-playing .discover-gradient { background:linear-gradient(180deg,transparent 0%,transparent 66%,rgba(5,5,8,.25) 74%,rgba(5,5,8,.94) 100%); }
.discover-card.is-short-playing .discover-content { padding:48px 18px 18px; }
.discover-card.is-short-playing .discover-part-title,
.discover-card.is-short-playing .discover-description { display:none; }
.discover-card.is-short-playing .discover-content h2 { display:-webkit-box; overflow:hidden; margin:8px 0 9px; max-width:100%; font-size:16px; line-height:1.12; letter-spacing:-.25px; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.discover-card.is-short-playing .discover-tags { margin-bottom:7px; }
.discover-card.is-short-playing .discover-sources { margin-bottom:9px; }
.discover-card.is-short-playing .discover-actions .button { min-height:38px; padding:8px 11px; font-size:11px; }
.discover-card.is-thumbnail-only .discover-content { padding:32px 18px 18px; }
.discover-card.is-thumbnail-only .discover-part-title,.discover-card.is-thumbnail-only .discover-description { display:none; }
.discover-card.is-thumbnail-only .discover-content h2 { display:-webkit-box; overflow:hidden; margin:8px 0 9px; max-height:36px; font-size:16px; line-height:1.12; letter-spacing:-.25px; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.discover-card.is-thumbnail-only .discover-tags { margin-bottom:7px; }
.discover-card.is-thumbnail-only .discover-sources { margin-bottom:9px; }
.discover-card.is-thumbnail-only .discover-actions .button { min-height:38px; padding:8px 11px; font-size:11px; }
.discover-card.is-short-paused:not(.is-short-ended)::after { content:'▶'; position:absolute; z-index:4; top:50%; left:50%; display:grid; place-items:center; width:58px; height:58px; padding-left:4px; border:1px solid rgba(255,255,255,.32); border-radius:50%; background:rgba(8,8,12,.66); color:#fff; font-size:23px; pointer-events:none; transform:translate(-50%,-50%); backdrop-filter:blur(12px); }
.discover-full-player { position:absolute; z-index:20; top:46%; right:0; left:0; display:flex; flex-direction:column; background:#050507; color:#fff; transform:translateY(-50%); transition:top .34s ease,transform .34s ease; }
.discover-full-media { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:#000; }
.discover-full-media video { display:block; width:100%; height:100%; background:#000; object-fit:contain; }
.discover-full-intro { position:absolute; z-index:3; inset:0; display:grid; place-items:center; background:#050507; opacity:1; transition:opacity .25s ease; pointer-events:none; }
.discover-full-intro.hidden { opacity:0; }
.discover-full-intro img { position:absolute; inset:0; display:block; width:100%; height:100%; min-width:0; min-height:0; object-fit:contain; object-position:center; }
.discover-full-toggle { position:absolute; z-index:5; top:50%; left:50%; width:58px; height:58px; border:1px solid rgba(255,255,255,.32); border-radius:50%; background:rgba(8,8,12,.7); color:#fff; font-size:23px; transform:translate(-50%,-50%); cursor:pointer; }
.discover-full-toggle[hidden],.discover-full-status[hidden] { display:none; }
.discover-full-status { position:absolute; z-index:6; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(4,4,7,.56); color:#eee; font-size:12px; text-align:center; }
.discover-full-status.error { color:#ffafc1; }
.discover-full-status.choice { flex-wrap:wrap; align-content:center; gap:9px; }
.discover-full-status.choice strong { flex-basis:100%; margin-bottom:3px; font-size:14px; }
.discover-full-status.choice button,.discover-full-controls button { min-height:36px; padding:8px 12px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:#1b1a20; color:#fff; font:800 10px/1 Manrope,sans-serif; cursor:pointer; }
.discover-full-status.choice button:first-of-type,.discover-full-controls button[data-fullscreen] { border-color:#e62e64; background:#e62e64; }
.discover-full-controls { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:7px; padding:12px 14px; }
.discover-full-timeline { position:relative; grid-column:1/-1; width:100%; height:22px; cursor:pointer; touch-action:none; outline:none; }
.discover-full-timeline::before,.discover-full-timeline span,.discover-full-timeline i { position:absolute; top:50%; left:0; height:4px; border-radius:999px; pointer-events:none; transform:translateY(-50%); }
.discover-full-timeline::before { content:''; width:100%; background:rgba(255,255,255,.13); }
.discover-full-timeline span { width:0; background:rgba(255,255,255,.38); }
.discover-full-timeline i { width:0; background:#ed2460; }
.discover-full-timeline b { position:absolute; z-index:2; top:50%; left:0; width:14px; height:14px; border:2px solid #fff; border-radius:50%; background:#ed2460; box-shadow:0 2px 8px rgba(0,0,0,.4); pointer-events:none; transform:translate(-50%,-50%); }
.discover-full-timeline:focus-visible { filter:drop-shadow(0 0 5px rgba(237,36,96,.8)); }
.discover-full-time { color:#aaa4b0; font-size:10px; font-variant-numeric:tabular-nums; }
.discover-full-time b { color:#fff; }
.discover-full-time i { font-style:normal; }
.discover-full-media:fullscreen,.discover-full-media:-webkit-full-screen { width:100vw; height:100vh; background:#000; }
.discover-full-media:fullscreen video,.discover-full-media:-webkit-full-screen video { width:100%; height:100%; object-fit:contain; }
.discover-desktop-fullscreen-stage { position:fixed; z-index:2000; inset:0; display:grid; place-items:center; background:#000; }
.discover-desktop-fullscreen-stage .stream-player { width:100%; height:100%; }
.discover-desktop-fullscreen-stage .stream-player video { display:block; width:100%; height:100%; object-fit:contain; background:#000; }
.discover-full-player.is-landscape-fullscreen { position:fixed; z-index:1000; inset:0; width:100vw; height:100dvh; transform:none; background:#000; }
.discover-full-player.is-landscape-fullscreen .discover-full-media { width:100%; height:100%; aspect-ratio:auto; }
.discover-full-player.is-landscape-fullscreen .discover-full-controls { position:absolute; z-index:8; right:0; bottom:0; left:0; padding:28px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)); background:linear-gradient(180deg,transparent,rgba(0,0,0,.86)); }
body.discover-landscape-video { overflow:hidden!important; padding:0!important; }
body.discover-landscape-video .site-header,body.discover-landscape-video .ios-app-tabbar { display:none!important; }
.discover-card.is-full-playing .discover-content { padding:32px 18px 18px; }
.discover-card.is-full-playing .discover-part-title,.discover-card.is-full-playing .discover-description { display:none; }
.discover-card.is-full-playing .discover-content h2 { display:-webkit-box; overflow:hidden; margin:8px 0 9px; font-size:16px; line-height:1.12; letter-spacing:-.25px; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.discover-card.is-full-playing .discover-tags { margin-bottom:7px; }
.discover-card.is-full-playing .discover-sources { margin-bottom:9px; }
.discover-card.is-full-playing .discover-actions .button { min-height:38px; padding:8px 11px; font-size:11px; }
.discover-card.is-title-expanded .discover-full-player { transform:translateY(calc(-50% - var(--discover-title-shift,0px))); }
.discover-card.is-title-expanded.is-full-playing .discover-content h2,
.discover-card.is-title-expanded.is-short-playing .discover-content h2,
.discover-card.is-title-expanded.is-thumbnail-only .discover-content h2 { display:block; overflow:visible; max-height:180px; -webkit-line-clamp:unset; }
body[data-page="discover"] .site-footer { display: none; }
.vertical-beta-manager { margin: 0 0 22px; padding: 20px; display: grid; grid-template-columns: minmax(240px,.8fr) minmax(420px,1.2fr); align-items: center; gap: 25px; border: 1px solid rgba(255,82,128,.24); border-radius: 18px; background: linear-gradient(135deg,rgba(91,22,51,.18),rgba(18,17,24,.96)); }
.vertical-beta-manager h2 { margin: 5px 0 5px; font-size: 21px; }
.vertical-beta-manager p { max-width: 610px; margin: 0; color: #aaa4b0; font-size: 12px; line-height: 1.5; }
.vertical-beta-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px; }
.vertical-beta-add { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 9px; }
.vertical-beta-add .field { min-width: 0; }
.vertical-beta-add .button,.vertical-beta-scan .button { white-space: nowrap; }
.vertical-beta-scan { display: grid; justify-items: start; gap: 5px; }
.vertical-beta-scan small { max-width: 190px; color: #817b87; font-size: 9px; line-height: 1.35; }

@media (max-width: 700px) {
  .vertical-beta-manager,.vertical-beta-actions,.vertical-beta-add { grid-template-columns: 1fr; }
  .vertical-beta-manager { padding: 17px; gap: 17px; }
  .vertical-beta-add .button,.vertical-beta-scan .button { width: 100%; }
  .vertical-beta-scan small { max-width: none; }
  .discover-beta-page { padding-top: 10px; }
  .discover-beta-heading { width: calc(100% - 24px); margin-bottom: 8px; align-items: flex-start; }
  .discover-beta-heading h1 { font-size: 27px; letter-spacing: -1.4px; }
  .discover-beta-heading p { display: none; }
  .discover-beta-heading .button { min-height: 36px; padding: 8px 11px; font-size: 10px; }
  .discover-feed { height: calc(100dvh - 138px); min-height: 0; scrollbar-width: none; overscroll-behavior-y:none; }
  .discover-feed::-webkit-scrollbar { display: none; }
  .discover-slide { height: 100%; min-height: 100%; padding: 5px 8px 10px; }
  .discover-card { width: min(430px,calc(100vw - 16px)); height: calc(100% - 5px); min-height: 0; border-radius: 21px; }
  .discover-card:not(.is-vertical) .discover-artwork { height: 43%; }
  .discover-content { padding: 26px 18px 18px; }
  .discover-content h2 { font-size: clamp(23px,8vw,32px); }
  .discover-description { -webkit-line-clamp: 2; }
  .discover-tags span:nth-child(n+4) { display: none; }
  .discover-favorite { top:10px; right:10px; bottom:auto; }
  .discover-actions { padding-right: 0; }
  .discover-full-player { padding:0; }
  .discover-full-controls { padding:11px 12px; }
  .discover-full-controls button { min-height:32px; padding:7px 8px; font-size:9px; }
}
@media (max-height: 690px) {
  .discover-description,.discover-tags { display: none; }
  .discover-card.is-short-playing .discover-tags { display:flex; }
  .discover-content { padding-bottom: 18px; }
  .discover-favorite { bottom:auto; }
}
@media (max-width: 700px) and (max-height: 690px) {
  .discover-favorite { top:10px; bottom:auto; }
}
html.ios-pwa-standalone body[data-page="discover"] { height:100%; overflow:hidden; padding:0; }
html.ios-pwa-standalone body[data-page="discover"] main { position:fixed; inset:0; width:100%; height:auto; min-height:0; overflow:hidden; padding-top:env(safe-area-inset-top); }
html.ios-pwa-standalone body[data-page="discover"] .discover-beta-page { height: 100%; padding-top: 0; }
html.ios-pwa-standalone body[data-page="discover"] .discover-beta-heading { display: none; }
html.ios-pwa-standalone body[data-page="discover"] .discover-feed { height: 100%; }
html.ios-pwa-standalone body[data-page="discover"] .discover-slide { padding-bottom:0; }
html.ios-pwa-standalone body[data-page="discover"] .discover-card { height:100%; min-height:0; }
html.ios-pwa-standalone body[data-page="discover"] .discover-content { bottom:var(--discover-tabbar-height,calc(64px + env(safe-area-inset-bottom))); }
html.ios-pwa-standalone body[data-page="discover"] .discover-full-player { top:40%; }
/* Keep the iOS document scrollable, as on Home. Only the feed scrolls
   during swipes; its height is measured against the shared navigation. */
/* WebKit #254868: standalone documents need the full vh extent. */
html.ios-pwa-ios:has(body[data-page="discover"]) { min-height:100vh; }
html.ios-pwa-ios body[data-page="discover"] { min-height:100vh; height:auto; overflow:visible; padding:env(safe-area-inset-top) 0 calc(64px + env(safe-area-inset-bottom)); }
html.ios-pwa-ios body[data-page="discover"] main { position:relative; inset:auto; height:var(--discover-available-height,calc(100dvh - env(safe-area-inset-top) - 64px - env(safe-area-inset-bottom))); padding:0; animation:none; }
html.ios-pwa-ios body[data-page="discover"] .discover-slide { height:100%; min-height:0; }
html.ios-pwa-ios body[data-page="discover"] .discover-content { bottom:0; }
html.ios-pwa-ios body[data-page="discover"] .discover-full-player:not(.is-landscape-fullscreen) { top:46%; }

.shorts-beta-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.discover-survey { background:linear-gradient(155deg,#281322,#111016 65%); }
.discover-survey-form { display:flex; flex-direction:column; height:100%; min-height:0; padding:clamp(16px,4vw,26px); gap:12px; }
.discover-survey-form header,.discover-survey-form footer { flex-shrink:0; }
.discover-survey-form h2 { margin:8px 0; font-size:24px; line-height:1.2; }
.discover-survey-form p { margin:6px 0; font-size:13px; }
.discover-survey-form .eyebrow { font-size:9px; letter-spacing:1px; }
.discover-survey-body { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.discover-survey fieldset { border:0; padding:0; margin:8px 0; min-width:0; }
.discover-survey fieldset[hidden] { display:none; }
.discover-survey legend { margin-bottom:14px; font-weight:700; font-size:19px; line-height:1.3; }
.discover-survey small { color:var(--muted); font-size:12px; }
.discover-survey .survey-option { display:flex; align-items:center; gap:10px; padding:12px; margin:8px 0; border:1px solid var(--line); border-radius:12px; cursor:pointer; font-size:14px; }
.discover-survey input { width:18px; height:18px; margin:0; flex-shrink:0; accent-color:#ed2460; }
.discover-survey label:has(input:checked) { border-color:#ed2460; background:rgba(237,36,96,.16); }
.survey-rating { display:flex; gap:6px; margin-bottom:12px; }
.survey-rating label { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:8px; padding:12px 0; border:1px solid var(--line); border-radius:12px; cursor:pointer; }
.discover-survey textarea { width:100%; max-width:100%; min-height:100px; font-size:16px; resize:vertical; }
.survey-buttons { display:flex; gap:10px; margin:10px 0; }
.survey-buttons .button { flex:1; min-width:0; min-height:44px; }
.discover-survey-form footer>.text-button { display:block; margin:auto; min-height:40px; }
html.ios-pwa-standalone body[data-page="discover"] .discover-survey-form { padding-bottom:calc(16px + var(--discover-tabbar-height,98px)); }
html.ios-pwa-ios body[data-page="discover"] .discover-survey-form { padding-bottom:16px; }
.shorts-beta-intro h2 { margin:6px 0; }
.shorts-beta-intro p { margin:0; color:var(--muted); max-width:760px; }
.shorts-review-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); gap:18px; }
.short-editor-form { display:grid; gap:18px; margin-top:22px; }
.search-select.has-existing-short .search-select-input { border-color:#e62e59; color:#ff9ab1; box-shadow:0 0 0 3px rgba(230,46,89,.1); }
.short-editor-existing { display:block; margin-top:8px; padding:9px 11px; border:1px solid rgba(230,46,89,.45); border-radius:10px; background:rgba(185,25,62,.12); color:#ff8fa8 !important; font-weight:750; }
.short-editor-existing[hidden] { display:none; }
.short-editor-head-actions { display:flex; align-items:center; gap:12px; }
.short-editor-close { flex:0 0 auto; }
.short-editor.is-adjusting { position:fixed; z-index:1200; inset:12px; width:auto; max-width:none; margin:0; overflow:auto; overscroll-behavior:contain; background:#0d0c12; box-shadow:0 30px 100px rgba(0,0,0,.78); }
html.short-editor-open { overflow:hidden; }
.short-editor-workspace { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:22px; align-items:start; }
.short-editor-player { position:relative; overflow:hidden; min-height:360px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:#050507; }
.short-editor-player video { display:block; width:100%; aspect-ratio:16/9; max-height:66vh; background:#000; }
.short-editor-player-state { position:absolute; inset:0; display:grid; place-items:center; padding:30px; background:rgba(5,5,7,.86); color:var(--muted); text-align:center; }
.short-editor-player-state[hidden] { display:none; }
.short-editor-controls { display:grid; gap:16px; padding:18px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); }
.short-editor-time { display:flex; align-items:baseline; gap:8px; color:var(--muted); }
.short-editor-time strong { color:#fff; font-size:1.15rem; font-variant-numeric:tabular-nums; }
.short-editor-seek,.short-editor-buttons { display:flex; flex-wrap:wrap; gap:8px; }
.short-editor-marker { display:grid; gap:9px; padding:13px; border:1px solid rgba(255,255,255,.1); border-radius:14px; }
.short-editor-marker > div { display:flex; justify-content:space-between; gap:12px; }
.short-editor-marker output { color:var(--muted); font-variant-numeric:tabular-nums; }
.short-editor-marker input[type="range"] { width:100%; accent-color:#ee2f70; }
.short-editor-selection { display:grid; gap:4px; padding:13px; border-radius:14px; background:rgba(238,47,112,.09); }
.short-editor-selection span,.short-editor-selection small { color:var(--muted); }
.short-editor-selection strong { font-size:1.25rem; }
.short-editor-selection small.valid { color:#6be6ad; }
.short-editor-buttons .button { flex:1; }
.short-review-card { display:grid; grid-template-columns:150px 1fr; min-height:270px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.02); }
.short-review-media { position:relative; display:grid; place-items:center; background:#08080b; color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.12em; }
.short-review-media video { width:100%; height:100%; max-height:340px; object-fit:cover; }
.short-review-expand { position:absolute; top:10px; right:10px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:rgba(8,8,12,.8); color:#fff; font-size:20px; cursor:pointer; backdrop-filter:blur(10px); }
.short-preview-dialog { width:min(460px,calc(100vw - 24px)); max-width:none; padding:12px; overflow:visible; border:1px solid rgba(255,255,255,.17); border-radius:24px; background:#08080b; color:#fff; box-shadow:0 35px 120px rgba(0,0,0,.85); }
.short-preview-dialog::backdrop { background:rgba(3,3,6,.86); backdrop-filter:blur(12px); }
.short-preview-dialog video { display:block; width:100%; max-height:calc(100dvh - 90px); aspect-ratio:9/16; border-radius:16px; background:#000; object-fit:contain; }
.short-preview-dialog > .icon-button { position:absolute; z-index:2; top:22px; right:22px; background:rgba(8,8,12,.82); }
.short-preview-dialog > strong { display:block; padding:10px 5px 2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.short-review-copy { padding:20px; min-width:0; }
.short-review-copy h3 { margin:12px 0 6px; }
.short-review-copy p,.short-review-copy small { display:block; color:var(--muted); }
.short-review-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:20px; }
@media (max-width:900px) { .short-editor-workspace { grid-template-columns:1fr; } }
@media (max-width:640px) { .shorts-beta-intro { align-items:flex-start; flex-direction:column; } .short-review-card { grid-template-columns:120px 1fr; } .short-editor-player { min-height:220px; } .short-editor-buttons { flex-direction:column; } .short-editor.is-adjusting { inset:0; border:0; border-radius:0; padding:16px; } .short-editor.is-adjusting .panel-head { align-items:flex-start; } }
html.ios-pwa-android body[data-page="discover"] .discover-content { bottom: calc(64px + env(safe-area-inset-bottom)); }