:root{--bg:#171721;--surface:#1e1e2a;--surface-2:#232330;--ink:#ededf3;--muted:#c3c3cc;--disabled:#70707d;--line:#272735;--line-strong:#33334a;--accent:#5266eb;--accent-hover:#4354c8;--accent-active:#3442a6;--accent-soft:rgba(82,102,235,0.14);--peri:#9cb4e8;--mist:#cdddff;--error:#e0578f;--error-soft:rgba(208,50,117,0.16);--ok:#7ee2b8;--ok-soft:rgba(126,226,184,0.14);--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:32px;--ease:cubic-bezier(0.4,0,0.2,1);--t:150ms var(--ease);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-inter),"Inter Variable",system-ui,sans-serif;font-size:16px;font-weight:420;line-height:1.45;font-variation-settings:"wght" 420;min-height:100dvh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{width:100%;max-width:560px;margin:0 auto;padding:20px 20px calc(120px + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;gap:24px}.shell.center{justify-content:center}.shell.no-tabs{padding-bottom:40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}.topbar h1{font-size:24px}.hstack{align-items:center}.hstack,.vstack{display:flex;gap:12px}.vstack{flex-direction:column}.spacer{flex:1 1}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:12px}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:12px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px 10px;gap:16px 10px}.pick{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;padding:0;color:var(--ink);cursor:pointer}.pick-img{position:relative;width:100%;aspect-ratio:1;padding:3px;border-radius:50%;border:2px solid transparent}.pick-img .cover,.pick-img img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:var(--muted);background:var(--surface-2)}.pick.on .pick-img{border-color:var(--peri)}.pick-check{position:absolute;right:0;bottom:0;width:22px;height:22px;border-radius:50%;background:var(--peri);color:#101426;display:grid;place-items:center}.pick-name{font-size:11px;line-height:14px;text-align:center;max-width:100%}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;justify-items:center}.avatar-opt{width:84px;height:84px;padding:3px;border-radius:50%;border:2px solid transparent;background:var(--surface-2);overflow:hidden;cursor:pointer}.avatar-opt img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-opt.on{border-color:var(--accent)}.avatar-row{display:flex;flex-wrap:wrap;gap:8px}.avatar-opt.sm{width:44px;height:44px;padding:2px}h1,h2,h3{margin:0;line-height:1.15;font-weight:480;font-variation-settings:"wght" 480}h1{font-size:32px}h1,h2{letter-spacing:.48px}h2{font-size:24px}h3{font-size:18px;letter-spacing:.24px}p{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12px;letter-spacing:.24px}.bold{font-weight:480;font-variation-settings:"wght" 480}.center{text-align:center}.accent{color:var(--peri)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.label{font-size:12px;letter-spacing:.24px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.row-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;margin-inline:-20px;padding:2px 20px 6px;-webkit-overflow-scrolling:touch}.row-scroll::-webkit-scrollbar{display:none}.tile-btn{flex:none;width:124px;scroll-snap-align:start;display:block;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tile-btn:disabled{opacity:.55}.tile-img{display:block;width:124px;height:124px;border-radius:8px;object-fit:cover;background:var(--surface-2)}.tile-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:13px;line-height:1.25;font-weight:480}.tile-sub{display:block;margin-top:2px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.circular-text{position:relative;display:grid;place-items:center;flex:none}.circular-text-svg{display:block;animation:ct-spin var(--ct-dur,20s) linear infinite;transform-origin:50% 50%}.circular-text-svg[data-dir=ccw]{animation-direction:reverse}.circular-text:hover .circular-text-svg{animation-duration:var(--ct-hover-dur,var(--ct-dur,20s));animation-play-state:var(--ct-hover-play,running)}.circular-text-center{position:absolute;inset:0;display:grid;place-items:center}@keyframes ct-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.circular-text-svg{animation:none}}.recent-cover{width:44px;height:44px;border-radius:8px;flex:none;object-fit:cover;background:var(--surface-2)}.recent-cover.empty{display:grid;place-items:center;color:var(--muted)}.artist-page{position:relative;isolation:isolate}.artist-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.artist-aura{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,#000 55%,rgba(0,0,0,.88) 84%,rgba(0,0,0,.72));mask-image:linear-gradient(180deg,#000,#000 55%,rgba(0,0,0,.88) 84%,rgba(0,0,0,.72))}.artist-aura-img{position:absolute;inset:-80px;display:block;background-size:cover;background-position:center 22%;filter:blur(70px) saturate(1.35);opacity:.4;transform:scale(1.1)}.artist-aura:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,23,33,.3),rgba(23,23,33,.5) 52%,rgba(23,23,33,.64))}.artist-head{display:flex;align-items:center;gap:16px}.artist-photo{width:132px;height:132px;border-radius:var(--r-md);object-fit:cover;flex:none;background:var(--surface-2);border:1px solid var(--line)}.artist-photo.empty{display:grid;place-items:center;color:var(--muted)}.rank-row{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line)}.rank-row.me{border-color:var(--accent);background:var(--surface-2)}.rank-pos{font-size:13px;color:var(--muted);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:18px 12px 12px;background:linear-gradient(180deg,rgba(246,211,107,.04),transparent 60%);border:1px solid var(--line);border-radius:var(--r-md)}.podium-slot{flex:1 1;min-width:0;max-width:104px;display:flex;flex-direction:column;align-items:center;gap:6px}.podium-slot.first{flex:1.3 1;max-width:132px}.podium-avatar{position:relative;width:64px;height:64px;padding:3px;border-radius:50%;background:var(--surface-2);border:2px solid #c9cfdb}.podium-slot.first .podium-avatar{width:88px;height:88px;border-color:#f6d36b;box-shadow:0 0 26px rgba(246,211,107,.16)}.podium-slot.third .podium-avatar{border-color:#d98f5c}.podium-slot .podium-avatar .avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center}.podium-avatar .crown{position:absolute;top:-19px;left:50%;transform:translateX(-50%);color:#f6d36b}.podium-medal{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:#171721;background:#c9cfdb}.podium-slot.first .podium-medal{width:24px;height:24px;font-size:12px;background:#f6d36b}.podium-slot.third .podium-medal{background:#d98f5c}.podium-name{font-size:12px;line-height:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-slot.first .podium-name{font-size:13px}.podium-slot.me .podium-name{color:var(--accent)}.podium-pts{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:3px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.podium-pts svg{color:#c9cfdb}.podium-slot.first .podium-pts svg{color:#f6d36b}.podium-slot.third .podium-pts svg{color:#d98f5c}.podium-base{width:100%;height:18px;border-radius:8px;background:linear-gradient(180deg,rgba(217,143,92,.18),rgba(217,143,92,.02));border:1px solid rgba(217,143,92,.24)}.podium-slot.second .podium-base{height:26px;background:linear-gradient(180deg,rgba(201,207,219,.16),rgba(201,207,219,.02));border-color:rgba(201,207,219,.22)}.podium-slot.first .podium-base{height:40px;background:linear-gradient(180deg,rgba(246,211,107,.22),rgba(246,211,107,.03));border-color:rgba(246,211,107,.3)}.boot{flex:1 1;min-height:0;display:grid;place-items:center}.start-card{width:min(320px,100%);display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:26px 22px 24px;border-radius:var(--r-lg);background:linear-gradient(180deg,#202230,#1b1c27);border:1px solid #343652;text-align:center}.start-card.plain{background:none;border:0;padding:0}.start-card.plain .start-bar{width:min(200px,100%)}.flag{display:inline-block;vertical-align:-1px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.flag-empty{box-shadow:none;color:var(--muted)}.cselect{position:relative}.cselect-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer}.cselect-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cselect-btn>svg:last-child{color:var(--muted);flex:none}.cselect-panel{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);padding:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 44px -20px rgba(0,0,0,.85)}.cselect-search{margin-bottom:6px}.cselect-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.cselect-opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.cselect-opt .truncate{flex:1 1;min-width:0}.cselect-opt.active{background:var(--surface)}.cselect-opt[aria-selected=true]{background:rgba(82,102,235,.16)}.cselect-code{font-size:11px;color:var(--muted);flex:none}.cselect-empty{padding:10px}.start-cover,.start-empty{width:132px;height:132px;border-radius:12px;object-fit:cover;background:var(--surface-2)}.start-empty{display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.start-name{max-width:100%;font-size:17px;font-weight:480;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-bar{width:100%;height:4px;border-radius:999px;background:var(--line-strong);overflow:hidden}.start-bar i{display:block;height:100%;background:var(--accent);transition:width .16s linear}.start-count{font-size:44px;font-weight:480;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:start-pop .38s var(--ease) both}@keyframes start-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.start-count{animation:none}}@media (max-height:640px){.start-cover,.start-empty{width:96px;height:96px}.start-card{padding:18px 18px 16px;gap:8px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--r-lg);background:transparent;color:var(--ink);font-size:16px;font-weight:420;font-variation-settings:"wght" 420;border:1px solid var(--line-strong);width:100%;text-align:center;transition:background var(--t),border-color var(--t),color var(--t)}.btn:hover{background:rgba(237,237,243,.04)}.btn:active{background:rgba(237,237,243,.07)}.btn:disabled{color:var(--disabled);border-color:var(--line);pointer-events:none}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.primary:hover{background:var(--accent-hover)}.btn.primary:active{background:var(--accent-active)}.btn.primary:disabled{background:var(--line);color:var(--disabled)}.btn.quiet{border-color:transparent;color:var(--muted)}.btn.quiet:hover{background:rgba(237,237,243,.05);color:var(--ink)}.btn.danger{border-color:rgba(224,87,143,.4);color:var(--error)}.btn.danger:hover{background:var(--error-soft)}.btn.sm{min-height:44px;padding:0 14px;font-size:14px}.btn.icon{width:46px;height:46px;min-height:46px;padding:0;flex:none;border-radius:var(--r-lg)}.btn.icon.is-fav{color:var(--error);border-color:rgba(224,87,143,.5)}.btn.icon.is-fav:hover{background:rgba(224,87,143,.1)}.fav-row{display:flex;gap:14px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.fav-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:74px;flex:0 0 auto;color:inherit}.fav-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;flex:none}.fav-avatar img{display:block}.fav-letter{font-weight:700;color:var(--peri);font-size:20px}.fav-name{font-size:12px;line-height:1.25;text-align:center;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}a.fav-item:hover .fav-name{color:var(--ink)}.btn-row{display:flex;gap:12px}.btn-row>.btn{flex:1 1}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:420;transition:background var(--t),border-color var(--t),color var(--t)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--mist)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips .chip{white-space:nowrap;flex:none}.chips.wrap{flex-wrap:wrap;overflow:visible}.chips::-webkit-scrollbar{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px}.card.tight{padding:14px}.card.streak{overflow:hidden;background:linear-gradient(180deg,#202231,#1a1b25);border-color:#303250;border-radius:var(--r-lg);padding:16px 18px}.card.streak,.card.streak>.row-between{position:relative}.streak-flame{position:absolute;right:-10px;bottom:-22px;width:104px;height:125px;color:var(--peri);opacity:.1;pointer-events:none}.card.flat{background:transparent}.card.click{transition:border-color var(--t),background var(--t)}.card.click:hover{border-color:var(--line-strong)}a.card,button.card{display:block;width:100%;text-align:left;color:inherit}a.card:hover,button.card:hover{text-decoration:none}.artist-tile{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;overflow:hidden;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);transition:border-color var(--t)}.artist-tile:hover{border-color:var(--line-strong)}.artist-tile img{width:100%;height:100%;object-fit:cover}.artist-tile .tile-name{position:absolute;inset:auto 0 0 0;display:block;padding:26px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font-size:12px;font-weight:480;letter-spacing:.24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:24px}.hero.result{position:relative;overflow:hidden;isolation:isolate}.hero.result .hero-bg{position:absolute;inset:-18%;background-size:cover;background-position:50%;filter:blur(34px) saturate(1.15);opacity:.5;z-index:-2}.hero.result:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,23,33,.42),rgba(23,23,33,.78) 55%,rgba(23,23,33,.94));z-index:-1}.card.feature,.hero.feature{background:radial-gradient(120% 150% at 100% -25%,rgba(156,180,232,.16),transparent 58%),linear-gradient(180deg,#202230,#1b1c27);border:1px solid #343652;border-radius:var(--r-lg)}.hero.feature{padding:26px 24px 24px}.hero.feature h1{font-size:clamp(32px,9vw,40px);letter-spacing:.6px;font-variation-settings:"wght" 480}.hero.feature .btn.primary{border:1px solid rgba(156,180,232,.4);box-shadow:0 14px 30px -16px rgba(82,102,235,.95)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}.stat .value{font-size:24px;font-weight:480;font-variation-settings:"wght" 480;letter-spacing:.48px}.stat .label{font-size:12px;color:var(--muted);letter-spacing:.24px}@property --fire-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.stat.fire{border:1.5px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(from var(--fire-angle),#f6d36b,#f49b6a,#e0578f,#f49b6a,#f6d36b) border-box;box-shadow:0 0 26px -10px rgba(244,155,106,.65),inset 0 0 22px -18px #f6d36b;animation:fire-turn 7s linear infinite}.stat.fire .value{color:#f6d36b}@keyframes fire-turn{to{--fire-angle:360deg}}@media (prefers-reduced-motion:reduce){.stat.fire{animation:none}}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--surface);border:1px solid var(--line)}.avatar.sm{width:34px;height:34px}.avatar.lg{width:80px;height:80px}.cover{border-radius:var(--r-sm);object-fit:cover;background:var(--surface);aspect-ratio:1;width:100%}.cover.sq{width:56px;height:56px;aspect-ratio:auto;flex:none}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:12px;letter-spacing:.24px;color:var(--muted)}.input{width:100%;min-height:46px;padding:0 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:16px;transition:border-color var(--t)}.input::placeholder{color:#8a8a99}.input:hover{border-color:var(--line-strong)}.input:focus{border-color:var(--accent)}.input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.code-input{text-align:center;letter-spacing:.4em;font-size:24px;padding-left:.4em}.text-btn{display:inline-flex;align-items:center;min-height:44px;padding:0;color:var(--muted);font-size:12px;letter-spacing:.24px;text-align:left;transition:color var(--t)}.text-btn:hover{color:var(--ink)}.tabs{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:560px;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:20}.tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;border-radius:var(--r-sm);color:var(--muted);font-size:12px;transition:color var(--t)}.tab:hover{text-decoration:none}.tab.active{color:var(--ink)}.tab-pill{position:absolute;z-index:0;top:8px;bottom:calc(8px + env(safe-area-inset-bottom));left:12px;width:calc((100% - 24px) / 3);border-radius:var(--r-sm);background:var(--surface);transform:translateX(calc(var(--i, 0) * 100%));transition:transform .3s var(--ease);pointer-events:none}.tab-pill+.tab:hover{background:rgba(237,237,243,.04)}@media (prefers-reduced-motion:reduce){.tab-pill{transition:none}}.quiz-bg{position:fixed;inset:0;z-index:0;background-size:cover;background-position:50%;filter:blur(80px) brightness(.22) saturate(1.1);transform:scale(1.3)}.quiz-top{display:flex;align-items:center;gap:12px}.progress{height:3px;width:100%;flex:none;border-radius:999px;background:var(--line);overflow:hidden}.progress>i{display:block;height:100%;background:var(--peri);transition:width .2s var(--ease)}.ring{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:480;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none;background:conic-gradient(var(--peri) calc(var(--pct) * 1%),var(--line) 0);position:relative}.ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--bg)}.ring>span{position:relative;z-index:1;display:grid;place-items:center;line-height:0}.ring svg{display:block}.ring.low{background:conic-gradient(var(--error) calc(var(--pct) * 1%),var(--line) 0)}.ring.ok{background:conic-gradient(var(--ok) calc(var(--pct) * 1%),var(--line) 0);color:var(--ok)}.ring.err{background:conic-gradient(var(--error) calc(var(--pct) * 1%),var(--line) 0);color:var(--error)}.ring.accent{background:conic-gradient(var(--accent) calc(var(--pct) * 1%),var(--line) 0);color:var(--accent)}.choices{display:flex;flex-direction:column;gap:10px}.choice{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 16px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);text-align:left;font-weight:420;transition:background var(--t),border-color var(--t)}.choice:hover{border-color:var(--line-strong);background:var(--surface-2)}.choice:disabled{pointer-events:none}.choice .opt-cover{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);overflow:hidden;background:var(--bg);color:var(--muted)}.choice .kbd{display:none;margin-left:auto;flex:none;min-width:24px;height:24px;padding:0 6px;border-radius:6px;border:1px solid var(--line-strong);color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;place-items:center}.choice.correct{border-color:rgba(126,226,184,.55);background:var(--ok-soft)}.choice.correct .opt-cover{box-shadow:0 0 0 2px var(--ok)}.choice.wrong{border-color:rgba(224,87,143,.5);background:var(--error-soft)}.choice.wrong .opt-cover{box-shadow:0 0 0 2px var(--error)}.choice.dim{opacity:.55}.now-playing{display:flex;align-items:center;gap:16px}.playing-dot{width:8px;height:8px;border-radius:50%;background:var(--peri);flex:none}.answer-reveal{display:flex;gap:16px;align-items:center}.points-pop{font-weight:480;font-size:30px;letter-spacing:.48px;color:var(--ok)}.reveal-in{animation:reveal-in .24s var(--ease) both}@keyframes reveal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reveal-timer{height:2px;margin-top:14px;border-radius:999px;background:var(--line);overflow:hidden}.reveal-timer i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;animation:reveal-bar var(--reveal-ms,2.6s) linear forwards}@keyframes reveal-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.board{display:flex;flex-direction:column}.board-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.board-row:last-child{border-bottom:none}.board-row.you{background:var(--accent-soft);border-radius:var(--r-sm);padding:12px;border-bottom-color:transparent}.board-row .rank{width:34px;font-weight:480;color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board-row .rank.top{color:var(--peri)}.board-row .pts{margin-left:auto;font-weight:480;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board-row .q-label{display:none}.song-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.song-row:last-child{border-bottom:none}.song-row .meta{min-width:0;flex:1 1}.song-row .meta b{display:block;font-weight:480;font-size:15px}.song-row .meta span{font-size:13px;color:var(--muted)}.badge{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:var(--r-xs);background:var(--surface-2);color:var(--muted);font-size:12px;letter-spacing:.24px;white-space:nowrap;flex:none}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.accent{background:var(--accent-soft);color:var(--mist)}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--surface-2);color:var(--ink);border:1px solid var(--line-strong);padding:12px 18px;border-radius:var(--r-sm);font-size:14px;z-index:50;max-width:min(92vw,460px);text-align:center;animation:toast-in .15s var(--ease)}.toast.error{border-color:rgba(224,87,143,.5);color:#ffd3e4}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.skeleton{background:var(--surface-2);border-radius:var(--r-sm);animation:pulse 1.6s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.state{flex-direction:column;gap:12px;justify-content:center;min-height:50dvh;text-align:center;padding:24px}.logo,.state{display:flex;align-items:center}.logo{gap:8px;font-weight:480;font-size:18px;letter-spacing:.24px}.logo-mark{width:22px;height:22px;border-radius:6px;flex:none;display:block}.big-number{font-size:56px;font-weight:480;letter-spacing:.48px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dash{height:1px;background:var(--line)}.landing{max-width:1040px;margin:0 auto;padding:24px 20px 64px;display:flex;flex-direction:column;gap:60px}.landing-nav{justify-content:space-between;gap:16px}.landing-brand,.landing-nav{display:flex;align-items:center}.landing-brand{gap:10px;font-weight:560;letter-spacing:.2px}.landing-mark{width:24px;height:24px;border-radius:7px;display:block}.landing .btn{width:auto}.landing .btn.lg{min-height:52px;padding:0 26px}.landing-hero{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding-top:20px}.hero-rings{position:absolute;top:-70px;left:0;width:100%;height:calc(100% + 90px);z-index:0;opacity:.82;-webkit-mask-image:radial-gradient(62% 58% at 50% 44%,#000 40%,transparent 82%);mask-image:radial-gradient(62% 58% at 50% 44%,#000 40%,transparent 82%)}.landing-demo,.landing-hero-copy{position:relative;z-index:1}@media (max-width:719px){.hero-rings{opacity:.42;top:-40px;height:calc(100% + 50px);-webkit-mask-image:radial-gradient(78% 52% at 50% 28%,#000 30%,transparent 76%);mask-image:radial-gradient(78% 52% at 50% 28%,#000 30%,transparent 76%)}}.landing-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.landing-demo{display:none}.demo-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line-strong);border-radius:24px;background:var(--surface);padding:16px;box-shadow:0 30px 60px -34px rgba(0,0,0,.8);transform:rotate(-2deg);animation:demo-throw .9s cubic-bezier(.18,.72,.28,1.02) .12s both}@keyframes demo-throw{0%{opacity:0;transform:translate3d(210px,-70px,0) rotate(15deg) scale(.92)}55%{opacity:1;transform:translate3d(-8px,5px,0) rotate(-3.6deg) scale(1.012)}78%{transform:translate3d(3px,-2px,0) rotate(-1.6deg) scale(.998)}to{opacity:1;transform:rotate(-2deg) scale(1)}}.demo-cover{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--surface-2)}.demo-cover img{display:block;width:100%;height:100%;object-fit:cover}.demo-timer{height:4px;margin:4px 0 2px;border-radius:999px;background:var(--line-strong);overflow:hidden}.demo-timer span{display:block;height:100%;width:100%;background:var(--accent);animation:demo-timer 5.2s linear forwards}@keyframes demo-timer{0%{width:100%}to{width:0}}@media (prefers-reduced-motion:reduce){.demo-timer span{animation:none}}.demo-q{margin:0;font-size:14px;color:var(--muted)}.demo-choices{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.demo-choices li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--muted);background:var(--surface-2);transition:background-color .22s ease,border-color .22s ease,color .22s ease}.demo-choices li.on{border-color:rgba(126,226,184,.55);background:var(--ok-soft);color:var(--ink);animation:demo-pick .42s ease both}@keyframes demo-pick{0%{transform:scale(.985)}55%{transform:scale(1.014)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.demo-card,.demo-choices li.on{animation:none}}.demo-meta{margin:4px 0 0;font-size:11px;color:var(--disabled)}.landing-eyebrow{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--peri)}.landing-hero h1{font-size:clamp(34px,8vw,54px);line-height:1.05;letter-spacing:-.6px;max-width:16ch}.landing-lead{margin:0;color:var(--muted);font-size:17px;max-width:54ch}.landing-actions{display:flex;gap:10px;flex-wrap:wrap}.landing-block{display:flex;flex-direction:column;gap:18px}.landing-block h2{font-size:clamp(22px,5vw,28px)}.landing-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.landing-steps li{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);padding:18px}.landing-num{font-size:12px;letter-spacing:.12em;color:var(--peri)}.landing-card h3,.landing-steps h3{margin:8px 0 6px;font-size:17px}.landing-card p,.landing-steps p{margin:0;color:var(--muted);font-size:15px}.landing-grid{display:grid;grid-gap:14px;gap:14px}.landing-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);padding:18px}.landing-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:28px 22px;background:radial-gradient(120% 140% at 100% -20%,rgba(156,180,232,.16),transparent 60%),linear-gradient(180deg,#202230,#1b1c27)}.landing-cta h2{margin:0;font-size:clamp(22px,5vw,30px)}.landing-cta p{margin:0;color:var(--muted);max-width:46ch}.landing-foot{justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px}.landing-foot,.landing-foot nav{display:flex;gap:16px}.landing-foot a{color:var(--muted);text-decoration:none}.landing-foot a:hover{color:var(--ink)}.legal{max-width:760px;gap:32px}.legal-body{display:flex;flex-direction:column;gap:12px}.legal-body h1{font-size:clamp(30px,5vw,40px);letter-spacing:-.8px;margin:0}.legal-date{color:var(--muted);font-size:13px;margin:0 0 6px}.legal-body h2{font-size:18px;letter-spacing:-.2px;margin:24px 0 0}.legal-body li,.legal-body p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}.legal-body strong{color:var(--ink);font-weight:520}.legal-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px}.legal-body a{color:var(--peri);text-decoration:none}.legal-body a:hover{text-decoration:underline;text-underline-offset:2px}.legal-body code{font-size:13px;background:var(--surface-2);padding:1px 5px;border-radius:4px;color:var(--ink)}.legal-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;color:var(--ink);font-size:15px}.legal-accept{margin:-2px 0 0}.legal-accept a{color:var(--peri);text-decoration:none}.legal-accept a:hover{text-decoration:underline;text-underline-offset:2px}.landing-faq{display:flex;flex-direction:column;gap:10px}.landing-faq details{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);padding:0 16px}.landing-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;cursor:pointer;list-style:none;font-weight:500}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"+";color:var(--peri);font-size:18px;line-height:1}.landing-faq details[open] summary:after{content:"–"}.landing-faq p{margin:0 0 16px;color:var(--muted);font-size:15px;max-width:70ch}@media (min-width:720px){.landing{padding:32px 32px 80px;gap:76px}.landing-hero{padding-top:44px}.landing-grid,.landing-steps{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:48px;gap:48px;align-items:center}.landing-demo{display:block}}.fade-in{animation:reveal .2s var(--ease)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.quiz-keys{display:none}.cover.blurred{filter:blur(14px)}.rank-podium{display:none}.rank-left,.rank-right{display:flex;flex-direction:column;min-width:0}.rank-left{gap:20px}.rank-right{gap:10px}@media (min-width:1024px){.shell{max-width:980px;padding:92px 40px 72px;gap:26px}.shell.no-tabs{max-width:880px;padding:40px 40px 72px}.shell.center{max-width:460px;padding:40px 40px 64px;justify-content:center}.shell.artist-page{max-width:1040px}.shell.onboard{max-width:620px}.shell.onboard .pick-grid{grid-template-columns:repeat(4,1fr)}.tabs{top:18px;bottom:auto;left:50%;transform:translateX(-50%);width:auto;max-width:none;grid-template-columns:repeat(3,auto);padding:5px;gap:2px;background:rgba(30,30,42,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 16px 40px -26px rgba(0,0,0,.95)}.tab,.tabs{border-radius:999px}.tab{flex-direction:row;gap:8px;min-height:38px;padding:0 18px;font-size:14px}.tab-pill{display:none}.tab.active{background:var(--surface-2)}.tab:hover{background:rgba(237,237,243,.05)}.board-row,.card.click,.fav-item,a.tile-btn{transition:background var(--t),border-color var(--t),transform var(--t)}.card.click:hover{border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}a.tile-btn:hover .tile-img{transform:scale(1.02)}.tile-img{transition:transform .2s var(--ease)}.board-row:hover{background:var(--surface-2)}.row-scroll{margin-inline:0;padding-inline:0}.shell.home{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"head head" "hero streak" "artists recent" "playlists recent";grid-gap:22px 28px;gap:22px 28px;align-items:start}.home-head{grid-area:head;justify-content:flex-end}.home-hero{grid-area:hero}.home-streak{grid-area:streak}.home-artists{grid-area:artists}.home-playlists{grid-area:playlists}.home-recent{grid-area:recent}.home-hero{padding:32px 32px 30px}.shell.rank{display:grid;grid-template-columns:320px minmax(0,1fr);grid-gap:20px 28px;gap:20px 28px;align-items:start;max-width:1040px}.rank-left{gap:20px}.rank-left,.rank-right{display:flex;flex-direction:column;min-width:0}.rank-right{gap:10px}.rank-podium{display:flex;padding:22px 10px 14px}.rank-podium .podium-slot{max-width:90px}.rank-podium .podium-slot.first{max-width:112px}.board{grid-area:board;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 16px}.board-head,.board-row{display:grid;grid-template-columns:62px 34px minmax(0,1fr) 88px 92px;align-items:center;grid-gap:12px;gap:12px}.board-head{padding:8px 12px;color:var(--muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--line)}.board-head .r{text-align:right}.board-row{padding:14px 12px;border-bottom:1px solid var(--line);border-radius:0}.board-row:last-child{border-bottom:none}.board-row.you{padding:14px 12px;border-radius:10px;border-bottom-color:transparent}.board-row .board-q{display:block;text-align:right;color:var(--muted);font-size:14px}.board-row .pts{margin-left:0;text-align:right}.shell.perfil{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-areas:"head head" "card favs" "stats favs" "streak recent";grid-gap:20px 28px;gap:20px 28px;align-items:start;max-width:1040px}.perfil-head{grid-area:head}.fav-row{flex-wrap:wrap;overflow:visible;padding-bottom:0;row-gap:16px}.perfil-card{grid-area:card}.perfil-stats{grid-area:stats}.perfil-streak{grid-area:streak}.perfil-favs{grid-area:favs}.perfil-recent{grid-area:recent}.perfil-card h2{font-size:26px}.perfil-stats .stat{padding:16px 12px}.artist-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"top top" "left rank";grid-gap:24px 40px;gap:24px 40px;align-items:start}.artist-body>.topbar{grid-area:top}.artist-left{grid-area:left;display:flex;flex-direction:column;gap:22px}.artist-rank{grid-area:rank}.types-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px!important;gap:12px!important}.types-list .card{margin-bottom:0!important}.pl-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px!important;gap:10px!important}.shell.quiz-shell{display:grid;grid-template-columns:380px minmax(0,1fr);grid-template-areas:"top top" "art head" "art choices";align-content:start;grid-gap:18px 56px;gap:18px 56px;max-width:1080px;padding:32px 40px 56px}.quiz-shell .quiz-top{grid-area:top}.quiz-shell>.row-between{grid-area:head}.quiz-shell .now-playing{grid-area:art;flex-direction:column;align-items:stretch;gap:16px;align-self:start}.quiz-shell .now-playing img{width:100%!important;height:auto!important;aspect-ratio:1/1;border-radius:20px;border:1px solid var(--line-strong)}.quiz-shell .now-playing .vstack{display:none}.quiz-shell .choices{grid-area:choices}.quiz-shell>.card{grid-column:2}.quiz-shell .quiz-keys{grid-column:2;display:block;margin-top:2px}.cover.blurred{filter:blur(44px)}.choice{min-height:68px;padding:12px 18px;font-size:17px}.choice .kbd{display:grid}}.landing-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.landing-block-head h2{margin:0}.link-more{font-size:13px;color:var(--muted)}.link-more:hover{color:var(--ink)}.landing-artists{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:12px;gap:12px}.landing-artist{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:inherit;text-align:center;transition:border-color var(--t),background var(--t)}.landing-artist img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block}.landing-artist span{max-width:100%;font-size:13px}.landing-artist:hover{border-color:var(--line-strong);background:var(--surface-2)}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-gap:14px;gap:14px}.artist-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:inherit;text-align:center;transition:border-color var(--t),background var(--t)}.artist-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.artist-card-photo{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--surface-2);display:block;margin-bottom:4px}.artist-card-name{font-weight:480;font-size:14px;max-width:100%}.artist-card-photo img{width:100%;height:100%;object-fit:cover;display:block}.artist-tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.artist-tracks li{display:flex;align-items:center;gap:12px;min-width:0}.artist-tracks .tr-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.artist-tracks .tr-body>span:first-child{font-size:14px}.artist-tracks .tr-cover{width:40px;height:40px;flex:none;border-radius:6px;object-fit:cover;background:var(--surface-2);display:block}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.related-item{display:flex;align-items:center;gap:10px;padding:8px 10px;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;transition:border-color var(--t),background var(--t)}.related-item img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}.related-item:hover{border-color:var(--line-strong);background:var(--surface-2)}.artist-left{display:flex;flex-direction:column;gap:20px;min-width:0}@media (max-width:1023px){.board-head{display:none}.board-row .board-q{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.board-row .q-label{display:inline}.board-row .pts{margin-left:10px;white-space:nowrap}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/af499ebe53993e40-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/1e37010fc5a67d3e-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/dad81adf3b849cc4-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e9316828e0a79ff7-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/493e65a0fdec0f99-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e5f448bdf22d4ede-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/32b04a225cda6443-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_a5256c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_a5256c{--font-inter:"Inter","Inter Fallback"}