.answer{font-size:1.02rem;line-height:1.55;margin:10px 0 4px;max-width:62ch}.answer b{font-weight:700}

:root{ --bg:#141418;--bg2:#17161a;--card:#1c1b22;--card2:#201f27;
 --ink:#f4f2ef;--ink70:rgba(244,242,239,.7);--ink50:rgba(244,242,239,.5);--ink35:rgba(244,242,239,.34);
 --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.06);
 --amber:#f5b544;--amber2:#f5b544;--amber-tint:rgba(245,181,68,.14);
 --free:#45e08d;--free-ink:#04180d;--free-tint:rgba(69,224,141,.13);
 --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.34);}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
 --bg:#e9e6e0;--bg2:#f2efe9;--card:#fff;--card2:#f7f5f2;
 --ink:#17161a;--ink70:rgba(23,22,26,.68);--ink50:rgba(23,22,26,.5);--ink35:rgba(23,22,26,.4);
 --line:rgba(23,22,26,.11);--line2:rgba(23,22,26,.07);
 --amber:#8a5a05;--amber2:#b8790f;--amber-tint:rgba(184,121,15,.1);
 --free:#0f7a4a;--free-ink:#fff;--free-tint:rgba(69,224,141,.16);
 --shadow:0 1px 2px rgba(23,22,26,.05),0 12px 30px rgba(23,22,26,.08);}}
:root[data-theme="light"]{--bg:#e9e6e0;--bg2:#f2efe9;--card:#fff;--card2:#f7f5f2;
 --ink:#17161a;--ink70:rgba(23,22,26,.68);--ink50:rgba(23,22,26,.5);--ink35:rgba(23,22,26,.4);
 --line:rgba(23,22,26,.11);--line2:rgba(23,22,26,.07);--amber:#8a5a05;--amber2:#b8790f;
 --amber-tint:rgba(184,121,15,.1);--free:#0f7a4a;--free-ink:#fff;--free-tint:rgba(69,224,141,.16);
 --shadow:0 1px 2px rgba(23,22,26,.05),0 12px 30px rgba(23,22,26,.08);}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
 font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.mono{font-family:'DM Mono',ui-monospace,monospace}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px;overflow-x:clip}
h1,h2,h3{font-family:Archivo,system-ui,sans-serif;letter-spacing:-.03em;margin:0}
header.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 86%,transparent);
 backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bar{max-width:1180px;margin:0 auto;padding:14px 26px;display:flex;align-items:center;gap:20px}
.logo{font-family:Archivo;font-weight:800;font-size:1.4rem;letter-spacing:-.03em}.logo b{color:var(--amber)}
form.search{flex:1;position:relative;display:flex}
.search input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:999px;
 padding:12px 20px 12px 46px;font:inherit;font-size:.95rem;color:var(--ink)}
.search input::placeholder{color:var(--ink35)}
.search input:focus{outline:none;border-color:var(--amber2);box-shadow:0 0 0 3px var(--amber-tint)}
.search .mag{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--ink35)}
nav.nv{display:flex;gap:22px;font-size:.8rem;font-weight:600;color:var(--ink70)}
nav.nv a:hover{color:var(--ink)}nav.nv a.free{color:var(--free)}
.mmenu{display:none}
.mmenu>summary{list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mmenu>summary::-webkit-details-marker{display:none}
.mbtn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.mbtn .mln,.mbtn .mln::before,.mbtn .mln::after{width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .22s ease,opacity .18s ease}
.mbtn .mln{position:relative;display:block}
.mbtn .mln::before{content:"";position:absolute;left:0;top:-6px}
.mbtn .mln::after{content:"";position:absolute;left:0;top:6px}
.mmenu[open] .mbtn .mln{background:transparent}
.mmenu[open] .mbtn .mln::before{transform:translateY(6px) rotate(45deg)}
.mmenu[open] .mbtn .mln::after{transform:translateY(-6px) rotate(-45deg)}
.mpanel{position:absolute;right:0;top:calc(100% + 8px);width:min(80vw,320px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;gap:6px;z-index:40}
.mnav{display:flex;flex-direction:column;gap:2px}
.mnav a{padding:11px 12px;border-radius:10px;font-weight:600;font-size:.98rem;color:var(--ink);min-height:44px;display:flex;align-items:center}
.mnav a:active,.mnav a:hover{background:var(--amber-tint)}
.mact{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--line);padding:10px 4px 2px;margin-top:2px}
.mact .btn.sm{flex:1 1 auto;justify-content:center;min-height:44px}
@media(max-width:880px){.wrap{padding:0 16px}
 .bar{flex-wrap:wrap;gap:10px;padding:11px 16px}
 .logo{order:1}
 .top nav.nv{display:none}.top .authbtns{display:none}
 .mmenu{display:block;order:2;margin-left:auto;position:relative}
 form.search{order:3;flex:1 0 100%}.search input{padding:11px 16px 11px 42px}}
.eyebrow{font-family:'DM Mono',monospace;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.muted{color:var(--ink50)} .dash{color:var(--ink35)}
/* spotlight */
.spot{position:relative;border-radius:22px;overflow:hidden;margin:26px 0 10px;isolation:isolate}
.spot .bd{position:absolute;inset:0;z-index:-2}.spot .bd img{width:100%;height:100%;object-fit:cover;filter:blur(30px) saturate(1.3);transform:scale(1.15)}
.spot .bd::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 8%,color-mix(in srgb,var(--bg) 55%,transparent) 60%,transparent),linear-gradient(0deg,var(--bg),transparent 70%)}
.spot .in{display:grid;grid-template-columns:230px 1fr;gap:32px;padding:34px}
.spot .pl{aspect-ratio:2/3;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.spot .pl img{width:100%;height:100%;object-fit:cover}
.spot h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1;margin:.4rem 0 0}
.spot .syn{color:var(--ink70);max-width:60ch;margin:14px 0 20px;font-size:1.02rem}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{font:inherit;font-weight:700;font-size:.92rem;border-radius:999px;padding:13px 22px;cursor:pointer;
 border:1px solid var(--line);background:var(--card);color:var(--ink);display:inline-flex;gap:9px;align-items:center}
.btn.free{background:var(--free);color:var(--free-ink);border-color:transparent}
.btn.free .tag{font-family:'DM Mono',monospace;font-size:.66rem;letter-spacing:.08em;background:rgba(0,0,0,.18);padding:2px 7px;border-radius:6px}
.btn.dark{background:color-mix(in srgb,var(--ink) 12%,transparent)}
@media(max-width:720px){.spot .in{grid-template-columns:1fr;gap:18px;padding:20px}.spot .pl{max-width:180px}}
/* rows + cards */
.rowhead{display:flex;align-items:baseline;gap:14px;margin:38px 0 16px}
.rowhead h2{font-size:1.5rem;font-weight:700}
.rowhead .u{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.1em;color:var(--ink35);text-transform:uppercase}
.rowhead .more{margin-left:auto;font-size:.82rem;color:var(--amber);font-weight:600;display:inline-flex;align-items:center;min-height:40px;padding:0 2px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:20px}
@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr);gap:13px}}
.card{display:block;border-radius:15px;outline-offset:4px}
.card:focus-visible{outline:2px solid var(--amber)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card{transition:transform .16s ease}.card:hover{transform:translateY(-5px)}}
.pw{position:relative;aspect-ratio:2/3;border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}
.pw img{width:100%;height:100%;object-fit:cover;display:block}
.pf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;background:inherit}
.pf .ov{z-index:1}
.pw .ov{position:absolute;left:11px;bottom:11px;right:11px;color:#fff;font-family:Archivo;font-weight:700;font-size:1.02rem;text-shadow:0 2px 10px rgba(0,0,0,.55);line-height:1.1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.badge-free{position:absolute;left:10px;top:10px;font-family:'DM Mono',monospace;font-size:.62rem;font-weight:500;letter-spacing:.08em;background:var(--free);color:var(--free-ink);padding:3px 8px;border-radius:7px}
.card .nm{font-weight:650;font-size:.95rem;margin-top:11px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.card .mt{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.06em;color:var(--ink50);text-transform:uppercase;margin-top:4px}
.card .sigs{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:7px}
.card .sg{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;color:var(--ink50);background:var(--chipbg,rgba(128,128,128,.1));border-radius:6px;padding:2px 7px;line-height:1.5}
.card .sg.r{color:#f5b544}
/* title page */
.hero-bd{position:absolute;inset:0 0 auto;height:560px;z-index:-2;overflow:hidden}
.hero-bd img{width:100%;height:100%;object-fit:cover;filter:blur(48px) saturate(1.3);transform:scale(1.2);opacity:.5}
.hero-bd::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 78%)}
.detail{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;padding:34px 0 8px;position:relative}
.detail>div{min-width:0}
.poster{aspect-ratio:2/3;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.poster img{width:100%;height:100%;object-fit:cover}
.poster .ov{position:absolute;left:16px;right:16px;bottom:15px;color:#fff;font-family:Archivo;font-weight:700;font-size:1.2rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.crumb{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.11em;color:var(--ink50);margin-bottom:14px}
.crumb b{color:var(--amber)}
h1.title{font-size:clamp(2.3rem,5.5vw,3.4rem);font-weight:800;line-height:.98;margin:0 0 8px}
.dubtag{display:inline-block;vertical-align:middle;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1;padding:5px 9px;border-radius:999px;background:var(--amber-tint);color:var(--ink);border:1px solid var(--amber)}
.origtitle{font-family:'DM Mono',monospace;font-size:.82rem;color:var(--ink50);margin:0 0 12px}
.scorerow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:14px}
.score{font-family:Archivo;font-weight:800;font-size:1.5rem}.score .out{color:var(--ink35);font-size:.9rem;font-weight:600}
.stars{color:var(--amber);letter-spacing:2px}
.imdb{font-family:'DM Mono',monospace;font-size:.68rem;font-weight:500;letter-spacing:.03em;padding:8px 11px;min-height:38px;border-radius:7px;background:#f5c518;color:#0a0a0a;display:inline-flex;align-items:center;gap:4px}
.imdb:hover{filter:brightness(1.06)}
.meta{font-family:'DM Mono',monospace;font-size:.78rem;color:var(--ink70);margin-bottom:16px;display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.chip{font-size:.72rem;font-weight:600;padding:9px 14px;min-height:38px;display:inline-flex;align-items:center;border-radius:99px;border:1px solid var(--line);color:var(--ink70);background:var(--bg2)}
.chip.hot{background:var(--amber-tint);border-color:transparent;color:var(--amber)}
.syn{font-size:1.05rem;color:var(--ink);max-width:64ch;margin:0 0 22px;line-height:1.62}
.mtable{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:720px;margin:0 0 22px}
.mtable .c{background:var(--card);padding:13px 16px;min-width:0}
.mtable .l{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink35)}
.mtable .v{font-weight:650;font-size:.95rem;margin-top:3px;overflow-wrap:anywhere}
.kws{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 8px}
.kw{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--ink70);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;min-height:38px;display:inline-flex;align-items:center}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin:6px 0 4px}
h2.sec{font-size:1.4rem;font-weight:700;margin:40px 0 4px}
.sec-sub{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink35);margin:0 0 15px}
.srcgrp{font-weight:700;font-size:.95rem;margin:20px 0 10px;display:flex;align-items:center;gap:10px}
.srcgrp .n{font-family:'DM Mono',monospace;font-size:.66rem;letter-spacing:.06em;color:var(--ink35);text-transform:uppercase;font-weight:500}
.srcgrp .dot{width:8px;height:8px;border-radius:50%;background:var(--free)}
.avail{display:grid;gap:11px;max-width:820px}
.opt{display:flex;align-items:center;gap:15px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px 17px;box-shadow:var(--shadow);transition:transform .13s,border-color .13s}
.opt:hover{transform:translateY(-2px);border-color:var(--amber2)}.opt.f:hover{border-color:var(--free)}
.vote{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:6px 4px;min-width:46px;flex:none}
.vote .a{color:var(--ink35);font-size:.7rem;line-height:1}.vote .n{font-weight:700;font-size:.95rem;margin:2px 0}
.opt .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:1.05rem;color:#fff;flex:none}
.opt .who{font-weight:700;font-size:1.02rem;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.opt .sub{font-size:.83rem;color:var(--ink50);margin-top:2px}
.opt .cr{font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.04em;color:var(--ink35);text-transform:uppercase;margin-top:5px}
.tagb{font-family:'DM Mono',monospace;font-size:.6rem;font-weight:500;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink70)}
.ok{color:var(--free);font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.05em}
.bdgf{font-family:'DM Mono',monospace;font-size:.6rem;font-weight:500;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:var(--free-tint);color:var(--free)}
.opt .rt{margin-left:auto;text-align:right;flex:none;display:flex;align-items:center;gap:16px}
.price{font-weight:700;font-size:1rem}.pricen{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.06em;color:var(--ink35);text-transform:uppercase}
.wbtn{font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:99px;background:var(--free);color:var(--free-ink)}
.wbtn.app{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}
.addsrc{border:1.5px dashed var(--line);border-radius:14px;padding:15px;text-align:center;color:var(--ink50);font-weight:600;font-size:.9rem;max-width:820px;margin-top:4px}
.notice{font-size:.8rem;color:var(--ink50);margin:14px 0 0;max-width:820px}.notice a{color:var(--amber);font-weight:600}
/* ratings + comments */
.split{display:grid;grid-template-columns:260px 1fr;gap:34px;max-width:940px;align-items:start}
@media(max-width:760px){.split{grid-template-columns:1fr;gap:18px}.detail{grid-template-columns:1fr;gap:16px}.poster{max-width:132px}.opt .rt{gap:10px}}
.rbig{font-family:Archivo;font-weight:800;font-size:3rem;line-height:1}.rbig .out{font-size:1rem;color:var(--ink35)}
.rbar{display:grid;grid-template-columns:34px 1fr 40px;gap:10px;align-items:center;margin:6px 0;font-family:'DM Mono',monospace;font-size:.72rem;color:var(--ink50)}
.rbar .tk{height:8px;border-radius:99px;background:var(--line)}.rbar .fl{height:100%;border-radius:99px;background:var(--amber)}
.empty{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;text-align:center;color:var(--ink50);max-width:820px}
.empty b{color:var(--ink);font-family:Archivo}
.cmt{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.cmt .av{width:44px;height:44px;border-radius:12px;color:#fff;display:grid;place-items:center;font-family:Archivo;font-weight:800}
.cmt .h{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.9rem}
.cmt .u{font-weight:700}.cmt .bd2{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.05em;color:var(--amber);background:var(--amber-tint);padding:2px 7px;border-radius:6px}
.cmt .body{margin:7px 0 0;color:var(--ink);font-size:.98rem}.cmt .foot{font-family:'DM Mono',monospace;font-size:.66rem;color:var(--ink35);margin-top:8px}
/* listing / sources / account */
.lhead{padding:34px 0 6px}.lhead h1{font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:800}
.lhead h1 .free{color:var(--free);font-size:.6em;font-weight:700}.lhead p{color:var(--ink70);margin:8px 0 0}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 4px}
.filters a{font-size:.8rem;font-weight:600;padding:9px 15px;min-height:38px;display:inline-flex;align-items:center;border-radius:99px;border:1px solid var(--line);color:var(--ink70);background:var(--card)}
.filters a:hover,.filters a.on{border-color:var(--amber2);color:var(--amber)}
.srcdir{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:20px}
.srccard{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:16px 18px;box-shadow:var(--shadow)}
.srccard:hover{border-color:var(--amber2)}.srccard .ic{width:46px;height:46px;border-radius:12px;color:#fff;display:grid;place-items:center;font-family:Archivo;font-weight:800;flex:none}
.srccard .nm{font-weight:700}.srccard .ct{font-family:'DM Mono',monospace;font-size:.66rem;color:var(--ink35);text-transform:uppercase;margin-top:2px}
.acct{display:grid;grid-template-columns:320px 1fr;gap:30px;padding:30px 0}
@media(max-width:820px){.acct{grid-template-columns:1fr}}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.pcard .top{display:flex;align-items:center;gap:16px}.pcard .av{width:64px;height:64px;border-radius:50%;background:linear-gradient(150deg,#8a5a05,#d9a441);color:#fff;display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:1.4rem}
.pcard h1{font-size:1.5rem;font-weight:800}.pcard .sub{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--ink50);margin-top:3px}
.xp{background:var(--amber-tint);border-radius:10px;padding:10px 13px;margin:16px 0;font-size:.85rem}
.xp .track{height:7px;background:var(--line);border-radius:99px;margin-top:8px}.xp .fl{height:100%;background:var(--amber);border-radius:99px}
.statg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
.statg .v{font-family:Archivo;font-weight:800;font-size:1.7rem}.statg .l{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.08em;color:var(--ink35);text-transform:uppercase}
.streakbox{display:flex;align-items:center;gap:7px;margin:12px 0 2px;padding:9px 13px;border-radius:11px;background:linear-gradient(150deg,rgba(224,90,43,.14),rgba(245,181,68,.14));border:1px solid var(--line);font-size:.9rem;color:var(--ink70)}
.streakbox b{font-family:Archivo;font-size:1.1rem;color:var(--ink)}.streakbox .flame{font-size:1.05rem}
.streakbox .sk-best{margin-left:auto;font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.06em;color:var(--ink35);text-transform:uppercase}
.plinks{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.plinks .btn{flex:1;justify-content:center;white-space:nowrap}
.greetbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 -6px;padding:11px 16px;border-radius:13px;background:linear-gradient(150deg,rgba(224,90,43,.12),rgba(245,181,68,.12));border:1px solid var(--line);font-size:.92rem;color:var(--ink70)}
.greetbar b{color:var(--ink)}.greetbar a{margin-left:auto;color:var(--amber);font-weight:700;text-decoration:none;white-space:nowrap}.greetbar a:hover{text-decoration:underline}
.lbwrap{padding:26px 0}.lb{display:flex;flex-direction:column;gap:8px;margin-top:6px;max-width:720px}
.lbrow{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:13px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .05s}
.lbrow:hover{border-color:var(--amber)}.lbrow.me{border-color:var(--amber);background:var(--amber-tint)}
.lbrow .lb-pl{font-family:Archivo;font-weight:800;font-size:1.05rem;min-width:30px;text-align:center;color:var(--ink50)}
.lbrow.r1 .lb-pl,.lbrow.r2 .lb-pl,.lbrow.r3 .lb-pl{font-size:1.3rem}
.lb-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(150deg,#8a5a05,#d9a441);color:#fff;display:grid;place-items:center;font-family:Archivo;font-weight:800;flex:none}
.lb-h{font-weight:700;font-size:.98rem;display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.lb-sk{font-size:.72rem;color:#e05a2b;font-weight:700;flex:none}
.lb-x{margin-left:auto;font-size:.9rem;color:var(--ink50);white-space:nowrap}.lb-x b{font-family:Archivo;font-size:1.15rem;color:var(--ink)}
.lb-s{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.05em;color:var(--ink35);text-transform:uppercase;white-space:nowrap;min-width:82px;text-align:right}
@media(max-width:560px){.lb-s{display:none}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tabs a{font-size:.85rem;font-weight:600;padding:9px 16px;border-radius:99px;color:var(--ink70)}
.tabs a.on{background:var(--ink);color:var(--bg)}
.tbl{width:100%;border-collapse:collapse}.tbl th{font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.06em;color:var(--ink35);text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:.92rem}
footer.hub{margin-top:60px;border-top:1px solid var(--line);background:var(--bg2)}
footer.hub .in{max-width:1180px;margin:0 auto;padding:30px 26px 46px}
footer.hub .fl{font-family:Archivo;font-weight:800;font-size:1.15rem}footer.hub .fl b{color:var(--amber)}
footer.hub h3{font-family:'DM Mono',monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink35);margin:18px 0 8px}
footer.hub a{color:var(--ink70);font-size:.85rem;margin-right:16px;display:inline-flex;align-items:center;min-height:40px;line-height:1.2}footer.hub a:hover{color:var(--amber)}
/* community: submit form + real votes + flashes */
.flash{border-radius:12px;padding:13px 16px;font-weight:600;font-size:.9rem;max-width:820px;margin:0 0 16px;background:var(--free-tint);border:1px solid var(--free);color:var(--free)}
.flash.err{background:var(--amber-tint);border:1px solid var(--amber2);color:var(--amber)}
.gnudge{margin:10px 0 0;padding:9px 13px;border-radius:11px;background:var(--card);border:1px dashed var(--line);color:var(--ink50);font-size:.82rem;line-height:1.5;max-width:820px}
.gnudge a{color:var(--free);font-weight:700;text-decoration:none}
.gnudge a:hover{text-decoration:underline}
details.addbox{max-width:820px;margin-top:4px}
details.addbox>summary{list-style:none;cursor:pointer;border:1.5px dashed var(--line);border-radius:14px;padding:15px;text-align:center;color:var(--ink50);font-weight:600;font-size:.9rem}
details.addbox>summary::-webkit-details-marker{display:none}
details.addbox[open]>summary{color:var(--amber);border-color:var(--amber2)}
.subform{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:10px;display:grid;gap:10px;box-shadow:var(--shadow)}
.subform input{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:inherit;font-size:.9rem;color:var(--ink)}
.subform input::placeholder{color:var(--ink35)}
.subform input:focus{outline:none;border-color:var(--amber2);box-shadow:0 0 0 3px var(--amber-tint)}
.subform .hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.subform .fine{font-size:.74rem;color:var(--ink35);margin:2px 0 0;line-height:1.5}
.subform button{justify-self:start}
.vform{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--line);border-radius:11px;min-width:46px;flex:none;overflow:hidden}
.vform button{background:none;border:none;color:var(--ink35);font-size:.78rem;line-height:1;padding:6px 0;cursor:pointer;width:100%}
.vform button:hover{color:var(--amber)}.vform button.on{color:var(--amber)}
.vform .n{font-weight:700;font-size:.92rem;margin:1px 0;color:var(--ink)}
/* admin moderation */
.adm{max-width:1000px;margin:22px auto}
.adm h1{font-size:1.7rem;font-weight:800;margin-bottom:4px}
.adm .row{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:11px 0}
.adm .u{font-family:'DM Mono',monospace;font-size:.78rem;color:var(--amber);word-break:break-all}
.adm .m{font-family:'DM Mono',monospace;font-size:.66rem;color:var(--ink35);text-transform:uppercase;margin:4px 0 10px}
.adm form{display:inline}
.adm button{font:inherit;font-weight:600;font-size:.8rem;border-radius:8px;padding:7px 13px;border:1px solid var(--line);cursor:pointer;margin-right:6px;background:var(--bg2);color:var(--ink)}
.adm button.ap{background:var(--free);color:var(--free-ink);border-color:transparent}
.adm button.rj{background:var(--amber-tint);color:var(--amber);border-color:transparent}
/* discover (faceted filters + sort) */
.disc{display:grid;grid-template-columns:252px 1fr;gap:28px;padding:24px 0 10px;align-items:start}
@media(max-width:860px){.disc{grid-template-columns:1fr;gap:16px}}
.fpanel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.fsum{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-weight:700;font-size:.92rem}
.fsum::-webkit-details-marker{display:none}
.fchev{color:var(--ink50);transition:transform .2s}
details.fpanel[open] .fchev{transform:rotate(180deg)}
.fform{display:none;padding:2px 18px 18px}
details.fpanel[open]>.fform{display:block}
@media(min-width:861px){.fpanel{position:sticky;top:82px}.fpanel>summary{display:none}.fpanel>.fform{display:block;padding-top:18px}}
.fpanel h3{font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink35);margin:17px 0 9px}
.fpanel h3:first-of-type{margin-top:0}
.fsel{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:.85rem;color:var(--ink)}
.fsel:focus{outline:none;border-color:var(--amber2)}
.fchk{display:flex;flex-wrap:wrap;gap:7px}
.pillchk{cursor:pointer;font-size:.78rem;font-weight:600;padding:9px 14px;min-height:38px;display:inline-flex;align-items:center;border-radius:99px;border:1px solid var(--line);color:var(--ink70);background:var(--bg2);user-select:none}
.pillchk input{position:absolute;opacity:0;width:0;height:0}
.pillchk:hover{border-color:var(--amber2)}
.pillchk:has(input:checked){background:var(--amber-tint);border-color:transparent;color:var(--amber)}
.fapply{width:100%;justify-content:center;margin-top:18px}
.fclear{display:block;text-align:center;margin-top:10px;font-size:.8rem;font-weight:600;color:var(--ink50)}
.fclear:hover{color:var(--amber)}
.dhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:2px 0 14px;flex-wrap:wrap}
.dhead h1{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800}
.dhead .ct{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.06em;color:var(--ink35);text-transform:uppercase;white-space:nowrap}
.apills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.apill{display:inline-flex;align-items:center;gap:7px;background:var(--amber-tint);color:var(--amber);border-radius:99px;padding:5px 8px 5px 13px;font-size:.77rem;font-weight:600}
.apill a{color:inherit;opacity:.65;font-weight:700;font-size:.9rem;line-height:1}.apill a:hover{opacity:1}
.pager{display:flex;gap:9px;justify-content:center;align-items:center;margin:30px 0 6px;flex-wrap:wrap}
.pager a,.pager span{padding:9px 15px;border-radius:99px;border:1px solid var(--line);font-size:.84rem;font-weight:600;color:var(--ink70)}
.pager a:hover{border-color:var(--amber2);color:var(--amber)}
.pager .cur{background:var(--ink);color:var(--bg);border-color:transparent}
.pager .off{opacity:.35}
/* ============ header auth ============ */
.authbtns{display:flex;align-items:center;gap:10px}
.btn.sm{padding:10px 16px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:.84rem}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--amber2);color:var(--amber)}
.btn.amber{background:var(--amber);color:#17161a;border-color:transparent;font-weight:700}
.btn.amber:hover{filter:brightness(1.05)}
.uchip{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:5px 14px 5px 5px;font-weight:600;font-size:.85rem}
.uchip:hover{border-color:var(--amber2)}
.uav{width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#8a5a05,#d9a441);color:#fff;display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:.85rem;flex:none}
.lo{background:none;border:none;color:var(--ink50);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;padding:8px 4px;min-height:40px}
.lo:hover{color:var(--amber)}
.btn.amber.sm{white-space:nowrap}
.bell{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:1.05rem;text-decoration:none;flex:none}
.bell:hover{background:var(--card)}
.nbadge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--amber);color:#17161a;font-family:Archivo;font-weight:800;font-size:.62rem;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--bg)}
.alerts{display:flex;flex-direction:column;gap:9px;max-width:820px;margin-top:6px}
.alert{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:13px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.alert:hover{border-color:var(--amber2)}
.alert.new{border-color:var(--amber2);background:var(--free-tint)}
.alert .ali{width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,#0f3d28,#1d8a56);color:#fff;display:grid;place-items:center;font-size:.8rem;flex:none}
.alert .alx{flex:1;min-width:0}
.alert .alt{font-weight:600;font-size:.9rem}.alert .alt b{font-family:Archivo}
.alert .ald{color:var(--ink50);font-size:.78rem;margin-top:2px}
.aldot{width:9px;height:9px;border-radius:50%;background:var(--amber);flex:none}
/* ============ hero ============ */
.hero{position:relative;margin:14px 0 8px;padding:54px 0 0;overflow:hidden;isolation:isolate}
.hero-glow{position:absolute;inset:-40% 0 auto;height:520px;z-index:-2;
 background:radial-gradient(60% 70% at 22% 0,var(--amber-tint),transparent 70%),radial-gradient(50% 60% at 90% 10%,var(--free-tint),transparent 70%);
 filter:blur(10px);animation:drift 22s ease-in-out infinite alternate}
.hero-in{max-width:780px}
.hero .eyebrow{margin-bottom:14px;animation:fadeup .6s .02s both}
.hero h1{font-size:clamp(2.5rem,6.4vw,4.6rem);font-weight:800;line-height:.98;letter-spacing:-.035em;margin:0;animation:fadeup .6s .06s both}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero .lead{font-size:clamp(1.05rem,2.4vw,1.35rem);color:var(--ink70);max-width:62ch;margin:20px 0 26px;line-height:1.5;animation:fadeup .6s .12s both}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;animation:fadeup .6s .18s both}
.hero .btn{padding:15px 26px;font-size:1rem}
.statbar{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:26px;font-family:'DM Mono',monospace;font-size:.76rem;letter-spacing:.04em;color:var(--ink50);animation:fadeup .6s .24s both}
.statbar b{color:var(--ink);font-weight:500}.statbar .sep{color:var(--ink35)}
.hero-marquee{margin:40px 0 8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mtrack{display:flex;gap:14px;width:max-content;animation:marquee 70s linear infinite}
.hero-marquee:hover .mtrack{animation-play-state:paused}
.mcover{width:124px;aspect-ratio:2/3;border-radius:11px;overflow:hidden;flex:none;box-shadow:var(--shadow);position:relative;background:var(--card2)}
.mcover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2}
.mcov-ov{position:absolute;left:9px;right:9px;bottom:9px;z-index:1;color:#fff;font-family:Archivo;font-weight:700;font-size:.72rem;line-height:1.12;text-shadow:0 1px 7px rgba(0,0,0,.6)}
/* ============ genre tiles ============ */
.gtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:14px}
.gtile{position:relative;height:104px;border-radius:15px;overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:var(--shadow);transition:transform .16s}
.gtile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 70%)}
.gtile:hover{transform:translateY(-4px)}
.gt-n{position:relative;font-family:Archivo;font-weight:800;font-size:1.12rem;letter-spacing:-.02em;line-height:1.05}
.gt-c{position:relative;font-family:'DM Mono',monospace;font-size:.66rem;letter-spacing:.06em;opacity:.9;margin-top:3px}
/* ============ platform strip ============ */
.pstrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}
.pcell{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);transition:transform .13s,border-color .13s}
.pcell:hover{transform:translateY(-3px);border-color:var(--amber2)}
.pcell.freep:hover{border-color:var(--free)}
.pcell .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-family:Archivo;font-weight:800;color:#fff;flex:none}
.pcell .pn{font-weight:700;font-size:.96rem;display:flex;align-items:center;gap:7px}
.pcell .pc{font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.05em;color:var(--ink35);text-transform:uppercase;margin-top:2px}
/* ============ value + community bands ============ */
.band{margin:52px 0;padding:44px;border-radius:24px;background:var(--card);border:1px solid var(--line)}
.band h2{font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:800;text-align:center;margin-bottom:8px}
.band .sub{text-align:center;color:var(--ink50);margin:0 auto 34px;max-width:52ch}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:760px){.steps{grid-template-columns:1fr}.band{padding:30px 22px}}
.step{text-align:center;padding:6px}
.step .no{width:46px;height:46px;margin:0 auto 14px;border-radius:14px;background:var(--amber-tint);color:var(--amber);display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:1.3rem}
.step h3{font-size:1.1rem;font-weight:700;margin-bottom:6px}
.step p{color:var(--ink50);font-size:.92rem;margin:0}
.cband{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:44px 0;padding:34px 38px;border-radius:22px;
 background:linear-gradient(120deg,var(--amber-tint),var(--free-tint));border:1px solid var(--line)}
.cband h2{font-size:clamp(1.35rem,3vw,1.9rem);font-weight:800;margin:0 0 6px}
.cband p{color:var(--ink70);margin:0;max-width:52ch}
/* ============ mobile-first tuning ============ */
@media(max-width:600px){
 .wrap{padding:0 15px}
 .hero{padding:26px 0 0}
 .hero h1{font-size:clamp(2.2rem,9vw,3rem)}
 .hero .lead{font-size:1.02rem;margin:16px 0 22px}
 .hero .cta{gap:10px}
 .hero .cta .btn{flex:1;justify-content:center;padding:14px 16px}
 .statbar{gap:6px 14px;margin-top:22px}
 .mcover{width:104px}
 .gtiles{grid-template-columns:1fr 1fr;gap:10px}
 .gtile{height:90px;padding:13px;border-radius:13px}
 .gt-n{font-size:1rem}
 .rowhead{margin:30px 0 13px}.rowhead h2{font-size:1.3rem}
 .mtable{grid-template-columns:1fr 1fr}
 .opt{gap:11px;padding:13px}.opt .ic{width:38px;height:38px}
 .opt .rt{gap:8px}.wbtn,.wbtn.app{padding:8px 12px;font-size:.78rem}
 h1.title{font-size:clamp(1.9rem,8vw,2.6rem)}
 .band{margin:38px 0}
 .cband{padding:26px 22px;margin:34px 0;gap:16px}
 .cband .btn{width:100%;justify-content:center}
 .auth-main{padding:26px 20px}
}
/* ============ auth page ============ */
.auth{display:grid;grid-template-columns:1.1fr .9fr;gap:0;margin:26px 0;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);min-height:520px}
@media(max-width:820px){.auth{grid-template-columns:1fr}.auth-side{display:none}}
.auth-side{position:relative;padding:44px;color:#fff;background:linear-gradient(150deg,#241a2e,#6b4a8f 60%,#100b16);display:flex;flex-direction:column;justify-content:flex-end}
.auth-side .eyebrow{color:#f5b544}
.auth-side h2{font-size:2rem;font-weight:800;margin:10px 0 12px;line-height:1.05}
.auth-side p{color:rgba(255,255,255,.8);font-size:.98rem;max-width:38ch}
.auth-side ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.auth-side li{display:flex;gap:10px;align-items:center;font-size:.92rem;color:rgba(255,255,255,.9)}
.auth-side li::before{content:"✓";color:#45e08d;font-weight:800}
.auth-main{background:var(--card);padding:40px}
.auth-tabs{display:flex;gap:6px;background:var(--bg2);border-radius:12px;padding:5px;margin-bottom:26px}
.auth-tabs a{flex:1;text-align:center;padding:10px;border-radius:9px;font-weight:700;font-size:.9rem;color:var(--ink50)}
.auth-tabs a.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.afield{margin-bottom:15px}
.afield label{display:block;font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink35);margin-bottom:6px}
.afield input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:13px 15px;font:inherit;font-size:.95rem;color:var(--ink)}
.afield input:focus{outline:none;border-color:var(--amber2);box-shadow:0 0 0 3px var(--amber-tint)}
.aerr{background:rgba(224,69,69,.12);border:1px solid rgba(224,69,69,.4);color:#e04545;border-radius:11px;padding:11px 14px;font-size:.88rem;font-weight:600;margin-bottom:18px}
.ahint{font-size:.78rem;color:var(--ink35);margin:14px 0 0;text-align:center}
/* ============ account dashboard ============ */
.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:8px}
.badge{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;gap:11px;align-items:center}
.badge.off{opacity:.42}
.badge .bi{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-family:Archivo;font-weight:800;color:#fff;flex:none}
.badge .bn{font-weight:700;font-size:.88rem}.badge .bd{font-size:.72rem;color:var(--ink50);margin-top:1px}
.subrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.subrow .st{margin-left:auto;font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:7px;font-weight:600}
.st.approved{background:var(--free-tint);color:var(--free)}.st.pending{background:var(--amber-tint);color:var(--amber)}
.st.rejected{background:rgba(224,69,69,.12);color:#e04545}
/* ============ interactions: rate / like / watchlist / comments / theme ============ */
#wtoast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,14px);z-index:9999;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:.9rem;font-weight:600;letter-spacing:.005em;box-shadow:0 12px 34px rgba(0,0,0,.30);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;border-left:3px solid var(--amber)}
#wtoast.show{opacity:1;transform:translate(-50%,0)}
#wtoast.bad{border-left-color:#e0533d}
@media (max-width:560px){#wtoast{bottom:16px;width:calc(100vw - 32px);text-align:center}}
.themebtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink70);cursor:pointer;font-size:1rem;display:grid;place-items:center;flex:none}
.themebtn:hover{border-color:var(--amber2);color:var(--amber)}
.themebtn .ic-l{display:none}
:root[data-theme="dark"] .themebtn .ic-l{display:inline}
:root[data-theme="dark"] .themebtn .ic-d{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .themebtn .ic-l{display:inline}
 :root:not([data-theme="light"]) .themebtn .ic-d{display:none}}
/* UI pass 1 — title page: cover | info | where-to-watch */
.detail{grid-template-columns:240px minmax(0,1fr) 372px;grid-template-rows:auto auto 1fr;
 grid-template-areas:"poster head side" "poster act side" "poster body side";gap:0 34px;align-items:start}
.detail>.d-poster{grid-area:poster}.detail>.d-head{grid-area:head}.detail>.d-act{grid-area:act}
.detail>.d-body{grid-area:body}.detail>.wtw-side{grid-area:side;min-width:0}
.d-act{margin:0 0 18px}.d-act .actions{margin:0}
.meta .fx+.fx::before{content:"·";margin-right:12px;color:var(--ink35)}
.meta .fx.fr{color:var(--free);font-weight:500}
.wtw-side{background:color-mix(in srgb,var(--card) 82%,transparent);border:1px solid var(--line);border-radius:18px;
 padding:18px 16px 16px;box-shadow:var(--shadow)}
.wtw-side h2.sec{margin:0 0 2px;font-size:1.2rem}
.wtw-side .sec-sub{margin-bottom:6px}
.wtw-side .srcgrp{margin:14px 0 8px;font-size:.88rem;flex-wrap:wrap;gap:4px 8px}
.wtw-side .avail{gap:9px}
.wtw-side .opt{gap:10px;padding:10px 11px;box-shadow:none}
.wtw-side .opt>div[style="min-width:0"]{flex:1}.wtw-side .opt .cr{display:none}.wtw-side .opt .ok{display:none}
.wtw-side .opt .ic{width:36px;height:36px;border-radius:10px;font-size:.92rem}
.wtw-side .opt .who{font-size:.95rem;gap:6px}
.wtw-side .opt .sub{font-size:.78rem}
.wtw-side .opt .rt{gap:8px}
.wtw-side .wbtn{padding:9px 14px;min-height:38px;display:inline-flex;align-items:center}
.wtw-side .vform{min-width:40px}
.wtw-side details.addbox>summary{padding:12px;font-size:.84rem}
.wtw-side .notice{font-size:.74rem;margin-top:12px}
details.moreapps>summary{list-style:none;cursor:pointer;padding:11px;min-height:44px;text-align:center;font-weight:650;font-size:.86rem;
 color:var(--amber);border:1px solid var(--line);border-radius:12px;background:var(--card)}
details.moreapps>summary::-webkit-details-marker{display:none}
details.moreapps[open]>summary{display:none}
@media(max-width:1099px){.detail{grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto auto auto auto;
 grid-template-areas:"poster head" "poster act" "poster side" "body body";gap:0 30px}
 .d-body{margin-top:22px}}
@media(max-width:760px){.detail{grid-template-columns:100px minmax(0,1fr);grid-template-rows:none;
 grid-template-areas:"poster head" "act act" "side side" "body body";gap:0 14px;padding-top:18px}
 .detail .poster{max-width:none;border-radius:11px}
 .d-head .crumb{margin-bottom:6px;font-size:.62rem}
 .d-head h1.title{font-size:clamp(1.45rem,6.4vw,2rem);line-height:1.05}
 .d-head .meta{margin-bottom:0;font-size:.72rem;gap:3px 9px}.meta .fx+.fx::before{margin-right:9px}
 .d-act{margin:14px 0 16px}.d-act .actions .btn{flex:1;justify-content:center;white-space:nowrap;padding-left:12px;padding-right:12px}
 .wtw-side{margin:0 -4px;padding:15px 12px 13px}
 .d-body{margin-top:22px}}
/* UI pass 1 — mobile header: one 56px row that slides away on scroll-down */
@media(max-width:880px){
 header.top{transition:transform .24s ease}
 header.top.hid{transform:translateY(-100%)}
 .bar{flex-wrap:nowrap;gap:10px;padding:8px 16px;min-height:56px}
 .logo{font-size:1.15rem;flex:none}
 form.search{order:2;flex:1 1 auto;min-width:0}
 .search input{padding:9px 12px 9px 34px;font-size:16px;height:40px}
 .search .mag{left:13px}
 .mmenu{order:3;margin-left:0}
 .mbtn{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){header.top{transition:none}}
.langsw{position:relative}
.langsw>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:9px 14px;min-height:40px;font-size:.82rem;font-weight:600;color:var(--ink70);white-space:nowrap}
.langsw>summary::-webkit-details-marker{display:none}
.langsw>summary:hover{border-color:var(--amber2);color:var(--amber)}
.langmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:160px;display:grid;gap:1px;max-height:64vh;overflow:auto}
.langmenu a{padding:11px 12px;min-height:44px;display:flex;align-items:center;border-radius:8px;font-size:.86rem;color:var(--ink70)}
.langmenu a:hover{background:var(--bg2);color:var(--ink)}.langmenu a.on{color:var(--amber);font-weight:700}
[dir="rtl"] .langmenu{right:auto;left:0}
[dir="rtl"] .authbtns{margin-left:0;margin-right:auto}
@media(max-width:520px){.langsw>summary span{display:none}}
.prose{max-width:760px;margin:8px 0 20px}
.faqwrap{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px}details.faq{border:1px solid var(--line,#e5e5ea);border-radius:12px;padding:12px 16px;background:var(--card,transparent)}details.faq summary{font-weight:700;cursor:pointer;list-style:none}details.faq summary::-webkit-details-marker{display:none}details.faq[open] summary{margin-bottom:6px}details.faq p{margin:0;color:var(--ink70,#555);line-height:1.5}.prose h1{font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:800;margin:22px 0 6px}
.prose .upd{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.06em;color:var(--ink35);text-transform:uppercase;margin-bottom:18px}
.prose h2{font-size:1.25rem;font-weight:700;margin:28px 0 8px}
.prose p,.prose li{color:var(--ink70);line-height:1.7;font-size:1rem}
.prose ul{padding-left:20px;margin:8px 0}.prose li{margin:5px 0}
.prose a{color:var(--amber);font-weight:600}
.prose .lead{font-size:1.12rem;color:var(--ink);margin:0 0 6px}
.prose .crumb a{color:var(--amber)}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:18px 0 24px}
.gcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow);transition:transform .14s,border-color .14s}
.gcard:hover{transform:translateY(-3px);border-color:var(--amber2)}
.gcard h3{font-size:1.12rem;font-weight:700;margin:0 0 6px;line-height:1.25}
.gcard p{color:var(--ink50);font-size:.9rem;margin:0 0 12px;line-height:1.5}
.gcard .gm{font-family:'DM Mono',monospace;font-size:.66rem;letter-spacing:.05em;color:var(--amber);text-transform:uppercase}
.glist{padding-left:20px;margin:10px 0}.glist li{margin:6px 0;color:var(--ink70)}.glist a{color:var(--amber);font-weight:600}
.gcta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--amber-tint);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin:26px 0 4px}
.gcta b{font-size:1rem}
.btn.heart{gap:7px}.btn.heart.on{color:#e0555f;border-color:#e0555f}
.btn.dark.listed{background:var(--free-tint);color:var(--free)}
.rateform{display:inline-flex;flex-direction:row-reverse;gap:1px;vertical-align:middle}
.rateform button{background:none;border:none;color:var(--line);font-size:1.55rem;line-height:1;cursor:pointer;padding:0 1px;transition:color .1s}
.rateform button:hover,.rateform button:hover ~ button,.rateform button.f{color:var(--amber)}
.ratehint{font-family:'DM Mono',monospace;font-size:.7rem;color:var(--ink50);margin-left:10px}
.rateact{margin:14px 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.ratewrap{display:flex;gap:30px;flex-wrap:wrap;align-items:center;max-width:820px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow);margin-bottom:2px}
.ratebig{text-align:center;flex:none}.ratebars{flex:1;min-width:230px}
.cform{max-width:820px;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.cform textarea{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px;font:inherit;font-size:.95rem;color:var(--ink);resize:vertical}
.cform textarea:focus{outline:none;border-color:var(--amber2);box-shadow:0 0 0 3px var(--amber-tint)}
.cform button{align-self:flex-start}
.cmt{max-width:820px}.cfoot{margin-top:9px}
.cvote{display:inline-flex;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-family:'DM Mono',monospace;font-size:.72rem;font-weight:600;color:var(--ink50);cursor:pointer}
.cvote:hover{border-color:var(--amber2);color:var(--amber)}
.cvote.on{background:var(--amber-tint);border-color:transparent;color:var(--amber)}
@media(max-width:600px){.ratewrap{padding:16px;gap:18px}}
.share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 2px}
.share .shl{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink35);margin-right:2px}
.sh{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.02rem;border:none;cursor:pointer;text-decoration:none;line-height:1}
.sh:hover{filter:brightness(1.12)}
.sh.cp{background:var(--card);color:var(--ink);border:1px solid var(--line)}
/* ============ motion ============ */
@keyframes fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-3%,2%) scale(1.06)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}