:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#edf0f5;--line:#e2e6ed;--text:#131722;--muted:#5f6b7c;--accent:#2563eb;--accent-2:#0ea5c4;--accent-hover:#1d4fd0;--accent-ink:#fff;--accent-soft:#e6eeff;--alert:#ef4444;--loved:#0c9b68;--fine:#c27c00;--bad:#dc3b46;--shadow:0 1px 2px #1018280d, 0 6px 20px #1018280f;--radius:18px;--display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.45 Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.55;cursor:default}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{max-width:540px;min-height:100dvh;margin:0 auto;padding-bottom:92px}.page{flex-direction:column;gap:16px;padding:4px 16px 24px;display:flex}.page>section{flex-direction:column;gap:10px;display:flex}.topbar{z-index:5;background:linear-gradient(var(--bg) 70%, transparent);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.logo{font:800 26px/1 var(--display);letter-spacing:-.04em;background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.logo-lg{font-size:40px}.page-title{font:800 30px/1.1 var(--display);letter-spacing:-.03em}.section-title{font:700 17px/1.2 var(--display);letter-spacing:-.01em;margin-top:6px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.center{text-align:center;align-self:center}.spacer{flex:1}.tabbar{z-index:10;width:100%;max-width:540px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#ffffffeb;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;display:flex}.tab.is-active,.tab.is-active svg{color:var(--accent)}.tab-icon{display:flex;position:relative}.badge{background:var(--alert);color:#fff;text-align:center;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font:700 11px/17px Inter,sans-serif;position:absolute;top:-5px;right:-10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.btn{white-space:nowrap;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:600;transition:transform 80ms,background .15s;display:inline-flex}.btn:hover:not(:disabled){background:#e1e6ee}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn.is-on{color:var(--accent);border-color:var(--accent)}.btn-block{width:100%;padding:13px 14px;font-size:15px}.link-btn{color:var(--muted);text-underline-offset:3px;text-align:left;padding:6px 0;font-size:13px;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--text)}.pill{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.icon-btn{background:var(--surface-2);border:1px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{color:var(--text)}.icon-btn.is-on{color:var(--accent);border-color:var(--accent)}.icon-btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.icon-btn-accent:hover{color:var(--accent-ink);background:var(--accent-hover)}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.user-link{font-weight:700}.user-link:hover{text-decoration:underline}.poster{object-fit:cover;background:var(--surface-2);border-radius:10px;flex-shrink:0;display:block;box-shadow:0 2px 8px #10182824}.poster-empty{font:800 20px var(--display);color:var(--muted);place-items:center;display:grid}.score{font:700 14px/1 var(--display);font-variant-numeric:tabular-nums;background:color-mix(in srgb, currentColor 12%, transparent);border:2px solid;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:inline-grid}.score-sm{border-width:1.5px;width:32px;height:32px;font-size:12px}.score-lg{width:54px;height:54px;font-size:18px}.score-xl{border-width:3px;width:104px;height:104px;font-size:38px}.tone-loved{color:var(--loved)}.tone-fine{color:var(--fine)}.tone-bad{color:var(--bad)}.preview-btn{background:var(--accent-soft);color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .1s;display:grid}.preview-btn:hover{transform:scale(1.06)}.preview-btn.is-playing{background:var(--accent);color:var(--accent-ink)}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-flex}.chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.chip-count{opacity:.65;font-variant-numeric:tabular-nums;font-size:12px}.segmented{background:var(--surface-2);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:grid}.segmented button{color:var(--muted);border-radius:9px;padding:8px;font-size:14px;font-weight:600}.segmented .is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #1018281f}.search-box{background:var(--surface);border:1px solid var(--line);height:48px;color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:34px 20px;display:flex}.empty strong{color:var(--text);font:700 17px var(--display)}.loading{justify-content:center;gap:6px;padding:48px 0;display:flex}.loading span{background:var(--muted);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite blink}.loading span:nth-child(2){animation-delay:.15s}.loading span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.list{flex-direction:column;display:flex}.media-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.media-row:last-child{border-bottom:0}.media-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.media-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.media-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rank-num{text-align:center;width:22px;font:700 15px var(--display);color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.feed-card{flex-direction:column;gap:12px;display:flex}.feed-head{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.feed-head .user-link{color:var(--text)}.dot-sep:before{content:"·";margin:0 6px}.feed-body{align-items:center;gap:14px;display:flex}.feed-body .media-title{font:700 17px/1.25 var(--display);white-space:normal}.feed-note{color:var(--text);opacity:.9;margin-top:4px;font-size:14px}.feed-foot{min-height:36px;color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.like-btn{color:var(--muted);align-items:center;gap:5px;padding:6px 2px;font-weight:600;display:inline-flex}.like-btn.is-on{color:var(--alert)}.you-score{align-items:center;gap:6px;font-weight:600;display:inline-flex}.callout{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.callout p{color:var(--muted)}.shelf-row{scrollbar-width:none;gap:14px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-item{flex-direction:column;flex-shrink:0;gap:3px;width:124px;display:flex}.shelf-art{margin-bottom:4px;position:relative}.shelf-art .score{background:#fffffff0;position:absolute;bottom:6px;right:6px}.profile-head{align-items:center;gap:16px;display:flex}.profile-id{min-width:0}.profile-id h1{font:800 26px/1.1 var(--display);letter-spacing:-.02em}.bio{margin-top:6px;font-size:14px}.stats{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;display:flex}.stats b{color:var(--text);font-family:var(--display);font-size:16px}.edit-form,.auth-form{flex-direction:column;gap:12px;display:flex}.edit-form label,.auth-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.edit-form input,.auth-form input,.note-input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;resize:none;border-radius:12px;outline:0;padding:12px;font-size:16px}.edit-form input:focus,.auth-form input:focus,.note-input:focus{border-color:var(--accent)}.form-error{color:var(--bad);font-size:14px}.favs{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.fav{flex-direction:column;gap:2px;min-width:0;display:flex}.fav-art{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-bottom:5px;display:block;overflow:hidden}.fav-art img{object-fit:cover;width:100%;height:100%;display:block}.fav-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.fav .media-title{font-size:13px}.fav .media-sub{font-size:12px}.fav-empty .fav-art{border-style:dashed}.match{background:linear-gradient(135deg,#e6eeff,#e3f6fa);border-color:#0000;flex-direction:column;gap:10px;display:flex}.match-top{align-items:center;gap:14px;display:flex}.match-top div{flex-direction:column;display:flex}.match-pct{font:800 44px/1 var(--display);letter-spacing:-.04em;color:var(--accent)}.match-pct small{font-size:22px}.match-bar{background:#fffc;border-radius:3px;height:6px;overflow:hidden}.match-bar span{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%;display:block}.match-line{color:var(--muted);font-size:14px}.match-line b{color:var(--text)}.match-empty{gap:2px}.compare-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:flex-end;gap:12px;font-size:11px;font-weight:700;display:flex}.compare-head span{text-align:center;width:32px;overflow:hidden}.compare .media-row{padding:7px 0}.back-btn{color:var(--muted);align-self:flex-start;align-items:center;gap:4px;padding:4px 8px 4px 0;font-weight:600;display:inline-flex}.title-hero{align-items:flex-end;gap:16px;display:flex}.title-hero h1{font:800 28px/1.08 var(--display);letter-spacing:-.03em;margin:4px 0 6px}.title-hero .media-sub{white-space:normal}.title-art{flex-shrink:0;position:relative}.title-art .preview-btn{position:absolute;bottom:8px;right:8px;box-shadow:0 4px 14px #1317224d}.friend-avg{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.mine-card{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cta-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sheet-backdrop{z-index:30;background:#13172273;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:540px;max-height:94dvh;padding:26px 18px calc(22px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;gap:14px;animation:.22s cubic-bezier(.2,.8,.2,1) rise;display:flex;position:relative;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop,.loading span{animation:none}}.sheet-close{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.sheet-head{align-items:center;gap:14px;padding-right:36px;display:flex}.sheet-head h2{font:800 22px/1.15 var(--display);letter-spacing:-.02em;margin-top:2px}.sheet-q{font:800 24px/1.15 var(--display);letter-spacing:-.02em}.feelings{flex-direction:column;gap:8px;display:flex}.feeling{background:var(--surface-2);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:15px 16px;transition:border-color .12s,transform 80ms;display:flex}.feeling:hover:not(:disabled){border-color:currentColor}.feeling:active:not(:disabled){transform:scale(.985)}.feeling-dot{background:currentColor;border-radius:50%;width:14px;height:14px}.feeling-label{color:var(--text);flex:1;font-size:16px;font-weight:700}.feeling-hint{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.versus{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;display:grid}.versus-or{font:700 13px var(--display);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:center}.contender{background:var(--surface-2);border:2px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:16px 10px;transition:border-color .12s,transform .1s;display:flex}.contender:hover{border-color:var(--accent);transform:translateY(-2px)}.contender:active{transform:scale(.98)}.contender-art{margin-bottom:8px;position:relative}.contender-art .preview-btn{position:absolute;bottom:-8px;right:-8px;box-shadow:0 4px 14px #1317224d}.contender-title{font:700 15px/1.2 var(--display);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.contender-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.contender-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-top:6px;font-size:11px;font-weight:700}.reveal{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:10px;display:flex}.reveal h2{font:800 24px/1.15 var(--display);letter-spacing:-.02em}.reveal .score{margin:4px 0;animation:.45s cubic-bezier(.2,1.4,.4,1) pop}.reveal-rank{font-weight:600}.reveal .btn{margin-top:10px}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.auth{flex-direction:column;gap:28px;padding:9vh 20px 40px;display:flex}.auth-hero{flex-direction:column;gap:14px;display:flex}.auth-hero h1{font:800 clamp(34px, 9vw, 46px)/1.02 var(--display);letter-spacing:-.04em}.auth-hero p{color:var(--muted);max-width:44ch;font-size:16px}.auth-hero em{color:var(--text);font-style:normal;font-weight:600}.app:has(.auth){padding-bottom:0}@media (width<=380px){.favs{grid-template-columns:repeat(2,1fr)}.contender-art .poster{transform:scale(.88)}}.credit{color:var(--muted);text-align:center;opacity:.8;margin-top:12px;font-size:11px}body{background:radial-gradient(1200px 500px at 50% -200px, #dfe9ff 0%, transparent 70%), var(--bg);background-attachment:fixed}.page-sub{color:var(--muted);margin-top:4px}.topbar-btn{width:40px;height:40px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:relative}.topbar-btn:hover{background:var(--surface-2)}.topbar-btn .badge{top:0;right:-2px}.badge-inline{display:inline-block;position:static}.list-card{padding:4px 14px}.auth-hero h1{background:linear-gradient(100deg, var(--text) 40%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.rec-reason{background:var(--accent-soft);max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-self:flex-start;margin-top:5px;padding:3px 9px;font-size:12px;font-weight:600;overflow:hidden}.predicted{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.predicted .score{border-style:dashed}.predicted small{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.sheet-tall{min-height:70dvh}.sheet .media-row{text-align:left;width:100%}.pick-list{scrollbar-width:none;gap:14px;padding:4px 2px 6px;display:flex;overflow-x:auto}.pick-list::-webkit-scrollbar{display:none}.pick{color:var(--muted);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.pick .avatar{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px transparent;transition:box-shadow .12s,transform .1s}.pick:hover .avatar{transform:scale(1.04)}.pick.is-on{color:var(--accent)}.pick.is-on .avatar{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.sent-note{text-align:center;font:800 22px var(--display);color:var(--loved);padding:30px 0}.thread-row.is-unread .media-title{font-weight:800}.thread-row.is-unread .media-sub{color:var(--text);font-weight:600}.thread-meta{color:var(--muted);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;font-size:12px;display:flex}.thread{padding-bottom:84px}.thread-head{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f4f6f9f0;align-items:center;gap:10px;margin:0 -16px;padding:8px 16px;display:flex;position:sticky;top:58px}.thread-head .back-btn{padding:4px}.bubbles{flex-direction:column;gap:8px;min-height:40dvh;display:flex}.time-sep{color:var(--muted);align-self:center;margin:8px 0 2px;font-size:11px;font-weight:600}.msg{flex-direction:column;gap:4px;max-width:84%;display:flex}.msg-me{align-self:flex-end;align-items:flex-end}.msg-them{align-self:flex-start;align-items:flex-start}.bubble{overflow-wrap:anywhere;border-radius:20px;padding:9px 14px;font-size:15px;line-height:1.4}.msg-me .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:6px}.msg-them .bubble{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px}.shared{background:var(--surface);border:1px solid var(--line);width:270px;max-width:100%;box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.shared-main{align-items:center;gap:12px;padding:12px;display:flex}.shared-foot{border-top:1px solid var(--line);min-height:48px;color:var(--muted);background:#f9fafc;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.shared-score{align-items:center;gap:6px;font-weight:600;display:inline-flex}.composer{left:50%;bottom:calc(66px + env(safe-area-inset-bottom));z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff2;align-items:center;gap:8px;width:100%;max-width:540px;padding:8px 12px;display:flex;position:fixed;transform:translate(-50%)}.composer input{border:1px solid var(--line);background:var(--bg);min-width:0;height:40px;color:var(--text);font:inherit;border-radius:20px;outline:0;flex:1;padding:0 14px;font-size:16px}.composer input:focus{border-color:var(--accent)}.composer-off{color:var(--muted);justify-content:center;font-size:13px}.title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.group-avatar{flex-shrink:0;display:inline-block;position:relative}.group-avatar .avatar{box-shadow:0 0 0 2px var(--surface);position:absolute}.group-avatar .avatar:first-child{top:0;left:0}.group-avatar .avatar:last-child{bottom:0;right:0}.group-empty{background:var(--surface-2)}.pick>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:68px;overflow:hidden}.msg-first{margin-top:6px}.msg-sender{color:var(--muted);align-items:center;gap:6px;margin-left:4px;font-size:12px;font-weight:600;display:inline-flex}.inline-form{align-items:center;gap:8px;display:flex}.inline-form .note-input{flex:1}.btn-danger{color:var(--bad)}.composer{flex-wrap:wrap}.composer-error{color:var(--bad);text-align:center;flex-basis:100%;margin:0;font-size:12px}.google-btn{justify-content:center;min-height:44px;display:flex}.or-sep{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.or-sep:before,.or-sep:after{content:"";background:var(--line);flex:1;height:1px}.field-hint{color:var(--muted);margin-top:-6px;font-size:12px}.form-ok{color:var(--loved);font-size:14px}.rules{flex-wrap:wrap;gap:6px;margin:-4px 0 0;padding:0;list-style:none;display:flex}.rules li{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.rules li:before{content:"○ "}.rules li.is-met{background:color-mix(in srgb, var(--loved) 12%, transparent);color:var(--loved)}.rules li.is-met:before{content:"✓ "}.about-line{background:var(--accent-soft);color:var(--accent);border-radius:12px;margin:2px 0 4px;padding:8px 12px;font-size:13px;font-weight:600}.load-more{background:var(--surface);box-shadow:var(--shadow);margin-top:4px}.end-note{text-align:center;color:var(--muted);padding:8px 0;font-size:13px}.card-preview{width:min(62%,250px);box-shadow:var(--shadow);border-radius:18px;align-self:center;transition:opacity .2s;overflow:hidden}.card-preview canvas{width:100%;height:auto;display:block}.card-preview.is-loading{opacity:.4}.share-top{background:var(--surface);box-shadow:var(--shadow)}.wrap{white-space:normal}.invite,.onboarding{flex-direction:column;gap:12px;display:flex}.invite-link{background:var(--surface-2);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;padding:10px 12px;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.invite-banner{background:var(--accent-soft);border-color:#0000;align-items:center;gap:12px;display:flex}.onboarding{background:linear-gradient(135deg,#e6eeff,#e3f6fa);border-color:#0000}.onboarding h2{font:800 22px/1.15 var(--display);letter-spacing:-.02em;margin:2px 0 4px}.onboarding .media-sub{white-space:normal}.progress{background:#fffc;border-radius:4px;height:8px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:4px;height:100%;transition:width .3s;display:block}.onboard-steps{color:var(--muted);gap:14px;font-size:13px;font-weight:600;display:flex}.onboard-steps span:before{content:"○ "}.onboard-steps .is-done{color:var(--loved)}.onboard-steps .is-done:before{content:"✓ "}.pick-title{text-align:left;width:96px}.pick-title .media-title{font-size:12px}.plus-dot{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:5px;right:5px}.like-btn.is-open{color:var(--accent)}.comments{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.comments .loading{padding:8px 0}.comment{align-items:flex-start;gap:8px;font-size:14px;display:flex}.comment p{overflow-wrap:anywhere}.comment-meta{color:var(--muted);align-items:center;gap:8px;margin-left:8px;font-size:12px;display:inline-flex}.comment-meta .link-btn{padding:0;font-size:12px}.comment-form{gap:8px;display:flex}.comment-form input{border:1px solid var(--line);background:var(--bg);min-width:0;height:38px;color:var(--text);font:inherit;border-radius:19px;outline:0;flex:1;padding:0 14px;font-size:15px}.comment-form input:focus{border-color:var(--accent)}.notice-text{font-size:14px}.notice.is-unread{background:linear-gradient(90deg, var(--accent-soft), transparent);border-radius:12px;margin:0 -8px;padding-left:8px;padding-right:8px}.dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px}.toggle{cursor:pointer;align-items:flex-start;flex-direction:row!important;gap:10px!important}.toggle input{height:20px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0;width:20px!important;padding:0!important}.toggle span{color:var(--text);flex-direction:column;gap:2px;font-size:14px;display:flex}.toggle small{color:var(--muted);font-size:12px;font-weight:400}.feeling.is-picked{border-color:var(--accent);background:var(--accent-soft)}.empty svg{color:var(--muted)}.providers{scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.providers::-webkit-scrollbar{display:none}.provider{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:76px;display:flex}.provider img{border-radius:12px;width:48px;height:48px;box-shadow:0 1px 4px #10182826}.provider .media-title,.provider .media-sub{max-width:100%;font-size:11px}a.chip{color:var(--text)}.credit.left{text-align:left;margin-top:0}.feed-rank{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.feed-foot{gap:10px}.invite .media-sub{white-space:normal}.push-card{align-items:center;gap:12px;display:flex}.push-card>svg{color:var(--accent);flex-shrink:0}.push-actions{flex-direction:column;align-items:stretch;gap:6px}.trailer{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--shadow);background:#000;position:relative;overflow:hidden}.trailer iframe,.trailer button,.trailer img{border:0;width:100%;height:100%;position:absolute;inset:0}.trailer img{object-fit:cover;opacity:.86;transition:opacity .15s,transform .3s}.trailer button:hover img{opacity:1;transform:scale(1.02)}.trailer-play{width:66px;height:66px;color:var(--accent);background:#fffffff2;border-radius:50%;place-items:center;padding-left:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000059}.trailer-name{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#000000bf);padding:28px 14px 12px;font-size:14px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.push-prompt{background:var(--accent-soft);border-color:#0000}.invite-count{align-items:center;gap:10px;font-size:13px;display:flex}.invite-dots{gap:5px;display:inline-flex}.invite-dots i{background:var(--accent);border-radius:50%;width:12px;height:12px}.invite-dots i.is-used{background:var(--line)}.invite-banner>svg{color:var(--accent);flex-shrink:0}.segmented button:disabled{cursor:not-allowed}.at-input{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;display:flex}.at-input:focus-within{border-color:var(--accent)}.at-input>span{color:var(--muted);padding-left:12px;font-size:16px;font-weight:600}.at-input input{background:0 0!important;border:0!important;padding-left:2px!important}.stat-link{border-bottom:1px dashed var(--muted)}.stat-link:hover{color:var(--accent);border-color:var(--accent)}.stat-link:hover b{color:var(--accent)}.app-wide,.app-wide .tabbar{max-width:1120px}.admin{--viz-1:#2563eb;--viz-2:#eb6834;gap:18px}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.tile{flex-direction:column;gap:2px;display:flex}.tile-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.tile-value{font:800 38px/1.1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.tile-sub{color:var(--muted);font-size:13px}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:18px;display:grid}.chart-card{flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.chart-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chart-head h2{font:700 18px/1.2 var(--display);letter-spacing:-.01em}.chart-head .link-btn{flex-shrink:0;padding:0}.legend{color:var(--muted);gap:16px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i,.tip-row i{border-radius:3px;flex-shrink:0;width:10px;height:10px}.plot{grid-template-rows:200px auto;grid-template-columns:auto 1fr;gap:6px 8px;display:grid}.y-axis{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;align-items:flex-end;margin:-7px 0;font-size:11px;display:flex}.plot-area{border-bottom:1px solid var(--line);position:relative}.gridline{background:var(--line);opacity:.7;height:1px;position:absolute;left:0;right:0}.gridline:first-child{display:none}.columns{display:flex;position:absolute;inset:0}.col{flex:1;justify-content:center;align-items:flex-end;min-width:0;height:100%;padding:0 1px;display:flex}.col.is-hover{background:#2563eb0f}.col:focus-visible{outline-offset:-2px}.stack{flex-direction:column;justify-content:flex-end;gap:2px;width:100%;max-width:24px;height:100%;display:flex}.seg{min-height:3px;display:block}.seg:first-child{border-radius:4px 4px 0 0}.col.is-hover .seg{filter:brightness(1.1)}.x-axis{color:var(--muted);grid-column:2;font-size:11px;display:flex}.x-axis span{text-align:center;white-space:nowrap;flex:1;min-width:0;overflow:visible}.tip{z-index:3;background:var(--text);color:#fff;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:4px}.tip[data-side=right]{transform:translate(12px)}.tip[data-side=left]{transform:translate(calc(-100% - 12px))}.tip-day{color:#ffffffb3}.tip-row{align-items:center;gap:6px;display:flex}.tip-row b{font-size:14px}.tip-total{border-top:1px solid #fff3;padding-top:3px}.funnel{flex-direction:column;gap:10px;display:flex}.funnel-row{grid-template-columns:150px 1fr 84px;align-items:center;gap:10px;font-size:13px;display:grid}.funnel-label{color:var(--text)}.funnel-track{height:18px}.funnel-bar{background:var(--viz-1);border-radius:0 4px 4px 0;height:100%;display:block}.funnel-value{color:var(--muted);font-variant-numeric:tabular-nums}.funnel-value b{color:var(--text)}.table-scroll{margin:0 -6px;overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.data-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 10px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px}.data-table tr:last-child td{border-bottom:0}.member{align-items:center;gap:8px;display:flex}.member span{flex-direction:column;line-height:1.25;display:flex}.member small{color:var(--muted);font-size:12px}.status{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.status:before{content:"● ";vertical-align:1px;font-size:9px}.status-active:before{color:var(--loved)}.status-slipping:before{color:var(--fine)}.status-gone-quiet:before,.status-never-ranked:before{color:var(--bad)}.status-new:before{color:var(--accent)}@media (width<=560px){.funnel-row{grid-template-columns:112px 1fr 70px}.tile-value{font-size:30px}}.admin{--viz-3:#1baf7a;--viz-4:#eda100}.admin-controls{flex-wrap:wrap;justify-content:flex-end}.admin-controls .segmented{min-width:240px}.admin-tabs{margin:0;padding:2px 0}.admin-grid .span-2{grid-column:1/-1}.tile{position:relative;overflow:hidden}.spark{opacity:.9;width:72px;height:28px;position:absolute;top:14px;right:12px}.delta{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.delta i{font-size:10px;font-style:normal}.delta-up i{color:var(--loved)}.delta-down i{color:var(--bad)}.table-tall{max-height:260px;overflow-y:auto}.line-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.crosshair{background:var(--muted);opacity:.5;width:1px;position:absolute;top:0;bottom:0}.line-dot{background:var(--viz-1);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.line-end{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;position:absolute;right:0;transform:translateY(-130%)}.x-axis-line span:first-child{text-align:left}.x-axis-line span:last-child{text-align:right}.rule{border:0;border-top:1px solid var(--line);margin:2px 0}.count{font:700 16px var(--display);font-variant-numeric:tabular-nums}.clip{text-overflow:ellipsis;max-width:220px;overflow:hidden}.heat{grid-template-columns:34px repeat(24,minmax(0,1fr));align-items:center;gap:2px;display:grid}.heat-hour{color:var(--muted);white-space:nowrap;font-size:10px;overflow:visible}.heat-day{color:var(--muted);font-size:11px}.heat-cell{aspect-ratio:1;border-radius:3px;min-height:10px}.heat-cell:hover,.heat-cell:focus-visible{outline:2px solid var(--text);outline-offset:0}.heat-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.heat-foot b{color:var(--text)}.ramp-key{align-items:center;gap:3px;display:inline-flex}.ramp-key i{border-radius:2px;width:14px;height:10px}.cohort-table td{padding:5px 6px}.cohort-cell{text-align:center;border-radius:6px;min-width:46px;padding:6px 4px;font-weight:600;display:block}.cohort-empty{background:0 0}.events{flex-direction:column;display:flex}.events p{border-bottom:1px solid var(--line);align-items:baseline;gap:6px;padding:7px 0;font-size:13px;display:flex}.events p:last-child{border-bottom:0}.events a{flex-shrink:0;font-weight:600}.events span{color:var(--muted);white-space:nowrap;margin-left:auto;padding-left:10px;font-size:12px}.members-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.members-tools .chips{margin:0;padding:2px 0}.members-search{width:220px;padding:8px 12px;font-size:14px}.th-sort{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.th-sort:hover,.th-sort.is-on{color:var(--text)}.x-axis span:last-child{justify-content:flex-end;display:flex}.x-axis span:first-child{justify-content:flex-start;display:flex}.shelf-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.shelf-head .link-btn{flex-shrink:0;padding:0}.shelf-tag{background:var(--accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.versus-cta{color:#fff;background:linear-gradient(120deg,#1d4ed8,#0e7490);border-color:#0000;align-items:center;gap:14px;display:flex}.versus-cta .media-sub{color:#ffffffd9}.versus-cta>svg{flex-shrink:0;transform:rotate(180deg)}.versus-cta-icon{width:46px;height:46px;font:800 17px var(--display);letter-spacing:-.02em;background:#ffffff2e;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.title-page{position:relative}.backdrop{z-index:-1;height:300px;position:absolute;inset:-66px 0 auto;overflow:hidden}.backdrop img{object-fit:cover;object-position:center 20%;opacity:.55;width:100%;height:100%}.backdrop:after{content:"";background:linear-gradient(#f4f6f933, #f4f6f9bf 55%, var(--bg));position:absolute;inset:0}.has-backdrop .title-hero{padding-top:34px}.has-backdrop .title-hero .poster{box-shadow:0 10px 30px #10182859}.story{flex-direction:column;gap:10px;display:flex}.facts{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:13px;font-weight:600;display:flex}.genre-chips{flex-wrap:wrap;gap:6px;display:flex}.genre-chips .pill{background:var(--surface)}.genre-chips .pill b{color:var(--text);margin-left:2px}.tagline{font:700 17px/1.3 var(--display);letter-spacing:-.01em}.overview{color:var(--text);font-size:15px;line-height:1.55}.overview .link-btn{padding:0;font-size:14px}.makers{font-size:14px}.makers span{color:var(--muted)}.makers a{text-underline-offset:3px;font-weight:600;text-decoration:underline}.artist-link{align-items:center;gap:12px;padding:10px 14px;display:flex}.artist-link>svg{color:var(--muted);flex-shrink:0;transform:rotate(180deg)}.community{flex-direction:column;gap:12px;display:flex}.community-top{align-items:center;gap:14px;display:flex}.split-bar{gap:2px;height:12px;display:flex}.split-bar span{background:currentColor;min-width:4px}.split-bar span:first-child{border-radius:6px 0 0 6px}.split-bar span:last-child{border-radius:0 6px 6px 0}.split-bar span:only-child{border-radius:6px}.split-key{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12px;display:flex}.split-key span{align-items:center;gap:5px;display:inline-flex}.split-key i{background:currentColor;border-radius:3px;width:9px;height:9px}.split-key b{color:var(--text)}.kind-movie{color:#2563eb}.kind-tv{color:#eb6834}.kind-song{color:#1baf7a}.kind-artist{color:#eda100}.cast{flex-direction:column;flex-shrink:0;gap:2px;width:92px;display:flex}.cast img,.cast-blank{object-fit:cover;background:var(--surface-2);border-radius:12px;width:92px;height:116px;margin-bottom:4px;box-shadow:0 2px 8px #1018281f}.cast-blank{font:800 26px var(--display);color:var(--muted);place-items:center;display:grid}.cast .media-title{font-size:13px}.cast .media-sub{font-size:12px}.taste{flex-direction:column;gap:14px;display:flex}.taste-top{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.taste-top div{flex-direction:column;gap:2px;min-width:0;display:flex}.taste-top b{font:800 22px/1.15 var(--display);letter-spacing:-.02em}.taste-top div:last-child b{font-size:16px;line-height:1.5}.taste-top span{color:var(--muted);font-size:12px}.taste-row{flex-direction:column;gap:6px;display:flex}.badges{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.badge-chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:help;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge-chip i{color:#eda100;font-style:normal}.share-top b{font:800 13px var(--display);background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 6px}.versus-page .versus{margin-top:4px}.versus-page .contender{background:var(--surface);box-shadow:var(--shadow)}.versus-status{text-align:center;flex-direction:column;gap:4px;display:flex}.versus-status p{font-size:15px}.tab{min-width:0}.tab span{white-space:nowrap}.daily-dots{gap:6px;margin-top:6px;display:inline-flex}.daily-dots i{opacity:.45;border:2px solid;border-radius:50%;width:14px;height:14px}.daily-dots i.is-done{opacity:1;background:currentColor}.streak-card{color:#fff;background:linear-gradient(120deg,#1d4ed8,#0e7490);border-color:#0000;align-items:center;gap:16px;display:flex}.streak-card .media-sub{color:#ffffffd9}.streak-num{background:#ffffff29;border-radius:22px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.streak-num b{font:800 34px/1 var(--display);letter-spacing:-.03em}.streak-num span{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:700}.play-card{align-items:center;gap:14px;display:flex}.play-card>svg{color:var(--muted);flex-shrink:0;transform:rotate(180deg)}.play-card.is-off{opacity:.6}.play-card.is-off>svg{visibility:hidden}.play-badge{width:52px;height:52px;font:800 22px var(--display);color:#fff;border-radius:16px;flex-shrink:0;place-items:center;display:grid}.play-card.tone-a .play-badge{background:#2563eb}.play-card.tone-c .play-badge{background:#0e7490;font-size:18px}.play-foot{color:var(--accent);margin-top:4px;font-size:12px;font-weight:700}.daily-bar{color:var(--accent);justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-bar strong{color:var(--text)}.daily-bar.is-done{color:var(--loved)}.daily-bar .daily-dots{margin-top:0}.versus-cta .daily-dots{color:#fff}.rate-count{color:var(--muted);font-size:13px}.rate-count b{color:var(--text);font-family:var(--display);font-size:16px}.deck{place-items:center;min-height:372px;display:grid;position:relative}.rate-card{z-index:1;background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:20px 16px 14px;transition:transform .22s ease-in,opacity .22s ease-in;animation:.2s ease-out deal;display:flex;position:relative}.rate-card h2{font:800 22px/1.15 var(--display);letter-spacing:-.02em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.rate-card .media-sub{max-width:100%}.rate-card .link-btn{padding:2px 0 0}.rate-art{margin-bottom:10px;position:relative}.rate-art .preview-btn{position:absolute;bottom:-10px;right:-10px;box-shadow:0 4px 14px #1317224d}.rate-card-next{z-index:0;opacity:.5;justify-content:flex-start;animation:none;position:absolute;inset:0;transform:scale(.94)translateY(14px)}.rate-card.is-leaving{opacity:0}.rate-card.leave-loved{transform:translate(60%,-8%)rotate(9deg)}.rate-card.leave-bad{transform:translate(-60%,-8%)rotate(-9deg)}.rate-card.leave-fine{transform:translateY(-40%)scale(.9)}.rate-card.leave-left{transform:translateY(30%)scale(.9)}@keyframes deal{0%{opacity:.5;transform:scale(.94)translateY(14px)}}@media (prefers-reduced-motion:reduce){.rate-card{transition:none;animation:none}}.feel-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.feel-btn{background:var(--surface);color:var(--loved);border:2px solid;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;font-size:14px;font-weight:700;transition:transform 80ms,background .12s;display:flex;position:relative}.feel-btn.tone-fine{color:var(--fine)}.feel-btn.tone-bad{color:var(--bad)}.feel-btn:hover{background:color-mix(in srgb, currentColor 10%, var(--surface))}.feel-btn:active{transform:scale(.96)}.feel-btn kbd{color:var(--muted);font:600 10px Inter,sans-serif;position:absolute;top:6px;right:8px}@media (hover:none){.feel-btn kbd{display:none}}.rate-page p a{text-underline-offset:3px;font-weight:600;text-decoration:underline}.watch-page{flex-direction:column;height:calc(100dvh - 136px);padding:0 16px;display:flex}.watch-head{justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.watch-feed{scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:var(--radius);flex:1;min-height:0;overflow-y:auto}.watch-feed::-webkit-scrollbar{display:none}.watch-slot{scroll-snap-align:start;scroll-snap-stop:always;height:100%;padding-bottom:10px;display:flex}.watch-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);flex-direction:column;flex:1;display:flex;overflow:hidden}.watch-video{background:#000;flex:1;min-height:180px;position:relative}.watch-video iframe,.watch-video img{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.watch-info{flex-direction:column;gap:10px;padding:14px;display:flex}.watch-title{align-items:center;gap:12px;display:flex}.watch-title .media-title{font:700 18px/1.2 var(--display);white-space:normal}.watch-actions{align-items:center;gap:8px;display:flex}.watch-info .rec-reason{margin-top:0}.code-input{text-align:center;letter-spacing:.35em;font:800 28px var(--display)!important;padding-left:.35em!important}.code-input::placeholder{color:var(--line)}.verify-links{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.dev-note{background:#fff7e0;border:1px dashed #eda100;border-radius:12px;padding:10px 12px;font-size:14px}.dev-note b{font:800 18px var(--display);letter-spacing:.12em}.shelf-end{flex:0 0 1px;align-self:stretch}.rank-card{box-shadow:none;background:0 0;border:0;padding:4px 30px 0;animation:none}.rank-card h2{font-size:24px}.sheet .feel-btn{background:var(--surface)}.q-dots{justify-content:center;gap:6px;margin-top:-6px;display:flex}.q-dots i{background:var(--line);border-radius:3px;width:22px;height:5px}.q-dots i.is-done{background:var(--accent)}.q-dots i.is-now{background:var(--accent);opacity:.45}.crowd{color:var(--muted);flex-wrap:wrap;gap:2px 10px;margin-top:2px;font-size:12px;display:flex}.crowd-part{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.crowd-part i{background:currentColor;border-radius:50%;width:7px;height:7px}.crowd-part b{color:var(--text);font-variant-numeric:tabular-nums}.crowd-part small{opacity:.8;font-size:11px}.crowd-xs{gap:0 8px;font-size:11px}.crowd-xs small{display:none}.verdicts{flex-wrap:wrap;gap:8px 16px;margin-top:10px;display:flex}.verdict{align-items:center;gap:8px;display:inline-flex}.verdict>span:last-child{flex-direction:column;font-size:13px;font-weight:600;line-height:1.2;display:flex}.verdict small{color:var(--muted);font-size:11px;font-weight:400}.avatar-photo{object-fit:cover;background:var(--surface-2)}.avatar-picker{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;max-width:110px;display:flex}.avatar-picker label{cursor:pointer;border-radius:50%;display:block;position:relative}.avatar-picker label.is-busy{opacity:.5}.avatar-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.avatar-picker label:focus-within{outline:2px solid var(--accent);outline-offset:3px}.avatar-badge{background:var(--accent);color:#fff;width:26px;height:26px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.avatar-picker .form-error{text-align:center;font-size:11px}.group-avatar .avatar-photo{position:absolute}.play-card.tone-b .play-badge{background:#eb6834}.play-card.tone-d .play-badge{background:#1baf7a}.blind-current{align-items:center;gap:14px;animation:.22s ease-out deal;display:flex}.blind-title{font:800 20px/1.15 var(--display);letter-spacing:-.02em}.blind-hint{color:var(--accent);margin-top:4px;font-size:12px;font-weight:700}.blind-result{color:#fff;background:linear-gradient(120deg,#1d4ed8,#0e7490);border-color:#0000;align-items:center;gap:14px;display:flex}.blind-result>b{font:800 30px/1 var(--display);letter-spacing:-.03em;white-space:nowrap}.blind-result .media-sub{color:#ffffffd9}.slots{flex-direction:column;gap:8px;display:flex}.slot{border:2px dashed var(--line);background:var(--surface);text-align:left;border-radius:16px;align-items:center;gap:12px;min-height:62px;padding:8px 12px;transition:border-color .12s,background .12s,transform 80ms;display:flex}.slot:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft)}.slot:not(:disabled):active{transform:scale(.99)}.slot.is-filled{border-style:solid}.slot:disabled{opacity:1;cursor:default}.slot-num{text-align:center;width:26px;font:800 20px var(--display);color:var(--muted);flex-shrink:0}.slot-empty{color:var(--muted);font-size:13px}.slot.is-right{border-color:var(--loved);background:color-mix(in srgb, var(--loved) 8%, var(--surface))}.slot.is-off{border-color:var(--line)}.slot-mark{font:700 14px var(--display);color:var(--muted);flex-shrink:0}.slot.is-right .slot-mark{color:var(--loved);font-size:18px}.hl-status{color:var(--muted);justify-content:center;gap:22px;font-size:14px;display:flex}.hl-status b{font:800 20px var(--display);color:var(--text);margin-left:4px}.hl-card{cursor:default;background:var(--surface);box-shadow:var(--shadow)}.hl-card:hover{border-color:var(--line);transform:none}.hl-score{background:var(--surface-2);min-width:64px;font:800 22px/1.1 var(--display);font-variant-numeric:tabular-nums;border-radius:999px;margin-top:8px;padding:6px 12px}.hl-card.is-right{border-color:var(--loved)}.hl-card.is-right .hl-score{background:color-mix(in srgb, var(--loved) 16%, var(--surface));color:var(--loved)}.hl-card.is-wrong{border-color:var(--bad)}.hl-card.is-wrong .hl-score{background:color-mix(in srgb, var(--bad) 14%, var(--surface));color:var(--bad)}.hl-btn{padding:16px 14px;font-size:16px}.hl-over{text-align:center;flex-direction:column;gap:8px;display:flex}.hl-over strong{font:800 20px var(--display)}body{background:#eef2fb}.app{--ink:#0f1320;--bg:#eef2fb;--surface:#fff;--surface-2:#dde6fb;--line:#c9d3e8;--text:#0f1320;--muted:#566078;--accent:#2b4bff;--accent-2:#19c3d6;--accent-hover:#1b37d9;--accent-soft:#dfe6ff;--pop:#cfdfff;--amber:#f6c667;--shadow:4px 4px 0 var(--ink);--radius:14px;--poster:"Anton", "Bricolage Grotesque", Impact, sans-serif;--mono:"Space Mono", ui-monospace, Menlo, monospace}.app .topbar{background:linear-gradient(var(--bg) 70%, transparent)}.app .tabbar{background:var(--bg);border-top:2.5px solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}.app .tab{color:var(--muted)}.app .tab.is-active{color:var(--ink)}.app .tab.is-active svg{color:var(--ink);background:var(--pop);box-shadow:0 0 0 3px var(--pop);border-radius:6px}.app .topbar-btn:hover{background:var(--surface-2)}.app .page-title{font:400 50px/.92 var(--poster);letter-spacing:.01em;text-transform:uppercase}.app .page-sub{font-size:14px}.app .eyebrow,.app .back-btn,.app .gtile-num,.app .contender-tag{font-family:var(--mono)}.app .eyebrow{color:var(--ink);letter-spacing:.06em}.app .back-btn{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:12px;font-weight:700}.app .card{border:2.5px solid var(--ink);box-shadow:var(--shadow);background:var(--surface)}.app .poster{border:2px solid var(--ink);box-shadow:none;border-radius:8px}.app .btn{border:2.5px solid var(--ink);background:var(--surface);box-shadow:3px 3px 0 var(--ink);letter-spacing:.03em;text-transform:uppercase;border-radius:12px;font-size:13px;font-weight:800;transition:transform 60ms,box-shadow 60ms}.app .btn:hover:not(:disabled){background:var(--pop)}.app .btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.app .btn-primary{background:var(--accent);color:#fff}.app .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.app .btn:disabled{opacity:.45}.app .link-btn{color:var(--ink);font-family:var(--mono);font-size:12px}.app .chip{border:2px solid var(--ink);background:var(--surface);color:var(--ink);font-weight:700}.app .chip.is-active{background:var(--ink);border-color:var(--ink);color:#f4f7ff}.app .segmented{background:var(--surface);border:2.5px solid var(--ink);border-radius:12px;padding:0;overflow:hidden}.app .segmented button{color:var(--ink);border-radius:0;font-weight:700}.app .segmented button+button{border-left:2.5px solid var(--ink)}.app .segmented .is-active{background:var(--pop);box-shadow:none}.app .segmented button:disabled{opacity:.4}.app .icon-btn{border:2px solid var(--ink);background:var(--surface);color:var(--ink)}.app .icon-btn-accent{background:var(--accent);color:#fff}.app .empty strong{font:400 26px/1 var(--poster);text-transform:uppercase}.arena-hub{gap:18px}.arena-hero{flex-direction:column;gap:2px;display:flex}.arena-kicker{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.arena-title{font:400 clamp(84px, 30vw, 140px)/.8 var(--poster);letter-spacing:-.01em;text-transform:uppercase;margin-left:-4px}.marquee{background:var(--ink);color:var(--pop);border-block:2.5px solid var(--ink);margin:12px -16px 0;overflow:hidden;transform:rotate(-1.2deg)scale(1.03)}.marquee>div{white-space:nowrap;font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:7px 0;animation:26s linear infinite ticker;display:inline-flex}.marquee span{align-items:center;display:inline-flex}.marquee i{color:var(--accent);margin:0 14px;font-style:normal}@keyframes ticker{to{transform:translate(-33.333%)}}.scoreboard{background:var(--ink);color:#f4f7ff;box-shadow:5px 5px 0 var(--accent);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-top:6px;padding:16px;display:grid}.score-digits{border-right:2px dashed #f4f7ff59;flex-direction:column;align-items:center;padding-right:16px;display:flex}.score-digits b{font:400 76px/.85 var(--poster);color:var(--pop);font-variant-numeric:tabular-nums;letter-spacing:.02em}.score-digits span{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.score-side{flex-direction:column;gap:8px;min-width:0;display:flex}.score-label{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75}.punches{gap:7px;display:flex}.punches i{aspect-ratio:1;border:2px solid #f4f7ff;border-radius:8px;flex:1;max-width:36px}.punches i.is-punched{background:var(--pop);border-color:var(--pop);position:relative}.punches i.is-punched:after{content:"✓";color:var(--ink);place-items:center;font:800 15px Inter,sans-serif;display:grid;position:absolute;inset:0}.score-note{font-size:13px;line-height:1.3}.arena-grid{grid-template-columns:1fr 1fr;gap:16px;padding:4px 2px 10px;display:grid}.gtile{border:2.5px solid var(--ink);min-height:196px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);border-radius:18px;flex-direction:column;gap:4px;padding:14px 14px 12px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.gtile:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)rotate(0)}.gtile:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.gtile-daily{background:var(--accent);color:#fff;grid-column:1/-1;min-height:168px;transform:rotate(-.8deg)}.gtile-blind{background:var(--accent);transform:rotate(1.1deg)}.gtile-higher{background:#3ddc97;transform:rotate(-1.1deg)}.gtile-watch{background:var(--pop);grid-column:1/-1;min-height:150px;transform:rotate(.6deg)}.gtile-num{letter-spacing:.12em;opacity:.85;font-size:11px;font-weight:700}.gtile h2{font:400 34px/.95 var(--poster);letter-spacing:.01em;text-transform:uppercase;max-width:9ch;position:relative}.gtile-daily h2,.gtile-watch h2{max-width:none;font-size:46px}.gtile p{max-width:26ch;font-size:13px;font-weight:500;line-height:1.35;position:relative}.gtile-glyph{font:400 190px/1 var(--poster);opacity:.16;pointer-events:none;position:absolute;bottom:-34px;right:-6px}.gtile-daily .gtile-glyph{opacity:.2;font-size:230px;bottom:-40px;right:10px}.gtile-watch .gtile-glyph{font-size:130px;bottom:-8px;right:16px}.gtile-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex;position:relative}.sticker{border:2px solid var(--ink);color:var(--ink);font:700 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#fff;border-radius:999px;padding:4px 9px;display:inline-block;transform:rotate(-3deg)}.gtile-go{border:2.5px solid var(--ink);background:var(--ink);color:#f4f7ff;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:auto;font:800 17px Inter,sans-serif;display:grid}.gtile.is-locked{filter:grayscale(.55)}@media (prefers-reduced-motion:reduce){.marquee>div{animation:none}.gtile,.gtile:hover{transition:none}}.app .daily-bar{background:var(--ink);color:var(--pop);box-shadow:4px 4px 0 var(--accent)}.app .daily-bar strong{color:#f4f7ff;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.app .daily-bar .media-sub{color:#f4f7ffbf}.app .daily-bar.is-done{color:#3ddc97}.app .daily-dots i{opacity:.5;border-radius:4px}.app .daily-dots i.is-done{opacity:1}.app .versus{align-items:stretch;gap:0}.app .contender{background:var(--surface);border:2.5px solid var(--ink);box-shadow:var(--shadow);border-radius:16px}.app .versus .contender:first-child{transform:rotate(-1.5deg)}.app .versus .contender:last-child{transform:rotate(1.5deg)}.app .contender:hover:not(:disabled){border-color:var(--ink);background:var(--pop);box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-3px)rotate(0)}.app .contender:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)rotate(0)}.app .contender-title{font:400 19px/1.05 var(--poster);letter-spacing:.01em;text-transform:uppercase}.app .contender-tag{color:var(--ink);font-size:10px}.app .versus-or{z-index:2;border:2.5px solid var(--ink);background:var(--accent);color:#fff;width:46px;height:46px;font:400 18px var(--poster);letter-spacing:.02em;border-radius:50%;align-self:center;place-items:center;margin:0 -14px;display:grid;transform:rotate(-8deg)}.app .versus-status{text-align:left;box-shadow:none;border-style:dashed}.app .versus-status p b{background:var(--pop);padding:0 4px}.app .blind-current{background:var(--pop);transform:rotate(-.8deg)}.app .blind-title{font:400 28px/.98 var(--poster);text-transform:uppercase;letter-spacing:.01em}.app .blind-hint{color:var(--ink);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.app .blind-result{background:var(--ink);color:#f4f7ff;box-shadow:5px 5px 0 var(--accent)}.app .blind-result>b{font:400 52px/.9 var(--poster);color:var(--pop)}.app .blind-result .media-sub{color:#f4f7ffcc}.app .slots{gap:10px}.app .slot{border:2.5px dashed var(--ink);background:0 0;border-radius:14px;min-height:64px}.app .slot:not(:disabled):hover{background:var(--pop);border-style:solid}.app .slot.is-filled{background:var(--surface);box-shadow:3px 3px 0 var(--ink);border-style:solid}.app .slot-num{width:34px;font:400 34px/1 var(--poster);color:var(--ink)}.app .slot-empty{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.app .slot.is-right{border-color:var(--ink);background:#3ddc97}.app .slot.is-off{background:var(--surface);border-color:var(--ink)}.app .slot-mark{font:700 13px var(--mono);color:var(--ink)}.app .slot.is-right .slot-mark{color:var(--ink);font-size:20px}.app .hl-status{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);justify-content:flex-start;gap:10px}.app .hl-status span{border:2.5px solid var(--ink);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 12px;display:inline-flex}.app .hl-status span:first-child{background:var(--ink);color:#f4f7ff}.app .hl-status b{font:400 24px/1 var(--poster);color:inherit;margin:0}.app .hl-status span:first-child b{color:var(--pop)}.app .hl-card{cursor:default}.app .hl-card:hover{background:var(--surface);box-shadow:var(--shadow);transform:rotate(-1.5deg)}.app .versus .hl-card:last-child:hover{transform:rotate(1.5deg)}.app .hl-score{background:var(--ink);color:var(--pop);font:400 30px/1 var(--poster);letter-spacing:.03em;border-radius:10px;padding:8px 14px}.app .hl-card.is-right{border-color:var(--ink);background:#3ddc97}.app .hl-card.is-right .hl-score{background:var(--ink);color:#3ddc97}.app .hl-card.is-wrong{background:var(--accent);border-color:var(--ink);color:#fff}.app .hl-card.is-wrong .contender-sub{color:#ffffffd9}.app .hl-card.is-wrong .hl-score{color:var(--ink);background:#fff}.app .hl-btn{font:400 24px/1 var(--poster);letter-spacing:.04em;box-shadow:4px 4px 0 var(--ink);padding:18px 10px}.app .hl-btn:last-child{color:var(--ink);background:#3ddc97}.app .hl-over strong{font:400 34px/1 var(--poster);text-transform:uppercase}.app .watch-card{border:2.5px solid var(--ink);box-shadow:var(--shadow)}.app .watch-video{border-bottom:2.5px solid var(--ink)}.app .watch-title .media-title{font:400 24px/1 var(--poster);text-transform:uppercase}.app .rec-reason{background:var(--pop);color:var(--ink);border:2px solid var(--ink);font-family:var(--mono);font-size:11px}.app .watch-head .media-sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);font-size:11px}.app .watch-feed{border-radius:0;padding:2px 5px 0 1px}.arena-hub .scoreboard{flex-direction:unset;grid-template-columns:auto 1fr;display:grid}.arena-title{margin-top:12px}.app .page>section{gap:12px}.gtile-blind{background:var(--pop)}.gtile-higher{background:var(--accent-2)}.gtile-watch{background:var(--ink);color:#f4f7ff}.gtile-watch .gtile-glyph{color:var(--pop);opacity:.9}.gtile-watch .gtile-go{background:var(--pop);color:var(--ink);border-color:var(--pop)}.gtile-watch .sticker{border-color:var(--pop)}.marquee i{color:var(--accent-2)}.app .versus-or{background:var(--pop);color:var(--ink)}.app .hl-btn:first-child{background:var(--ink);color:#f4f7ff}.app .hl-btn:last-child{background:var(--pop);color:var(--ink)}.app .hl-card.is-wrong{color:var(--ink);background:#ff7b6e}.app .hl-card.is-wrong .contender-sub{color:var(--ink);opacity:.75}.app .hl-over,.app .blind-current{background:var(--pop)}.app .punches i.is-punched,.scoreboard .score-digits b{color:var(--pop)}.app .logo{font:400 30px/1 var(--poster);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);-webkit-text-fill-color:currentColor;background:linear-gradient(transparent 58%, var(--pop) 58%, var(--pop) 92%, transparent 92%);margin-left:-4px;padding:0 4px;display:inline-block;transform:rotate(-2deg)}.app .logo-lg{align-self:flex-start;font-size:56px}.app .section-title{font:400 24px/1 var(--poster);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.app .section-title:before{content:"";background:var(--pop);border:2px solid var(--ink);border-radius:3px;flex-shrink:0;width:12px;height:12px;transform:rotate(12deg)}.app .sheet-q{font:400 32px/1 var(--poster);letter-spacing:.01em;text-transform:uppercase}.app .profile-id h1,.app .title-hero h1,.app .sheet-head h2,.app .rank-card h2,.app .reveal h2{font-family:var(--poster);text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:.98}.app .profile-id h1{font-size:36px}.app .title-hero h1{font-size:38px}.app .auth-hero h1{font:400 clamp(52px, 16vw, 78px)/.9 var(--poster);letter-spacing:0;text-transform:uppercase;-webkit-text-fill-color:currentColor;color:var(--ink);background:0 0}.app .auth-hero h1:after{content:"";background:var(--accent);border:2.5px solid var(--ink);width:96px;height:12px;margin-top:14px;display:block;transform:rotate(-2deg)}.app .score{border:2.5px solid var(--ink);color:var(--ink);font:400 17px/1 var(--poster);letter-spacing:.02em;border-radius:12px;transform:rotate(-4deg)}.app .score.tone-loved{background:#4fe0a2}.app .score.tone-fine{background:var(--pop)}.app .score.tone-bad{background:#ff8f84}.app .score-sm{border-width:2px;border-radius:9px;font-size:14px}.app .score-lg{box-shadow:3px 3px 0 var(--ink);border-radius:14px;font-size:24px}.app .score-xl{box-shadow:6px 6px 0 var(--ink);border-width:3px;border-radius:24px;font-size:54px}.app .predicted .score{box-shadow:none;border-style:dashed}.app .shelf-art .score{background-clip:padding-box}.app .search-box{border:2.5px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px}.app .search-box:focus-within{border-color:var(--ink);box-shadow:3px 3px 0 var(--accent)}.app .edit-form input,.app .auth-form input,.app .note-input,.app .composer input,.app .comment-form input,.app .at-input{border:2px solid var(--ink);border-radius:12px}.app .edit-form input:focus,.app .auth-form input:focus,.app .note-input:focus,.app .composer input:focus,.app .comment-form input:focus,.app .at-input:focus-within{border-color:var(--ink);box-shadow:3px 3px 0 var(--accent)}.app .at-input input{box-shadow:none!important;border:0!important}.app .edit-form label,.app .auth-form label{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.app .toggle span{text-transform:none;letter-spacing:0;font-family:Inter,sans-serif}.app .avatar{border:2px solid var(--ink)}.app .user-link{text-decoration:underline;-webkit-text-decoration-color:var(--pop);text-decoration-color:var(--pop);text-underline-offset:2px;text-decoration-thickness:3px}.app .pill,.app .badge-chip{border:2px solid var(--ink);background:var(--surface);color:var(--ink);font:700 11px var(--mono);letter-spacing:.03em;box-shadow:none}.app .badge-chip{background:var(--pop);transform:rotate(-2deg)}.app .badge-chip:nth-child(2n){background:var(--surface);transform:rotate(1.5deg)}.app .badge-chip i{color:var(--accent)}.app .badge{background:var(--accent);border:2px solid var(--ink);min-width:20px;height:20px;line-height:16px}.app .stats{font:400 12px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.app .stats b{font:400 22px/1 var(--poster);letter-spacing:.02em}.app .stat-link{border-bottom:3px solid var(--pop)}.app .versus-cta,.app .streak-card{background:var(--accent);color:#fff}.app .versus-cta-icon{background:var(--pop);color:var(--ink);border:2.5px solid var(--ink);font:400 22px var(--poster);border-radius:12px;transform:rotate(-6deg)}.app .versus-cta strong{font:400 22px/1 var(--poster);letter-spacing:.02em;text-transform:uppercase}.app .onboarding{background:var(--pop)}.app .onboarding h2{font:400 30px/.98 var(--poster);text-transform:uppercase;letter-spacing:.01em}.app .progress{background:var(--surface);border:2px solid var(--ink);border-radius:6px;height:12px}.app .progress span{background:var(--accent);border-radius:0}.app .match{background:var(--accent-soft)}.app .match-pct{font:400 56px/.9 var(--poster);color:var(--ink);letter-spacing:.01em}.app .match-bar{background:var(--surface);border:2px solid var(--ink);border-radius:6px;height:12px}.app .match-bar span{background:var(--accent);border-radius:0}.app .invite-banner,.app .push-prompt{background:var(--pop)}.app .invite-link{border:2px dashed var(--ink);background:var(--surface);font-family:var(--mono)}.app .invite-dots i{border:2px solid var(--ink);background:var(--accent);border-radius:3px}.app .invite-dots i.is-used{background:var(--surface)}.app .taste-top b{font-family:var(--poster);letter-spacing:.02em;font-weight:400}.app .split-bar{border:2px solid var(--ink);border-radius:8px;gap:0;height:16px;overflow:hidden}.app .split-bar span{border-right:2px solid var(--ink);border-radius:0!important}.app .split-bar span:last-child{border-right:0}.app .community .score,.app .verdict .score{transform:rotate(-4deg)}.app .feed-card{gap:12px}.app .feed-body .media-title{font:400 22px/1.02 var(--poster);letter-spacing:.01em;text-transform:uppercase}.app .feed-note{background:var(--surface-2);border-left:4px solid var(--ink);border-radius:0 8px 8px 0;padding:6px 10px;font-style:italic}.app .feed-rank,.app .media-row .rank-num{font-family:var(--mono)}.app .rank-num{font:400 22px var(--poster);color:var(--ink)}.app .like-btn.is-on{color:#f0443e}.app .media-row{border-bottom:2px dashed var(--line)}.app .media-row:last-child{border-bottom:0}.app .list-card{padding:4px 14px}.app .crowd{font-family:var(--mono);font-size:11px}.app .shelf-tag{background:var(--pop);color:var(--ink);border:2px solid var(--ink);font-family:var(--mono);transform:rotate(-4deg)}.app .shelf-head .link-btn{background:var(--ink);color:#f4f7ff;border-radius:6px;padding:3px 8px;text-decoration:none}.app .fav-art{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px}.app .fav:nth-child(odd) .fav-art{transform:rotate(-1.5deg)}.app .fav:nth-child(2n) .fav-art{transform:rotate(1.5deg)}.app .fav-label{font-family:var(--mono);color:var(--ink)}.app .cast img,.app .cast-blank{border:2px solid var(--ink)}.app .cast:nth-child(odd) img{transform:rotate(-1.5deg)}.app .cast:nth-child(2n) img{transform:rotate(1.5deg)}.app .provider img{border:2px solid var(--ink)}.app .trailer{border:2.5px solid var(--ink);box-shadow:var(--shadow)}.app .trailer-play{background:var(--pop);color:var(--ink);border:2.5px solid var(--ink)}.app .facts{font-family:var(--mono);color:var(--ink);font-size:12px}.app .tagline{font:400 24px/1.05 var(--poster);text-transform:uppercase;letter-spacing:.01em}.app .backdrop:after{background:linear-gradient(#eef2fb26, #eef2fbcc 55%, var(--bg))}.app .backdrop img{filter:saturate(1.15)}.app .preview-btn{background:var(--pop);color:var(--ink);border:2px solid var(--ink)}.app .preview-btn.is-playing{background:var(--accent);color:#fff}.app .sheet{border:2.5px solid var(--ink);background:var(--bg);border-bottom:0;border-radius:22px 22px 0 0}.app .sheet-close{border:2px solid var(--ink);background:var(--surface);color:var(--ink)}.app .feel-btn{border:2.5px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:400 17px/1.05 var(--poster);letter-spacing:.03em;text-transform:uppercase}.app .feel-btn.tone-loved{background:#4fe0a2}.app .feel-btn.tone-fine{background:var(--pop)}.app .feel-btn.tone-bad{background:#ff8f84}.app .feel-btn:hover{filter:brightness(1.05)}.app .feel-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.app .feel-btn .feeling-dot{display:none}.app .q-dots i{background:var(--surface);border:2px solid var(--ink);border-radius:3px;height:9px}.app .q-dots i.is-done{background:var(--ink)}.app .q-dots i.is-now{background:var(--pop);opacity:1}.app .pick .avatar{box-shadow:none}.app .pick.is-on .avatar{box-shadow:0 0 0 3px var(--pop), 0 0 0 5.5px var(--ink)}.app .pick.is-on{color:var(--ink)}.app .sent-note{font:400 34px var(--poster);color:var(--ink);text-transform:uppercase}.app .bubble{border:2px solid var(--ink)}.app .msg-me .bubble{background:var(--accent)}.app .shared{border:2.5px solid var(--ink);box-shadow:var(--shadow)}.app .shared-foot{border-top:2px solid var(--ink);background:var(--surface-2)}.app .composer{border-top:2.5px solid var(--ink);background:var(--bg)}.app .thread-head{background:var(--bg);border-bottom:2.5px solid var(--ink)}.app .time-sep{font-family:var(--mono)}.app .notice.is-unread{background:var(--pop);border:2px solid var(--ink)}.app .tile-value{font:400 44px/1 var(--poster);letter-spacing:.02em}.app .tile-label,.app .data-table th{font-family:var(--mono);color:var(--ink)}.app .admin{--viz-1:#2b4bff}.app .funnel-bar{border:2px solid var(--ink);border-left:0}.app .status{border:2px solid var(--ink);font-family:var(--mono);font-size:11px}.app .cohort-cell{border:2px solid var(--ink)}.app .dev-note{border:2px dashed var(--ink);background:var(--pop)}.app .rules li{border:2px solid var(--ink);font-family:var(--mono);font-size:11px}.app .rules li.is-met{color:var(--ink);background:#4fe0a2}.app .credit{font-family:var(--mono)}.app .topbar{background:var(--bg);border-bottom:2.5px solid var(--ink);margin-bottom:12px;padding:10px 16px 8px}.app .thread-head{top:56px}.app .auth .logo{margin-bottom:6px}.app .score.tone-fine,.app .feel-btn.tone-fine{background:var(--amber)}.app .logo{color:var(--accent);background:0 0;margin-left:0;padding:0;transform:none}.app .tab.is-active svg{background:var(--pop);box-shadow:0 0 0 3px var(--pop)}.app .user-link{-webkit-text-decoration-color:var(--pop);text-decoration-color:var(--pop)}.app .section-title:before{display:none}.app .badge-chip{background:var(--surface)}.app .badge-chip,.app .badge-chip:nth-child(2n),.app .shelf-tag,.app .sticker,.app .versus-cta-icon{transform:none}.app .onboarding,.app .invite-banner,.app .push-prompt,.app .notice.is-unread,.app .dev-note{background:var(--pop)}.app .gtile-blind{background:#fff}.app .gtile-watch .gtile-glyph,.scoreboard .score-digits b,.app .punches i.is-punched{color:var(--pop)}.app .punches i.is-punched{background:var(--pop);border-color:var(--pop)}.marquee{color:#fff;transform:none}.app .daily-bar{color:var(--pop)}.app .hl-score,.app .hl-status span:first-child b,.app .blind-result>b{color:#fff}.app:not(.app-arena){--shadow:3px 3px 0 var(--ink)}.app:not(.app-arena) .page-title{font-size:40px}.app:not(.app-arena) .section-title{font:700 19px/1.2 var(--display);letter-spacing:-.01em;text-transform:none}.app:not(.app-arena) .btn{text-transform:none;letter-spacing:0;box-shadow:2px 2px 0 var(--ink);font-size:14px;font-weight:700}.app:not(.app-arena) .btn:active:not(:disabled){transform:translate(2px,2px)}.app:not(.app-arena) .score{font:700 15px/1 var(--display);letter-spacing:0;border-width:2px;transform:none}.app:not(.app-arena) .score-sm{font-size:12px}.app:not(.app-arena) .score-lg{box-shadow:2px 2px 0 var(--ink);font-size:19px}.app:not(.app-arena) .score-xl{box-shadow:4px 4px 0 var(--ink);font-size:40px}.app:not(.app-arena) .community .score,.app:not(.app-arena) .verdict .score{transform:none}.app:not(.app-arena) .feed-body .media-title{font:700 18px/1.2 var(--display);letter-spacing:-.01em;text-transform:none}.app:not(.app-arena) .tagline{font:700 18px/1.3 var(--display);letter-spacing:-.01em;text-transform:none}.app:not(.app-arena) .profile-id h1{font-size:30px}.app:not(.app-arena) .title-hero h1{font-size:32px}.app:not(.app-arena) .rank-num{font:700 15px var(--display);color:var(--muted)}.app:not(.app-arena) .stats b{font:700 16px var(--display);letter-spacing:0}.app:not(.app-arena) .fav .fav-art,.app:not(.app-arena) .cast img,.app:not(.app-arena) .versus .contender:first-child,.app:not(.app-arena) .versus .contender:last-child{transform:none}.app:not(.app-arena) .contender:hover:not(:disabled){background:var(--pop);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-2px)}.app:not(.app-arena) .contender-title{font:700 16px/1.2 var(--display);letter-spacing:-.01em;text-transform:none}.app:not(.app-arena) .versus-or{background:var(--surface);transform:none}.app:not(.app-arena) .sheet-q{font-size:26px}.app:not(.app-arena) .feel-btn{font:700 14px/1.2 var(--display);letter-spacing:0;text-transform:none;box-shadow:2px 2px 0 var(--ink)}.app:not(.app-arena) .versus-cta strong{font:700 17px/1.2 var(--display);letter-spacing:-.01em;text-transform:none}.app:not(.app-arena) .onboarding h2{font:800 22px/1.15 var(--display);letter-spacing:-.02em;text-transform:none}.app:not(.app-arena) .match-pct{font:800 44px/1 var(--display);letter-spacing:-.04em}.app:not(.app-arena) .tile-value{font:800 38px/1.1 var(--display);letter-spacing:-.03em}.app:not(.app-arena) .auth-hero h1{font-size:clamp(44px,13vw,64px)}.app:not(.app-arena) .search-box,.app:not(.app-arena) .fav-art{box-shadow:2px 2px 0 var(--ink)}.app:not(.app-arena) .empty strong{font:700 17px var(--display);text-transform:none}.app-arena .versus-or{background:var(--accent-2);color:var(--ink)}.app-arena .hl-btn:last-child{background:var(--accent-2)}.app-arena .hl-over,.app-arena .blind-current{background:var(--pop)}.legal-links{justify-content:center;gap:18px;margin:4px 0 0;font-size:13px;display:flex}.legal-links a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.legal-links a:hover,.agree a{color:var(--text)}.agree{text-align:center;margin-top:0}.agree a{text-underline-offset:3px;text-decoration:underline}.legal{padding-top:16px}.legal-body{overflow-wrap:anywhere;padding:22px 20px;line-height:1.6}.legal-body h1{margin:0 0 2px;font-size:28px}.legal-body h2{margin:22px 0 6px;font-size:17px}.legal-body p{margin:0 0 10px}.legal-body ul{gap:6px;margin:0 0 10px;padding-left:20px;display:grid}.legal-body a{color:var(--accent,#2b4bff);text-underline-offset:3px;text-decoration:underline}.legal-date{color:var(--muted);font-size:13px}.danger-link{color:#c2362b}.danger-link:hover{color:#96241b}.search-wrap{z-index:5;position:relative}.app .suggest{background:var(--surface);border:2.5px solid var(--ink);max-height:min(62vh,520px);box-shadow:3px 3px 0 var(--ink);border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.suggest-row{cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-height:54px;padding:7px 8px;display:flex}.suggest-row.is-active{background:var(--pop,#cfdfff)}.suggest-row .media-text{flex-direction:column;flex:1;min-width:0;display:flex}.suggest-row .media-title,.suggest-row .media-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.suggest-row .media-title{font-weight:500}.suggest-row .media-title b{font-weight:800}.suggest-face{object-fit:cover;border:2px solid var(--ink);background:var(--paper,#eef2fb);border-radius:50%;flex-shrink:0;width:40px;height:40px}.suggest-icon{color:var(--muted);border-style:dashed;place-items:center;display:grid}.suggest-tag{border:2px solid var(--ink);background:var(--paper,#eef2fb);border-radius:999px;flex-shrink:0;padding:5px 7px;font:700 11px/1 Space Mono,monospace}.suggest-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:4px 8px 2px;font:700 11px/1 Space Mono,monospace;display:flex}.suggest-head .link-btn{text-transform:none;letter-spacing:0;padding:2px 0;font-size:12px}.tuned{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 4px;font-size:13px;display:flex}.tuned b{color:var(--text);font-weight:600}.tuned .chip-mini{border:2px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 8px;font:700 11px/1 Space Mono,monospace}.tuned .chip-mini.is-less{opacity:.6;text-decoration:line-through}.not-for-me{padding:4px 0;font-size:12px}.app .rec-hidden{box-shadow:none;border-style:dashed;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.rec-hidden .link-btn{flex-shrink:0;padding:2px 0}.watch-tools{align-items:center;gap:10px;display:flex}.app .sound-btn{text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--ink);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 10px;font:700 11px/1 Space Mono,monospace}.app .sound-btn[aria-pressed=true]{background:var(--ink);color:var(--surface)}.waitlist{flex-direction:column;gap:12px;display:flex}.app .waitlist label{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);flex-direction:column;gap:6px;display:flex}.app .waitlist input{border:2px solid var(--ink);background:var(--surface);height:50px;color:var(--text);font:inherit;border-radius:12px;outline:0;padding:0 14px;font-size:16px}.app .waitlist input:focus{box-shadow:3px 3px 0 var(--accent)}.app .waitlist-done{border:2.5px solid var(--ink);background:var(--pop);color:var(--ink);border-radius:14px;padding:14px 16px}.showcase{flex-direction:column;gap:12px;padding:18px 16px;display:flex}.app .showcase-title{font:400 26px/1 var(--poster);text-transform:uppercase;color:var(--ink);margin:0}.showcase-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.app .showcase-pick{text-align:left;background:var(--surface);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:8px;transition:transform 80ms,box-shadow 80ms;display:flex}.app .showcase-pick:hover,.app .showcase-pick:focus-visible{background:var(--pop)}.app .showcase-pick:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.showcase-pick img{aspect-ratio:2/3;object-fit:cover;border:2px solid var(--ink);background:var(--paper,#eef2fb);border-radius:8px;width:100%}.showcase-pick .media-title,.showcase-list .media-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.showcase-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.showcase-list li{align-items:center;gap:10px;min-width:0;display:flex}.showcase-list img{object-fit:cover;border:2px solid var(--ink);border-radius:6px;flex-shrink:0;width:34px;height:50px}.showcase-list .media-title{flex:1;min-width:0}.showcase-rank{width:20px;font:700 13px var(--mono);color:var(--muted);flex-shrink:0}.showcase-score{font:700 13px var(--mono);border:2px solid var(--ink);background:var(--pop);border-radius:999px;flex-shrink:0;padding:5px 8px}@media (width<=520px){.app .auth{gap:14px;padding:18px 16px 32px}.app .auth-hero{gap:8px}.app .logo-lg{font-size:34px}.app .auth .logo{margin-bottom:0}.app:not(.app-arena) .auth-hero h1,.app .auth-hero h1{font-size:clamp(28px,8.6vw,36px);line-height:.95}.app .auth-hero h1:after{width:56px;height:8px;margin-top:8px}.app .auth-hero p{font-size:14px;line-height:1.35}.app .auth .invite-banner{padding:10px 12px;font-size:13px}.app .auth .auth-form{gap:10px;padding:14px}.app .auth .auth-form input{height:44px}}@media (width<=520px) and (height<=700px){.app .auth-hero p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.home-tip{z-index:60;background:#0f132073;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.app .home-tip-card{width:100%;max-width:440px;margin-bottom:env(safe-area-inset-bottom);flex-direction:column;gap:10px;padding:18px;display:flex}.home-tip-card h3{margin:0;font-size:19px}.home-tip-card ol{gap:8px;margin:0;padding-left:20px;font-size:15px;display:grid}.share-glyph{vertical-align:middle;border:2px solid var(--ink);border-radius:6px;place-items:center;width:24px;height:24px;display:inline-grid}.credit-logo{width:auto;height:20px;margin:4px 0 2px;display:block}.admin .waitlist-table td:last-child{text-align:right}.delete-form h3{margin:0;font-size:18px}.delete-list{color:var(--muted);gap:4px;margin:0;padding-left:20px;font-size:14px;display:grid}.app .delete-form{border-color:#c2362b;box-shadow:3px 3px #c2362b}.report-link{align-self:flex-start;margin:-4px 0 0 2px;padding:2px 0;font-size:12px}.msg-report{padding:2px 0;font-size:12px}.msg-them .bubble[role=button]{cursor:pointer}.report-item{border-bottom:1px solid var(--line,#d7deee);flex-direction:column;gap:8px;padding:14px 0;display:flex}.report-item:last-child{border-bottom:0}.report-quote{border-left:4px solid var(--accent);background:var(--paper,#eef2fb);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 10px 10px 0;margin:0;padding:10px 12px}.report-quote.is-gone{opacity:.6;text-decoration:line-through}.report-actions{flex-wrap:wrap;gap:8px;display:flex}.report-tag{text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--ink);border-radius:999px;padding:4px 7px;font:700 11px/1 Space Mono,monospace}.app .apple-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;height:40px;margin:0 auto;padding:0 16px;font:500 14px/1 -apple-system,BlinkMacSystemFont,Inter,sans-serif;display:flex}.app .apple-btn:disabled{opacity:.55;cursor:default}.app .apple-btn svg{margin-top:-2px}.explore-page{flex-direction:column;gap:10px;display:flex}.explore-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.explore-head .page-title{margin:0}.explore-deck{flex-direction:column;gap:12px;display:flex}.app .explore-video{aspect-ratio:16/9;border:2.5px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);background:#000;border-radius:14px;position:relative;overflow:hidden}.explore-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.explore-song{flex-direction:column;align-items:center;gap:10px;display:flex}.app .explore-art{aspect-ratio:1;border:2.5px solid var(--ink);background:var(--pop);width:min(100%,320px);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:18px;padding:0;position:relative;overflow:hidden}.explore-art img,.explore-art-blank{object-fit:cover;width:100%;height:100%;display:block}.app .explore-play{background:var(--accent);color:#fff;border:2.5px solid var(--ink);width:56px;height:56px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.app .explore-play.is-playing{background:var(--surface);color:var(--ink)}.app .explore-bar{border:2px solid var(--ink);background:var(--surface);border-radius:999px;width:min(100%,320px);height:8px;overflow:hidden}.explore-bar i{background:var(--accent);height:100%;transition:width .25s linear;display:block}.app .explore-card{touch-action:pan-y;flex-direction:column;gap:10px;padding:14px;display:flex}.explore-card .rec-reason{margin-top:0}.explore-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.explore-nav .btn{align-items:center;gap:6px;display:inline-flex}.explore-hint{text-align:center;flex:1}.flip{display:inline-flex;transform:scaleX(-1)}.explore-ios{margin:-2px 0 0}@media (width<=380px){.explore-hint{display:none}}.where-links{flex-direction:column;gap:6px;display:flex}.where-links-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font:700 11px/1 Space Mono,monospace}.where-links-row{scrollbar-width:none;gap:8px;padding:2px 3px 5px 0;display:flex;overflow-x:auto}.where-links-row::-webkit-scrollbar{display:none}.app .where-chip{border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:6px 10px 6px 6px;text-decoration:none;display:inline-flex}.app .where-chip:hover{background:var(--pop)}.where-chip img{object-fit:cover;border-radius:7px;width:30px;height:30px}.where-chip span{flex-direction:column;padding-left:2px;line-height:1.15;display:flex}.where-chip b{white-space:nowrap;font-size:13px;font-weight:700}.where-chip small{color:var(--muted);font-size:11px}.where-credit{font-size:11px}.where-links-empty{min-height:18px;margin:0}.app .pill-link{cursor:pointer;text-decoration:none}.app .pill-link:hover,.app .pill-link:focus-visible{background:var(--pop)}.genre-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.app .genre-on{background:var(--pop);align-items:center;gap:6px;font-weight:700;display:inline-flex}.genre-on button{background:var(--ink);width:22px;height:22px;color:var(--surface);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.app .where-chip-cinema{background:var(--accent);color:#fff;padding:9px 12px}.app .where-chip-cinema:hover{background:var(--ink)}.about-prompt{flex-direction:column;gap:10px;padding:16px;display:flex}.about-prompt h2{margin:0;font-size:20px}.about-form{flex-direction:column;gap:14px;display:flex}.about-set{border:0;min-width:0;margin:0;padding:0}.app .about-set legend,.app .about-row label{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;padding:0}.about-chips{flex-wrap:wrap;gap:6px;display:flex}.about-chips .chip{font-size:13px}.about-row{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.about-row label{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.app .about-row input,.app .about-row select{border:2px solid var(--ink);background:var(--surface);height:44px;color:var(--text);text-transform:none;letter-spacing:0;border-radius:12px;width:100%;min-width:0;padding:0 10px;font:400 15px Inter,sans-serif}@media (width<=520px){.about-row{grid-template-columns:1fr 1fr}.about-row label:first-child{grid-column:1/-1}}.type-filter{scrollbar-width:none;gap:6px;margin:0 -2px;padding:2px 2px 6px;display:flex;overflow-x:auto}.type-filter::-webkit-scrollbar{display:none}.type-filter .chip{flex-shrink:0;font-size:13px}.audience{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;display:grid}.audience h3{text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:13px}.audience p{justify-content:space-between;gap:10px;margin:0;padding:3px 0;font-size:14px;display:flex}.showcase-pick .media-title,.showcase-list .media-title{white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.showcase-pick .media-title{min-height:2.4em}.showcase-pick{justify-content:flex-start}.showcase-again{align-self:center}@media (width<=520px){.app .auth>.auth-hero{order:0}.app .auth>.showcase{order:1}.app .auth>*{order:2}.app .auth>.legal-links{order:3}.app .auth-hero h1{font-size:clamp(26px,8vw,34px)}.showcase{gap:10px;padding:14px 12px}.app .showcase-title{font-size:22px}.showcase-pick img{aspect-ratio:3/4}}.jump-login{display:none}@media (width<=520px){.app .jump-login{color:var(--accent);align-self:flex-start;padding:2px 0;font-size:14px;display:inline-block}.app .auth-form{scroll-margin-top:12px}}