:root {
  --bg: #0a0a0d;
  --surface: #111116;
  --surface-2: #17171e;
  --surface-3: #202029;
  --text: #f8f7f4;
  --muted: #96949f;
  --soft: #c8c6ce;
  --accent: #d8ff57;
  --accent-2: #b4e81d;
  --purple: #8c6bff;
  --line: rgba(255,255,255,.09);
  --shadow: 0 24px 70px rgba(0,0,0,.42);
  --sidebar: 228px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "DM Sans", system-ui, sans-serif; min-width: 320px; }
button, input, select { font: inherit; }
button { color: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
[hidden] { display: none !important; }

.app-shell { min-height: 100vh; }
.sidebar { width: var(--sidebar); position: fixed; inset: 0 auto 0 0; padding: 25px 18px 18px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: rgba(10,10,13,.96); z-index: 50; }
.brand { text-decoration: none; color: var(--text); display: flex; align-items: center; gap: 10px; font: 800 24px/1 "Manrope", sans-serif; letter-spacing: -.8px; padding: 0 10px 28px; }
.brand-mark { width: 28px; height: 28px; background: var(--accent); border-radius: 8px; display: grid; grid-template-columns: repeat(3,4px); align-items: end; justify-content: center; gap: 2px; padding-bottom: 6px; transform: rotate(-3deg); }
.brand-mark i { width: 4px; background: #111; border-radius: 2px; display: block; }
.brand-mark i:nth-child(1) { height: 8px; }.brand-mark i:nth-child(2) { height: 15px; }.brand-mark i:nth-child(3) { height: 11px; }
.main-nav { display: grid; gap: 4px; }
.nav-item { border: 0; background: transparent; border-radius: 9px; color: var(--muted); display: flex; align-items: center; gap: 12px; width: 100%; height: 43px; padding: 0 12px; text-align: left; font-weight: 600; font-size: 14px; transition: .2s ease; }
.nav-item:hover { color: var(--text); background: rgba(255,255,255,.045); }
.nav-item.active { color: #111; background: var(--accent); }
.nav-icon { width: 20px; text-align: center; font-size: 19px; font-weight: 700; }
.nav-icon.live-icon { color: #ff5058; font-size: 13px; }.nav-item.active .live-icon { color: #111; }
.nav-count { min-width: 20px; margin-left: auto; border-radius: 10px; padding: 2px 6px; font-size: 10px; text-align: center; background: rgba(255,255,255,.1); }
.nav-item.active .nav-count { background: rgba(0,0,0,.13); }
.nav-label { color: #5e5c66; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; margin: 31px 12px 10px; }
.sidebar-spacer { flex: 1; min-height: 24px; }
.legal-card { border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 12px; padding: 13px; display: flex; gap: 10px; align-items: center; margin-bottom: 12px; }
.shield { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: #111; background: var(--accent); font-weight: 900; }
.legal-card div, .profile-chip span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.legal-card strong, .profile-chip strong { font-size: 12px; }.legal-card small, .profile-chip small { color: var(--muted); font-size: 10px; }
.profile-chip { background: transparent; border: 0; border-top: 1px solid var(--line); padding: 15px 5px 2px; display: flex; gap: 10px; align-items: center; text-align: left; }
.avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg,#7356df,#bd9cff); color: white; font-weight: 800; }
.more { margin-left: auto; color: var(--muted); }

.main-content { margin-left: var(--sidebar); min-height: 100vh; overflow: hidden; }
.topbar { height: 76px; display: flex; align-items: center; padding: 0 clamp(24px,4vw,64px); gap: 22px; border-bottom: 1px solid var(--line); background: rgba(10,10,13,.83); backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 40; }
.mobile-menu { display: none; border: 0; background: transparent; font-size: 22px; }
.search-wrap { position: relative; width: min(470px,46vw); display: flex; align-items: center; gap: 10px; color: var(--muted); }
.search-wrap input { width: 100%; height: 40px; border-radius: 10px; border: 1px solid var(--line); background: #121217; color: var(--text); padding: 0 50px 0 39px; outline: none; font-size: 13px; }
.search-wrap input:focus { border-color: rgba(216,255,87,.55); box-shadow: 0 0 0 3px rgba(216,255,87,.07); }
.search-wrap > span { position: absolute; left: 13px; z-index: 2; font-size: 18px; }
.search-wrap kbd { position: absolute; right: 9px; color: #777580; border: 1px solid var(--line); background: #1b1b21; padding: 3px 6px; border-radius: 5px; font-size: 10px; }
.search-results { position: absolute; left: 0; right: 0; top: 48px; background: #17171d; border: 1px solid var(--line); box-shadow: var(--shadow); border-radius: 12px; padding: 8px; max-height: 360px; overflow: auto; }
.search-result { width: 100%; border: 0; background: transparent; padding: 10px; border-radius: 8px; display: flex; gap: 12px; text-align: left; align-items: center; }
.search-result:hover { background: rgba(255,255,255,.06); }.search-result-art { width: 35px; height: 45px; border-radius: 5px; }.search-result span { display: grid; gap: 3px; }.search-result small { color: var(--muted); }
.top-actions { margin-left: auto; display: flex; gap: 9px; }
.region-button, .icon-button { height: 38px; border: 1px solid var(--line); background: #121217; border-radius: 9px; padding: 0 12px; display: flex; align-items: center; gap: 8px; font-size: 12px; }
.region-button b { color: var(--muted); }.icon-button { width: 38px; justify-content: center; padding: 0; font-size: 17px; }

.view { display: none; padding: 42px clamp(24px,4vw,64px) 80px; max-width: 1540px; margin: 0 auto; animation: fadeIn .3s ease; }
.view.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } }
.hero { min-height: 445px; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle at 75% 50%,rgba(112,82,209,.2),transparent 32%), radial-gradient(circle at 20% 90%,rgba(214,255,80,.07),transparent 28%), #111116; overflow: hidden; display: grid; grid-template-columns: 56% 44%; position: relative; }
.hero:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(to right,black,transparent 80%); }
.hero-copy { padding: clamp(44px,6vw,76px); position: relative; z-index: 2; }
.eyebrow, .kicker { font-size: 10px; font-weight: 800; letter-spacing: 1.6px; color: var(--soft); }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; }.eyebrow i { width: 20px; height: 1px; background: var(--accent); }
.hero h1, .page-intro h1 { font: 800 clamp(38px,4.3vw,66px)/1.02 "Manrope",sans-serif; letter-spacing: -3px; margin: 19px 0; }
.hero h1 em, .page-intro h1 em { color: var(--accent); font-style: normal; }
.hero-copy > p { max-width: 520px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.hero-actions { display: flex; gap: 10px; margin-top: 30px; }
.primary-button, .secondary-button { height: 45px; border-radius: 9px; padding: 0 18px; border: 0; display: inline-flex; justify-content: center; align-items: center; gap: 9px; font-size: 13px; font-weight: 800; transition: .2s; }
.primary-button { color: #10110a; background: var(--accent); box-shadow: 0 8px 22px rgba(190,232,29,.12); }.primary-button:hover { transform: translateY(-2px); background: #e2ff79; }
.secondary-button { border: 1px solid var(--line); background: rgba(255,255,255,.045); }.secondary-button:hover { background: rgba(255,255,255,.09); }
.primary-button.full { width: 100%; }
.hero-proof { display: flex; align-items: center; gap: 12px; margin-top: 31px; color: var(--muted); font-size: 11px; }.hero-proof b { color: var(--text); }.hero-proof i { width: 3px; height: 3px; border-radius: 50%; background: #55535d; }
.hero-art { position: relative; min-height: 440px; perspective: 900px; }
.ambient { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .5; }.ambient.one { width: 260px;height:260px;background:#6f50da;right:8%;top:11%;filter:blur(80px); }.ambient.two { width:170px;height:170px;background:#d8ff57;left:15%;bottom:0;filter:blur(95px);opacity:.18; }
.poster-card { position: absolute; width: 170px; aspect-ratio: .68; border-radius: 13px; overflow: hidden; padding: 17px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 30px 60px rgba(0,0,0,.5); font-family: "Manrope",sans-serif; border: 1px solid rgba(255,255,255,.17); background-size: cover; background-position: center; }
.poster-card:before,.media-art:before { content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),transparent 65%); }
.poster-card small,.poster-card strong,.poster-card span { position:relative;z-index:2; }.poster-card small { font-size:8px;letter-spacing:1px; }.poster-card strong { margin-top:auto;font-size:25px;line-height:.9;letter-spacing:-1.8px;text-shadow:0 3px 15px #000; }.poster-card span { font-size:8px;letter-spacing:2px;margin-top:10px;color:#ddd; }
.poster-sci { background: radial-gradient(circle at 40% 25%,#f6b15c 0 3%,transparent 4%), radial-gradient(circle at 55% 40%,#9f86ff,transparent 4%), linear-gradient(150deg,#101a46,#663da0 50%,#df5b49); }
.poster-doc { background: radial-gradient(ellipse at 50% 40%,#75a658 0 10%,transparent 11%),linear-gradient(145deg,#8fc7bd,#153d35 55%,#c1a353); }
.poster-classic { background: radial-gradient(ellipse at 50% 30%,rgba(246,221,160,.8),transparent 18%),linear-gradient(160deg,#35291b,#c89f61 52%,#271b14); }
.card-back { top: 22%; left: 3%; transform: rotate(-12deg) translateZ(-30px); opacity:.7; }.card-mid { top: 13%; left: 28%; transform: rotate(-2deg); }.card-front { top: 18%; left: 56%; transform: rotate(9deg) translateZ(20px); }
.free-badge { position:absolute;right:6%;bottom:10%;background:rgba(16,16,21,.92);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 14px 11px 10px;display:grid;grid-template-columns:29px auto;column-gap:9px;z-index:5;box-shadow:var(--shadow); }.free-badge > span { width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#111;grid-row:1/3;font-weight:900; }.free-badge strong{font-size:11px;}.free-badge small{font-size:9px;color:var(--muted);}

.section-heading,.panel-heading { display:flex;align-items:end;justify-content:space-between;gap:20px; }.section-heading { margin: 42px 0 17px; }.kicker { color:#77757f; }.section-heading h2,.panel-heading h3 { font:700 23px/1.2 "Manrope",sans-serif;margin:5px 0 0;letter-spacing:-.7px; }
.text-button { border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700; }.text-button:hover { color:var(--accent); }.text-button span{color:var(--accent);margin-left:5px;}
.media-row { display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px; }
.media-card { min-width:0;position:relative;cursor:pointer;border-radius:11px; }.media-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.media-art { aspect-ratio:.72;position:relative;border-radius:11px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 28px rgba(0,0,0,.18);transition:.25s ease; }.media-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.media-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,4,8,.9) 0,rgba(4,4,8,.15) 65%,rgba(4,4,8,.08));z-index:1;pointer-events:none}.media-card:hover .media-art{transform:translateY(-5px);box-shadow:0 16px 38px rgba(0,0,0,.35);}.media-card:hover .media-art>img{transform:scale(1.055)}.media-card h3{font-size:14px;margin:11px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.media-card p{font-size:10px;color:var(--muted);margin:0;}.art-content{position:absolute;inset:0;padding:13px;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;}.art-content small{font-size:8px;letter-spacing:1.5px;text-shadow:0 2px 5px #000;}.art-content strong{font:800 clamp(18px,1.7vw,27px)/.91 "Manrope";letter-spacing:-1.4px;text-shadow:0 3px 12px #000;margin-top:7px;}.media-badges{position:absolute;z-index:4;left:9px;top:9px;display:flex;gap:5px;}.media-badge{border-radius:5px;background:rgba(10,10,13,.8);backdrop-filter:blur(5px);padding:4px 6px;font-size:7px;font-weight:800;letter-spacing:.6px;}.media-badge.free{background:var(--accent);color:#111;}.media-badge.free.account{background:#ffb647}.rating-badge{position:absolute;z-index:4;left:9px;bottom:9px;border-radius:6px;background:rgba(10,10,13,.86);color:#ffd75a;padding:5px 7px;font-size:10px;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.3)}.rating-badge small{font-size:7px;color:#fff;letter-spacing:.7px;margin-left:2px}.watch-button{position:absolute;z-index:4;right:9px;top:9px;width:29px;height:29px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(10,10,13,.65);font-size:17px;display:grid;place-items:center;opacity:0;transition:.2s;}.media-card:hover .watch-button,.watch-button.saved{opacity:1}.watch-button.saved{color:#111;background:var(--accent);}.play-overlay{position:absolute;z-index:4;inset:auto 11px 12px auto;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.91);color:#111;display:grid;place-items:center;opacity:0;transform:translateY(5px);transition:.2s;}.media-card:hover .play-overlay{opacity:1;transform:none;}
.media-badge.auto{background:#7357e8;color:#fff}.media-badges:has(.auto){gap:4px}.media-badges:has(.auto) .media-badge{padding-inline:5px}
.home-grid { display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:45px; }.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;}.platform-mini-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px;}.platform-mini{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid transparent;text-decoration:none;color:inherit;}.platform-mini:hover{border-color:var(--line);background:rgba(255,255,255,.05);}.platform-logo{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:11px;color:white;}.platform-mini span:nth-child(2){display:grid;gap:2px;}.platform-mini strong{font-size:12px}.platform-mini small{font-size:9px;color:var(--muted)}.platform-mini b{margin-left:auto;color:var(--muted);}.week-panel{background:radial-gradient(circle at 100% 0,rgba(140,107,255,.18),transparent 40%),var(--surface);}.week-panel>p{color:var(--muted);font-size:13px;line-height:1.6}.spark{color:var(--accent);font-size:22px}.genre-chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.genre-chip{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);border-radius:18px;padding:8px 11px;font-size:11px}.genre-chip.active{background:var(--accent);color:#111;border-color:var(--accent)}.genre-chips.compact{margin:17px 0}.genre-chips.compact .genre-chip{padding:7px 10px;font-size:10px}

.page-intro{padding:20px 0 34px;}.page-intro h1{font-size:clamp(38px,4.2vw,58px);margin:15px 0 11px;}.page-intro>p,.page-intro>div>p{color:var(--muted);font-size:15px;}.page-intro.with-action{display:flex;justify-content:space-between;align-items:end;gap:30px}.filter-bar{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.filter-group{display:flex;gap:6px;margin-right:auto}.filter-pill{border:1px solid var(--line);background:transparent;border-radius:18px;padding:8px 13px;font-size:11px;color:var(--muted)}.filter-pill.active{background:var(--text);color:var(--bg)}select,input[type="text"]{height:41px;border:1px solid var(--line);background:#15151b;color:var(--text);border-radius:8px;padding:0 12px;outline:none}.filter-bar select{font-size:11px}.discovery-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.results-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:0 0 14px}.results-meta strong{color:var(--soft);font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:22px 15px}.platform-finder{position:sticky;top:98px;align-self:start}.platform-finder h3{font:700 21px "Manrope";margin:7px 0}.platform-finder>p{color:var(--muted);font-size:12px;line-height:1.55}.platform-finder label,.modal label{display:grid;gap:7px;font-size:10px;font-weight:700;color:var(--soft);margin:16px 0}.platform-finder select,.modal select,.modal input{width:100%;font-size:11px}.finder-results{display:grid;gap:7px;margin-top:14px}.finder-result{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:rgba(255,255,255,.04);text-decoration:none;color:inherit;font-size:11px}.finder-result .platform-logo{width:28px;height:28px;font-size:8px}.finder-result b{margin-left:auto;color:var(--accent)}
.notice{display:flex;gap:14px;padding:16px 18px;border:1px solid rgba(140,107,255,.22);background:rgba(140,107,255,.07);border-radius:12px;margin-bottom:26px}.notice>span{width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:rgba(140,107,255,.2);display:grid;place-items:center;color:#b6a5ff;font-weight:800}.notice strong{font-size:12px}.notice p{margin:4px 0 0;color:var(--muted);font-size:11px}.notice.amber{border-color:rgba(255,182,73,.22);background:rgba(255,182,73,.06);margin-top:24px}.notice.amber>span{background:rgba(255,182,73,.18);color:#ffbd5a}.live-categories{display:grid;gap:29px}.live-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.live-section-heading h2{font:700 21px "Manrope";margin:0;}.live-section-heading span{font-size:10px;color:var(--muted)}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.live-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:15px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:13px;transition:.2s}.live-card:hover{transform:translateY(-2px);border-color:rgba(216,255,87,.35)}.live-logo{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:11px}.live-card div:nth-child(2){display:grid;gap:4px}.live-card strong{font-size:13px}.live-card small{color:var(--muted);font-size:9px}.live-now{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:8px;color:#ff6c73;font-weight:800}.live-now i{width:6px;height:6px;background:#ff5058;border-radius:50%;box-shadow:0 0 0 4px rgba(255,80,88,.1)}
.watchlist-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.week-calendar{display:grid;gap:9px}.day-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:13px;display:grid;grid-template-columns:78px 62px 1fr auto;align-items:center;gap:14px}.day-label strong{display:block;font:700 13px "Manrope"}.day-label small{font-size:9px;color:var(--muted)}.day-art{width:62px;height:76px;border-radius:7px;position:relative;overflow:hidden;cursor:pointer;transition:.2s ease}.day-art:hover{transform:scale(1.04);box-shadow:0 7px 18px rgba(0,0,0,.35)}.day-art:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.day-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none}.day-info h3{font-size:13px;margin:0 0 5px}.day-info p{font-size:9px;color:var(--muted);margin:0}.day-action{border:0;background:var(--accent);color:#111;width:34px;height:34px;border-radius:50%;font-size:13px}.empty-week{border:1px dashed var(--line);border-radius:14px;padding:70px 20px;text-align:center;color:var(--muted)}.preferences-card{align-self:start;position:sticky;top:98px}.preferences-card h3{font:700 20px "Manrope"}.range-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:25px 0 7px}.range-label strong{color:var(--text)}input[type="range"]{width:100%;accent-color:var(--accent)}.toggle-row{display:flex;align-items:center;margin:24px 0;position:relative}.toggle-row span{display:grid;gap:2px}.toggle-row strong{font-size:11px}.toggle-row small{font-size:9px;color:var(--muted)}.toggle-row input{position:absolute;opacity:0}.toggle-row i{margin-left:auto;width:37px;height:21px;border-radius:15px;background:#34333d;position:relative;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:15px;height:15px;top:3px;left:3px;background:white;border-radius:50%;transition:.2s}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:after{left:19px;background:#111}
.subtitle-tool{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}.subtitle-form{display:grid;gap:17px}.subtitle-form label{display:grid;gap:8px;font-size:11px;font-weight:700}.subtitle-form input,.subtitle-form select{width:100%}.subtitle-results{border:1px dashed var(--line);border-radius:12px;display:flex;min-height:230px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.cc-illustration{width:54px;height:43px;border-radius:8px;background:var(--accent);color:#111;display:grid;place-items:center;font-weight:900;font-size:18px}.subtitle-results h3{font:700 16px "Manrope";margin:14px 0 5px}.subtitle-results p{font-size:10px;color:var(--muted);max-width:300px}.subtitle-links{display:flex;gap:8px;margin-top:10px}.subtitle-links a{background:var(--accent);color:#111;text-decoration:none;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:800}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.steps-grid article{border-top:1px solid var(--line);padding:22px 10px}.steps-grid span{color:var(--accent);font-size:10px;font-weight:800}.steps-grid h3{font-size:14px;margin:10px 0}.steps-grid p{color:var(--muted);font-size:11px;line-height:1.65}.steps-grid code{color:var(--soft)}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:21px;display:flex;flex-direction:column;min-height:220px}.tool-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-size:17px;font-weight:900}.tool-card h3{font:700 16px "Manrope";margin:17px 0 7px}.tool-card p{color:var(--muted);font-size:11px;line-height:1.6;margin:0 0 18px}.tool-card a{margin-top:auto;color:var(--accent);text-decoration:none;font-size:11px;font-weight:800}.tool-card small{color:#6d6b75;font-size:9px;margin-top:7px}
.setup-timeline{max-width:900px;margin:0 auto;position:relative}.setup-timeline:before{content:"";position:absolute;left:22px;top:25px;bottom:25px;width:1px;background:var(--line)}.setup-timeline article{display:grid;grid-template-columns:46px 1fr;gap:22px;position:relative;padding-bottom:28px}.setup-timeline article>span{width:46px;height:46px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);font-weight:800;z-index:2}.setup-timeline article>div{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:20px}.setup-timeline h3{font:700 16px "Manrope";margin:0 0 7px}.setup-timeline p{color:var(--muted);font-size:11px;line-height:1.65;margin:0}.setup-timeline button{border:0;background:transparent;color:var(--accent);padding:13px 0 0;font-size:11px;font-weight:800}.privacy-note{max-width:830px;margin:15px auto 0;background:linear-gradient(120deg,rgba(216,255,87,.1),rgba(140,107,255,.1));border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;gap:14px}.privacy-note>span{font-size:22px;color:var(--accent)}.privacy-note strong{font-size:13px}.privacy-note p{color:var(--muted);font-size:10px;margin:4px 0 0}
footer{border-top:1px solid var(--line);padding:28px clamp(24px,4vw,64px);display:flex;align-items:center;gap:22px;color:#67656e;font-size:10px}footer>span{font:800 18px "Manrope";color:var(--text)}footer p{margin:0}footer button{margin-left:auto;border:0;background:transparent;color:#67656e;font-size:10px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(7px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(420px,100%);background:#15151b;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow);position:relative}.modal h2{font:800 27px "Manrope";letter-spacing:-1px;margin:8px 0 20px}.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:24px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:11px 16px;border-radius:9px;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transition:.25s;z-index:120;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
body.light{--bg:#f4f3ef;--surface:#fff;--surface-2:#ecebe6;--surface-3:#e5e4de;--text:#17171b;--muted:#6e6c73;--soft:#3b3a40;--line:rgba(20,20,25,.1);--shadow:0 24px 70px rgba(35,30,20,.15)}body.light .sidebar,body.light .topbar{background:rgba(244,243,239,.94)}body.light .search-wrap input,body.light .region-button,body.light .icon-button,body.light select,body.light input[type="text"]{background:#fff}body.light .hero{background:radial-gradient(circle at 75% 50%,rgba(112,82,209,.18),transparent 32%),#fff}body.light .primary-button{color:#111}body.light .search-results{background:#fff}

@media (max-width:1100px){.media-row{grid-template-columns:repeat(4,1fr)}.media-row .media-card:nth-child(5){display:none}.hero{grid-template-columns:58% 42%}.poster-card{width:145px}.card-front{left:48%}.media-grid{grid-template-columns:repeat(3,1fr)}.live-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:850px){:root{--sidebar:0px}.sidebar{width:228px;transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:var(--shadow)}.main-content{margin-left:0}.mobile-menu{display:block}.hero{grid-template-columns:1fr}.hero-art{display:none}.home-grid,.discovery-layout,.watchlist-layout{grid-template-columns:1fr}.platform-finder,.preferences-card{position:static}.media-row{grid-template-columns:repeat(3,1fr)}.media-row .media-card:nth-child(4){display:none}.media-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 20px}.search-wrap{width:min(100%,460px)}.top-actions{display:none}}
@media (max-width:600px){.view{padding:28px 17px 60px}.hero-copy{padding:38px 25px}.hero h1,.page-intro h1{font-size:38px;letter-spacing:-2px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-proof{flex-wrap:wrap}.media-row{grid-template-columns:repeat(2,1fr)}.media-row .media-card:nth-child(3){display:none}.home-grid{margin-top:32px}.platform-mini-list{grid-template-columns:1fr}.page-intro.with-action{align-items:flex-start;flex-direction:column}.filter-bar{align-items:stretch;flex-direction:column}.filter-group{overflow:auto;margin-right:0}.media-grid{grid-template-columns:repeat(2,1fr)}.results-meta span{display:none}.live-grid,.tool-grid,.steps-grid{grid-template-columns:1fr}.day-card{grid-template-columns:55px 52px 1fr}.day-art{width:52px;height:67px}.day-action{display:none}.subtitle-tool{grid-template-columns:1fr;padding:20px}.topbar{gap:10px}.search-wrap kbd{display:none}.search-wrap input{padding-right:10px}.region-button{display:none}}

.day-art>img{width:100%;height:100%;object-fit:cover}
.media-badge.access{background:#f4f2ed;color:#121216}
.filter-bar{flex-wrap:wrap}