:root{--bg: #080808;--surface: #171717;--surface-2: #1e1e1e;--border: #252833;--border-hover: #353945;--text: #e2e2e2;--text-2: #a0a0a0;--text-3: #707070;--brand: #740df6;--brand-2: #a855f7;--skip: #f0506e;--timepass: #f5b301;--goforit: #16bd8b;--perfection: #a855f7;--interested: #f97316;--radius: 14px;--radius-sm: 10px;--nav-h: 64px;--maxw: 1240px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}::selection{background:#740df666}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);background:#080808cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-inner{height:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:.02em}.logo-img{height:26px;width:auto;display:block}.logo-mark{width:26px;height:20px;position:relative;flex:none}.logo-mark:before,.logo-mark:after{content:"";position:absolute;top:0;width:12px;height:20px;background:#ff6a00;border-radius:8px 8px 3px 3px}.logo-mark:before{left:0;transform:rotate(-8deg)}.logo-mark:after{right:0;transform:rotate(8deg)}.logo b{color:#fff}.logo span{color:var(--goforit)}.nav-icons{margin-left:auto;display:flex;align-items:center;gap:18px;color:var(--text-2)}.nav-icons .ico{width:20px;height:20px;opacity:.85}.nav-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.switch{border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(116,13,246,.06),transparent)}.switch-inner{max-width:var(--maxw);margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.switch-label{font-size:12px;font-weight:700;color:var(--brand-2);letter-spacing:.06em;text-transform:uppercase}.switch-pills{display:flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px}.pill{border:0;background:transparent;color:var(--text-2);padding:7px 15px;border-radius:999px;font-size:13.5px;font-weight:600;transition:all .15s ease}.pill:hover{color:var(--text)}.pill.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.switch-note{margin-left:auto;font-size:12px;color:var(--text-3)}.page{padding:32px 0 80px}.section{margin-top:40px}.section:first-child{margin-top:28px}.section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.section-title{font-size:20px;font-weight:700;margin:0;letter-spacing:-.01em}.section-sub{font-size:13.5px;color:var(--text-2)}.section-title .accent{color:var(--brand-2)}.reason{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:5px 11px;border-radius:999px}.reason .chip-verdict{width:8px;height:8px;border-radius:50%}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:8px}.poster{position:relative;aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:flex-end;transition:transform .18s ease}.poster:hover{transform:translateY(-4px)}.poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.poster-grain{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px);background-size:3px 3px}.poster-title{position:relative;z-index:2;padding:12px;font-weight:800;font-size:15px;line-height:1.15;letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.6);text-wrap:balance}.poster-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.55));z-index:1}.card{display:flex;flex-direction:column;gap:8px}.card-meta{display:flex;flex-direction:column;gap:5px}.card-name{font-size:13.5px;font-weight:600;color:var(--text)}.card-sub{font-size:12px;color:var(--text-3)}.verdict-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid currentColor}.verdict-chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.v-skip{color:var(--skip)}.v-timepass{color:var(--timepass)}.v-goforit{color:var(--goforit)}.v-perfection{color:var(--perfection)}.meterbar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.meterbar>span{display:block;height:100%}.meter-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.meter-line b{color:var(--text);font-weight:700}.discover{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.filters{position:sticky;top:calc(var(--nav-h) + 16px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.filter-group{padding:14px 0;border-top:1px solid var(--border)}.filter-group:first-of-type{border-top:0;padding-top:4px}.filter-group h4{margin:0 0 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--border);background:transparent;color:var(--text-2);padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;transition:all .14s ease}.chip:hover{border-color:var(--border-hover);color:var(--text)}.chip.on{background:#740df626;border-color:var(--brand-2);color:#fff}.results-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:20px}.result-count{font-size:22px;font-weight:800}.result-count .unit{font-size:14px;font-weight:600;color:var(--text-2);margin-left:4px}.active-filters{display:flex;gap:8px;flex-wrap:wrap}.af{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;background:var(--surface);border:1px solid var(--border);padding:5px 11px;border-radius:999px;color:var(--text)}.af .x{color:var(--text-3);font-weight:700}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:all .15s ease}.btn:hover{border-color:var(--border-hover)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent}.grid-posters{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.taste-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.panel-lg{padding:26px}.avatar-lg{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff}.persona-tag{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--perfection)}.big-persona{font-size:34px;font-weight:900;letter-spacing:-.02em;margin:14px 0 6px;text-wrap:balance}.persona-desc{color:var(--text-2);font-size:14px;max-width:46ch}.verdict-rows{display:flex;flex-direction:column;gap:14px}.verdict-row{display:grid;grid-template-columns:92px 1fr 42px;align-items:center;gap:12px}.verdict-row .lbl{font-size:13px;font-weight:600}.verdict-row .track{display:block;height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.verdict-row .fill{display:block;height:100%;border-radius:999px}.verdict-row .val{text-align:right;font-size:13px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:24px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat .k{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.stat .v{font-size:26px;font-weight:800;margin-top:6px;letter-spacing:-.01em}.stat .foot{font-size:12.5px;color:var(--text-2);margin-top:4px}.bars{display:flex;flex-direction:column;gap:11px;margin-top:6px}.bar-row{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:10px;font-size:13px}.bar-row .track{display:block;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-row .fill{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:999px}.bar-row .n{text-align:right;color:var(--text-2);font-weight:600}.share-card{margin-top:12px;border-radius:var(--radius);padding:22px;background:radial-gradient(120% 120% at 100% 0,rgba(168,85,247,.28),transparent 55%),var(--surface);border:1px solid var(--border)}.panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.hl{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 20px 20px 24px}.hl:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--hl-accent, var(--brand-2))}.hl .eyebrow{color:var(--hl-accent, var(--text-3))}.hl-big{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:10px 0 8px;text-wrap:balance}.hl-desc{font-size:13px;color:var(--text-2);line-height:1.5}.match-hero{display:grid;grid-template-columns:1fr;gap:0;background:radial-gradient(130% 140% at 0 0,rgba(116,13,246,.22),transparent 50%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.match-hero .top{display:flex;align-items:center;gap:18px}.match-ring{--p: 92;width:92px;height:92px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--goforit) calc(var(--p) * 1%),var(--surface-2) 0);position:relative}.match-ring:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--surface)}.match-ring .pct{position:relative;z-index:1;font-size:22px;font-weight:900}.reviewer-table{display:flex;flex-direction:column;gap:10px;margin-top:8px}.reviewer{display:grid;grid-template-columns:44px 1.4fr 1fr 96px 130px;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;transition:border-color .15s ease}.reviewer:hover{border-color:var(--border-hover)}.r-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff}.r-name{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:8px}.r-handle{color:var(--text-3);font-size:12.5px}.r-badge{font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.badge-trusted{color:var(--goforit);background:#16bd8b1f}.badge-rising{color:var(--timepass);background:#f5b3011f}.badge-elite{color:var(--perfection);background:#a855f724}.r-recent,.r-stat{font-size:12.5px;color:var(--text-2)}.r-stat b{color:var(--text);font-size:14px}.r-match{display:flex;align-items:center;gap:10px}.match-bar{display:block;flex:1;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.match-bar .fill{display:block;height:100%;background:linear-gradient(90deg,var(--goforit),#56e0b6);border-radius:999px}.match-num{font-weight:800;font-size:14px;width:40px;text-align:right}.col-head{display:grid;grid-template-columns:44px 1.4fr 1fr 96px 130px;gap:16px;padding:0 18px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-weight:700}.friend-card{display:flex;flex-direction:column;gap:8px}.friend-tag{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.friend-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;flex:none}.callout{margin-top:10px;font-size:12.5px;color:var(--text-3);display:flex;align-items:center;gap:8px}.callout .k{color:var(--brand-2);font-weight:700}.footer-note{margin-top:60px;padding-top:20px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-3);text-align:center}@media (max-width: 900px){.discover{grid-template-columns:1fr}.filters{position:static}.taste-hero{grid-template-columns:1fr}.reviewer,.col-head{grid-template-columns:40px 1.4fr 110px}.reviewer .r-recent,.reviewer .r-stat,.col-head .h-recent,.col-head .h-stat{display:none}}.ex-page{padding-top:32px;padding-bottom:80px}.ex-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}.ex-main{min-width:0}.ex-section{margin-bottom:40px}.ex-section:last-child{margin-bottom:0}.ex-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ex-section-title{font-size:20px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.01em}.ex-head-icon{width:22px;height:22px;flex:none;object-fit:contain}.ex-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 16px}.ex-card{display:flex;flex-direction:column;min-width:0}.ex-poster{position:relative;aspect-ratio:2 / 3;border-radius:6px;overflow:hidden;background:linear-gradient(150deg,#1e1e1e,#141414);transform-origin:center center;transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease}.ex-poster>img{width:100%;height:100%;object-fit:cover;display:block}.ex-poster-active{transform:scale(1.42);z-index:50;border-radius:8px;box-shadow:0 26px 60px -14px #000000d9}.ex-hover{position:absolute;left:0;right:0;bottom:0;padding:9px 9px 8px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .24s ease,transform .24s ease;background:linear-gradient(to top,rgba(11,11,13,.98) 0%,rgba(11,11,13,.95) 44%,rgba(11,11,13,.55) 78%,transparent 100%)}.ex-poster-active .ex-hover{opacity:1;transform:translateY(0);pointer-events:auto}.ex-hover-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.ex-interested{display:flex;align-items:center;gap:4px;font-size:10px;color:#ffffffd1;line-height:1}.ex-interested svg{color:var(--interested);flex:none}.ex-interested b{color:#fff;font-weight:800}.ex-hover-mark{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;padding:0;background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.6);transition:transform .14s ease,background .14s ease,border-color .14s ease}.ex-hover-mark:hover{transform:scale(1.1)}.ex-hover-mark.on{background:linear-gradient(135deg,#ff7a1a,#f0506e);border-color:transparent;color:#fff}.ex-hover-add{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;padding:0;line-height:1;background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.65);font-size:16px;font-weight:700;transition:transform .14s ease,background .14s ease}.ex-hover-add.on{background:var(--brand);border-color:var(--brand)}.ex-hover-add:hover{transform:scale(1.1)}.ex-hover-meter-row{display:flex;align-items:baseline;gap:6px}.ex-verdict{font-size:11px;font-weight:800;line-height:1.1;white-space:nowrap}.ex-hover-liked{font-size:11px;font-weight:800;color:#fff}.ex-meterbar{display:flex;height:4px;border-radius:3px;overflow:hidden;background:#ffffff29}.ex-meterbar>span{display:block;height:100%}.ex-hover-duration{align-self:flex-start;font-size:10px;font-weight:700;color:#fff;line-height:1;background:#ffffff29;padding:3px 8px;border-radius:6px}.ex-hover-ott{display:flex;gap:5px}.ex-ott-logo{width:20px;height:20px;border-radius:5px;object-fit:cover;flex:none;box-shadow:0 1px 4px #00000080}.ex-poster-active{cursor:pointer}.ex-wl-menu{position:absolute;right:6px;bottom:42px;z-index:9;min-width:116px;background:#16161afa;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px;box-shadow:0 10px 28px #0009;display:flex;flex-direction:column;gap:2px}.ex-wl-opt{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:7px;background:transparent;border:none;text-align:left;transition:background .13s ease}.ex-wl-opt:hover{background:#ffffff17}.ex-wl-opt.on{background:#ffffff12}.ex-wl-emoji{font-size:15px;line-height:1;flex:none}.ex-wl-title{font-size:12px;font-weight:700;color:#fff}.ex-open-wl{font-size:13px;font-weight:600;color:var(--brand-2);padding:4px 2px}.ex-open-wl:hover{color:#fff}.ex-card-title{margin-top:8px;font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-label-tag{margin-top:3px;font-size:10px;font-weight:600;color:#c776ff;letter-spacing:.01em}.ex-label-meta{margin-top:3px;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-fb-row{display:flex;align-items:center;gap:8px;margin-top:7px;min-width:0}.ex-fb-avatar{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;line-height:1;background:var(--surface-2);box-shadow:0 0 0 2px var(--ring)}.ex-fb-info{display:flex;flex-direction:column;min-width:0;line-height:1.22}.ex-fb-handle{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-fb-verdict{font-size:11px;font-weight:700}.toast-host{position:fixed;top:18px;right:18px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:340px;pointer-events:none}.toast{display:flex;align-items:center;gap:11px;padding:14px 18px;border-radius:12px;background:#1c1c20;border:1px solid #2c2c33;box-shadow:0 14px 40px #00000080;color:var(--text);font-size:14px;font-weight:500;line-height:1.35;animation:toast-in .26s cubic-bezier(.2,.8,.2,1)}.toast-icon{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff}.toast--success .toast-icon{background:var(--goforit)}.toast--muted .toast-icon{background:#5a5a63}.toast-text{min-width:0}@keyframes toast-in{0%{opacity:0;transform:translate(22px) translateY(-6px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.ex-rank-grid{column-gap:24px}.ex-rank-item{position:relative;isolation:isolate}.ex-rank-poster{width:100%;position:relative;z-index:1}.ex-rank-num{position:absolute;left:-14px;bottom:-13px;z-index:2;font-size:88px;font-weight:900;line-height:1;letter-spacing:-.05em;background:linear-gradient(180deg,#e2e2e2,#6b6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.1);-webkit-user-select:none;user-select:none;pointer-events:none}.ex-aside{display:flex;flex-direction:column;gap:20px}.ex-mi-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ex-mi-heading{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:500;color:var(--text)}.ex-mi-timeframe{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:6px 12px;border-radius:999px}.ex-mi-list{display:flex;flex-direction:column;gap:12px}.ex-mi-row{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px 12px 8px}.ex-mi-rank{position:relative;z-index:2;flex:none;font-size:82px;font-weight:900;line-height:1;letter-spacing:-.05em;min-width:.62ch;text-align:center;background:linear-gradient(180deg,#e2e2e2,#6b6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.1);-webkit-user-select:none;user-select:none}.ex-mi-poster{position:relative;z-index:1;flex:none;width:50px;height:68px;border-radius:6px;overflow:hidden;margin-left:-14px;background:linear-gradient(150deg,#1e1e1e,#141414)}.ex-mi-poster img{width:100%;height:100%;object-fit:cover}.ex-mi-info{flex:1;min-width:0}.ex-mi-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-mi-sub{font-size:12px;color:var(--text-3);margin-top:2px}.ex-mi-interested{font-size:12px;font-weight:700;color:var(--interested);margin-top:5px}@media (prefers-reduced-motion: reduce){.ex-poster-active,.ex-hover{transform:none}}@media (max-width: 900px){.ex-layout{grid-template-columns:1fr;gap:40px}.ex-aside{position:static}.ex-grid{grid-template-columns:repeat(3,1fr)}}