@font-face{font-family:Mona Sans;font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(../media/931e7cc49084aee7-s.31t0fxc8q4a1k.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans;font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(../media/7a642828b0ad1018-s.0z0hpjmp_9hhf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Mona Sans;font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(../media/c89730c3ffa99552-s.p.1zjat_zsa1d11.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mona Sans Fallback;src:local(Arial);ascent-override:104.72%;descent-override:30.74%;line-gap-override:0.0%;size-adjust:104.08%}.Cmqa1q_className{font-family:Mona Sans,Mona Sans Fallback;font-style:normal}.Cmqa1q_variable{--font-mona:"Mona Sans", "Mona Sans Fallback"}
@font-face{font-family:Rammetto One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3bdf0f3ff918807-s.3d5f4fpvt4v4y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Rammetto One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d182e5d9e902ef86-s.p.3zwcaptc02r0s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rammetto One Fallback;src:local(Arial);ascent-override:84.28%;descent-override:35.35%;line-gap-override:0.0%;size-adjust:141.18%}._ysxsW_className{font-family:Rammetto One,Rammetto One Fallback;font-style:normal;font-weight:400}._ysxsW_variable{--font-rammetto:"Rammetto One", "Rammetto One Fallback"}
@property --amb{syntax:"<color>";inherits:true;initial-value:#1d2a4a}@property --amb2{syntax:"<color>";inherits:true;initial-value:#3ee0cf}:root{--bg:#0b0e1a;--bg-2:#070912;--panel:#222a45;--panel-2:#1a2036;--panel-edge:#0a0d18;--accent:#3ee0cf;--accent-hi:#9af6ec;--accent-deep:#14998b;--accent-ink:#03241f;--star:#ffd447;--star-deep:#b8900f;--rose:#ff6b98;--rose-deep:#b83563;--sky:#8fc8ff;--sky-deep:#3b7bc0;--violet:#b69cff;--violet-deep:#6a4cc4;--text:#f2f4fb;--muted:#aab3ca;--faint:#808aa3;--line:#ffffff12;--chip:#ffffff12;--rail:248px;--top:74px;--f-display:var(--font-rammetto), "Arial Rounded MT Bold", system-ui, sans-serif;--f:var(--font-mona), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scrollbar-color:#2b3350 var(--bg)}body{font:500 16px/1.55 var(--f);color:var(--text);-webkit-font-smoothing:antialiased;transition:--amb 1.4s var(--ease), --amb2 1.4s var(--ease);background:linear-gradient(180deg, #0f1324 0, var(--bg) 600px) var(--bg);margin:0}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#262e4a;border-radius:12px}::-webkit-scrollbar-track{background:0 0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-hi);outline-offset:3px;border-radius:12px}img{max-width:100%;height:auto;display:block}.ic{flex:none;width:20px;height:20px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{text-wrap:balance;margin:0}.d{font-family:var(--f-display);letter-spacing:.005em;font-weight:400}.num{font-variant-numeric:tabular-nums}.ambient{pointer-events:none;z-index:0;background:radial-gradient(70vw 55vh at 60% -12%, color-mix(in oklab, var(--amb) 58%, transparent), transparent 70%), radial-gradient(38vw 42vh at 102% 26%, color-mix(in oklab, var(--amb2) 12%, transparent), transparent 70%);position:fixed;inset:0}.dots{pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(#ffffff0d 1.2px,#0000 1.4px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask:linear-gradient(#000,#0000 70%);mask:linear-gradient(#000,#0000 70%)}.btn{height:52px;font:400 16px/1 var(--f-display);letter-spacing:.01em;white-space:nowrap;color:var(--accent-ink);background:linear-gradient(180deg, var(--accent-hi), var(--accent) 58%);box-shadow:0 5px 0 var(--accent-deep), 0 12px 22px -6px #0000008c;border-radius:17px;justify-content:center;align-items:center;gap:10px;padding:0 24px 3px;transition:transform 80ms,box-shadow 80ms,filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.06)saturate(1.05)}.btn:active{box-shadow:0 1px 0 var(--accent-deep), 0 4px 10px #0006;transform:translateY(4px)}.btn .ic{width:18px;height:18px;margin-top:2px}.btn.ghost{color:var(--text);background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge), 0 12px 22px -6px #00000080}.btn.ghost:active{box-shadow:0 1px 0 var(--panel-edge)}.btn.ghost.on{color:var(--rose)}.btn.ghost.on .ic{fill:currentColor}.btn.sm{height:42px;box-shadow:0 4px 0 var(--accent-deep), 0 8px 16px -6px #00000080;border-radius:14px;padding:0 16px 2px;font-size:14px}.btn.ghost.sm{box-shadow:0 4px 0 var(--panel-edge), 0 8px 16px -6px #00000080}.btn.big{height:62px;box-shadow:0 6px 0 var(--accent-deep), 0 16px 28px -8px #0009;border-radius:20px;padding:0 32px 4px;font-size:20px}.btn.big .ic{width:22px;height:22px}.icon-btn{width:46px;height:46px;color:var(--muted);background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 4px 0 var(--panel-edge);border-radius:15px;place-items:center;transition:transform 80ms,box-shadow 80ms,color .2s;display:grid;position:relative}.icon-btn:hover{color:var(--text)}.icon-btn:active{box-shadow:0 1px 0 var(--panel-edge);transform:translateY(3px)}.icon-btn .dot{background:var(--rose);color:#fff;min-width:20px;height:20px;font:800 11px/20px var(--f);box-shadow:0 2px 0 var(--rose-deep);border-radius:10px;padding:0 6px;position:absolute;top:-5px;right:-5px}.chip{background:var(--chip);height:34px;color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:650;transition:background .2s,color .2s;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff14}.chip:hover{color:var(--text);background:#ffffff1c}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-deep)}.tag{height:23px;font:800 11px/1 var(--f);letter-spacing:.09em;text-transform:uppercase;color:#fff;background:var(--c);box-shadow:0 2px 0 var(--cd);border-radius:99px;align-items:center;padding:0 9px;display:inline-flex}.tag.new{--c:var(--accent);--cd:var(--accent-deep);color:var(--accent-ink)}.tag.hot{--c:var(--rose);--cd:var(--rose-deep)}.tag.top{--c:var(--star);--cd:var(--star-deep);color:#3a2a00}.tag.upd{--c:var(--sky);--cd:var(--sky-deep);color:#08223f}.tag.dly{--c:var(--violet);--cd:var(--violet-deep);color:#1d0f45}.stat{height:38px;font:400 14px/1 var(--f-display);background:#00000059;border-radius:99px;align-items:center;gap:7px;padding:0 13px 0 9px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff14}.stat:hover{background:#00000080}.stat.bump{animation:bump .45s var(--spring)}@keyframes bump{40%{transform:scale(1.14)}}.star{width:20px;height:20px;color:var(--star);filter:drop-shadow(0 2px 0 var(--star-deep));flex:none;display:inline-block}.flame{color:#ff8a4c;filter:drop-shadow(0 2px #a8401a);width:19px;height:19px}.stat .flame{margin-left:1px}.rail{z-index:30;width:var(--rail);border-right:1px solid var(--line);scrollbar-width:none;background:linear-gradient(#11162a,#0c1020);flex-direction:column;gap:3px;padding:18px 14px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.logo{font:400 21px/1 var(--f-display);text-shadow:0 3px #00000080;align-items:center;gap:11px;padding:4px 8px 22px;display:flex}.logo-mark{width:34px;height:34px;color:var(--accent-ink);background:linear-gradient(180deg, var(--accent-hi), var(--accent) 60%);box-shadow:0 4px 0 var(--accent-deep);transition:transform .5s var(--spring);border-radius:11px;flex:none;place-items:center;display:grid;transform:rotate(-6deg)}.logo:hover .logo-mark{transform:rotate(6deg)scale(1.06)}.logo-mark svg{width:19px;height:19px}.nav-link{height:44px;color:var(--muted);border-radius:14px;align-items:center;gap:12px;padding:0 12px;font-size:14.5px;font-weight:650;transition:background .2s,color .2s,transform 80ms,box-shadow 80ms;display:flex}.nav-link .ic{width:20px;height:20px;color:var(--faint);transition:color .2s}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link[aria-current=page]{color:var(--text);background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 4px 0 var(--panel-edge);margin-bottom:4px}.nav-link[aria-current=page] .ic{color:var(--accent)}.nav-link .count{text-align:center;min-width:24px;height:22px;color:var(--muted);font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:99px;margin-left:auto;padding:0 7px;font-size:11.5px;font-weight:750;line-height:22px}.nav-link .count:empty{display:none}.nav-link .count.live{background:var(--violet);color:#1d0f45}.nav-link.soon{opacity:.45;pointer-events:none}.nav-link.soon .count{letter-spacing:.08em;text-transform:uppercase;background:0 0;font-size:10.5px}.rail h4{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin:22px 12px 8px;font-size:11px;font-weight:750}.dev-cta{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);color:var(--muted);border-radius:18px;margin:22px 0 0;padding:16px;font-size:13.5px;line-height:1.45}.dev-cta b{color:var(--text);font:400 15px/1.2 var(--f-display);margin-bottom:6px;display:block}.dev-cta small{height:24px;color:var(--muted);background:#ffffff12;border-radius:99px;align-items:center;margin-top:10px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.rail-foot{color:var(--faint);flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding:20px 10px 0;font-size:12.5px;display:flex}.rail-foot a:hover{color:var(--text)}.top{z-index:20;height:var(--top);margin-left:var(--rail);background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);align-items:center;gap:12px;padding:0 32px;display:flex;position:sticky;top:0}.top .logo{padding:0;display:none}.search{flex:1;max-width:600px;position:relative}.search-box{background:#00000059;border-radius:16px;align-items:center;gap:10px;height:48px;padding:0 12px 0 16px;transition:box-shadow .2s,background .2s;display:flex;box-shadow:inset 0 2px #00000059,inset 0 0 0 1.5px #ffffff12}.search-box:focus-within{box-shadow:inset 0 2px 0 #00000059, inset 0 0 0 2px var(--accent);background:#00000080}.search-box .ic{color:var(--faint)}.search input{min-width:0;height:100%;caret-color:var(--accent);background:0 0;border:0;outline:0;flex:1;font-size:15px;font-weight:550}.search input::placeholder{color:var(--faint)}.search input::-webkit-search-cancel-button{display:none}.kbd{font:700 11.5px var(--f);color:var(--faint);background:#ffffff12;border-radius:7px;padding:2px 8px;box-shadow:0 2px #00000080}.suggest{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 6px 0 var(--panel-edge), 0 30px 60px -14px #000000bf;opacity:0;transform-origin:top;pointer-events:none;transition:opacity .16s, transform .35s var(--spring);border-radius:20px;padding:8px;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-8px)scale(.98)}.search.open .suggest{opacity:1;pointer-events:auto;transform:none}.sg-item{border-radius:13px;align-items:center;gap:12px;padding:8px;display:flex}.sg-item[aria-selected=true],.sg-item:hover{background:#ffffff12}.sg-item img{aspect-ratio:16/9;object-fit:cover;border-radius:9px;width:76px}.sg-item div{min-width:0}.sg-item b{font-size:15px;font-weight:700;display:block}.sg-item small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.sg-head{text-transform:uppercase;letter-spacing:.13em;color:var(--faint);padding:8px 10px 6px;font-size:11px;font-weight:750}.sg-tags{flex-wrap:wrap;gap:6px;padding:2px 8px 8px;display:flex}.sg-all{border-top:1px solid var(--line);color:var(--accent);align-items:center;gap:8px;margin-top:6px;padding:12px 10px 6px;font-size:14px;font-weight:700;display:flex}.sg-empty{color:var(--muted);padding:14px 10px;font-size:14.5px}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.signin{height:44px;font:400 14px/1 var(--f-display);color:var(--bg);background:linear-gradient(#fff,#dfe5f3);border-radius:14px;padding:0 18px 2px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #8c97b3}.signin:active{transform:translateY(3px);box-shadow:0 1px #8c97b3}main{z-index:2;margin-left:var(--rail);min-height:100vh;padding:6px 32px 70px;position:relative}.view{animation:viewIn .45s var(--ease) backwards}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}}.stage{background:var(--panel-2);isolation:isolate;height:clamp(470px,38vw,590px);box-shadow:0 7px 0 var(--panel-edge), 0 40px 70px -34px #000000e6;border-radius:26px;position:relative;overflow:hidden}.slides{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1s var(--ease);position:absolute;inset:0}.slide.on{opacity:1;z-index:1}.slide img{object-fit:cover;object-position:100% 50%;width:100%;height:100%}.slides:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#06080ed1 0%,#06080e73 38%,#0000 62%),linear-gradient(#0000 68%,#06080e80);position:absolute;inset:0}.hero-live{z-index:2;opacity:0;transition:opacity .5s;position:absolute;overflow:hidden}.hero-live.on{opacity:1}.hero-live video{object-fit:cover;width:100%;height:100%;display:block}.stage-copy{z-index:4;width:min(470px,46%);position:absolute;bottom:112px;left:44px}.stage-copy .row1{gap:8px;margin-bottom:14px;display:flex}.stage-copy .logo-art{transform-origin:0;width:360px;max-width:100%;margin:0 0 6px -10px}.stage-copy h1.fallback{font:400 clamp(36px, 4vw, 58px)/1 var(--f-display);text-shadow:0 5px #00000073;margin-bottom:14px}.stage-copy p{color:#e3e8f4;text-shadow:0 2px 10px #0006;max-width:34ch;margin:0 0 24px;font-size:17px;line-height:1.5}.stage-copy .actions{gap:12px;display:flex}.stage-copy>*{transition:opacity .45s, transform .7s var(--ease)}.stage.swap .stage-copy>*{opacity:0;transform:translateY(10px)}.stage-meta{color:#c9d0df;gap:16px;margin-top:22px;font-size:13.5px;font-weight:600;display:flex}.stage-meta span{align-items:center;gap:6px;display:inline-flex}.stage-meta .ic{width:16px;height:16px}.thumbs{z-index:5;gap:10px;display:flex;position:absolute;bottom:30px;left:44px}.thumb-btn{aspect-ratio:16/10;opacity:.55;width:84px;transition:opacity .3s, transform .3s var(--spring);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px #0000008c}.thumb-btn img{object-fit:cover;width:100%;height:100%}.thumb-btn:hover{opacity:.9;transform:translateY(-2px)}.thumb-btn.on{opacity:1;outline-offset:-2.5px;outline:2.5px solid #fff}.thumb-btn i{background:var(--accent);width:0;height:4px;position:absolute;bottom:0;left:0}.thumb-btn.on i{animation:8s linear forwards fill}.stage.paused .thumb-btn.on i{animation-play-state:paused}@keyframes fill{to{width:100%}}.moods{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:30px;display:grid}.mood{isolation:isolate;background:linear-gradient(180deg, var(--panel), var(--panel-2));min-height:128px;box-shadow:0 5px 0 var(--panel-edge);transition:transform .3s var(--spring), box-shadow 80ms;border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden}.mood:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--c) 34%, transparent), transparent);width:130px;height:130px;transition:transform .6s var(--ease);border-radius:50%;position:absolute;top:-36px;right:-36px}.mood:hover{transform:translateY(-3px)}.mood:hover:before{transform:scale(1.3)}.mood:active{box-shadow:0 1px 0 var(--panel-edge);transform:translateY(4px)}.mood .badge{width:40px;height:40px;color:color-mix(in oklab, var(--c) 25%, #000);background:linear-gradient(180deg, color-mix(in oklab, var(--c) 70%, #fff), var(--c) 60%);box-shadow:0 3px 0 color-mix(in oklab, var(--c) 55%, #000);border-radius:13px;place-items:center;display:grid}.mood .badge .ic{width:21px;height:21px}.mood b{font:400 15px/1.15 var(--f-display)}.mood small{color:var(--muted);font-size:13px;line-height:1.35}.shelf{margin-top:54px}.shelf-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.shelf-head h2{font:400 21px/1.15 var(--f-display);text-shadow:0 3px #0006}.shelf-head .sub{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:550;overflow:hidden}.shelf-head .more{flex:none;margin-left:auto}.arrows{flex:none;gap:8px;display:flex}.arrows button{width:38px;height:38px;color:var(--muted);background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 3px 0 var(--panel-edge);border-radius:12px;place-items:center;transition:transform 80ms,box-shadow 80ms,opacity .2s;display:grid}.arrows button .ic{width:17px;height:17px}.arrows button:active{box-shadow:0 1px 0 var(--panel-edge);transform:translateY(2px)}.arrows button:disabled{opacity:.3;cursor:default}.row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(25% - 15px);grid-auto-flow:column;gap:20px;margin:-8px -6px 0;padding:8px 6px 22px;scroll-padding:6px;display:grid;overflow-x:auto}.row::-webkit-scrollbar{display:none}.row.big{grid-auto-columns:calc(33.3333% - 13.3333px)}.row>*{scroll-snap-align:start}.card{--edge:color-mix(in oklab, var(--g) 45%, #000);display:block;position:relative}.card .art{aspect-ratio:16/9;background:var(--g);isolation:isolate;box-shadow:0 5px 0 var(--edge), 0 14px 26px -14px #000000e6;transition:transform .3s var(--spring), box-shadow 80ms;border-radius:18px;position:relative;overflow:hidden}.art-in{transition:transform .7s var(--ease);position:absolute;inset:0}.art-in>img{object-fit:cover;width:100%;height:100%}.live{opacity:0;background:var(--g);border-radius:7%/4.4%;width:31.25%;height:88.89%;transition:opacity .35s;position:absolute;top:5.56%;right:5.47%;overflow:hidden;transform:rotate(4deg)}.live video{object-fit:cover;object-position:50% 52%;width:100%;height:100%;display:block}.card.live-on .live{opacity:1}.card:hover .art{box-shadow:0 9px 0 var(--edge), 0 24px 36px -16px #000000e6;transform:translateY(-4px)}.card:hover .art-in{transform:scale(1.03)}.card:active .art{box-shadow:0 2px 0 var(--edge);transform:translateY(3px)}.card .play{z-index:5;height:38px;box-shadow:0 4px 0 var(--accent-deep);opacity:0;transition:opacity .25s, transform .4s var(--spring);pointer-events:none;border-radius:13px;padding:0 14px 2px 11px;font-size:14px;position:absolute;bottom:12px;left:12px;transform:translateY(8px)scale(.9)}.card .play .ic{width:15px;height:15px}.card:hover .play,.card:focus-visible .play{opacity:1;transform:none}.card .fav{z-index:5;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;width:36px;height:36px;transition:opacity .2s, transform .3s var(--spring);background:#06080e8c;border-radius:12px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.card:hover .fav,.card .fav.on,.card .fav:focus-visible{opacity:1}.card .fav:hover{transform:scale(1.1)}.card .fav.on{color:var(--rose)}.card .fav.on .ic{fill:currentColor}.card .fav .ic{width:18px;height:18px}.card .tags{z-index:5;gap:6px;display:flex;position:absolute;top:10px;left:10px}.card .meta{align-items:center;gap:10px;padding:13px 2px 0;display:flex}.card .meta div{min-width:0}.card .meta b{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:750;display:block;overflow:hidden}.card .meta .g{color:var(--faint);font-size:13px;font-weight:550;display:block}.card .meta .rt{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex}.card .meta .rt .ic{width:15px;height:15px;color:var(--accent)}.card .meta .rt .star{width:15px;height:15px;filter:drop-shadow(0 1.5px 0 var(--star-deep))}.card .bar{background:#ffffff14;border-radius:6px;height:6px;margin:9px 2px 0;overflow:hidden}.card .bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-hi));height:100%;display:block}.card .sub{color:var(--faint);padding:4px 2px 0;font-size:13.5px;line-height:1.45}.row.big .card .meta b{font-size:17px}.daily{isolation:isolate;background:linear-gradient(160deg,#2a1f5c,#1a1640 60%,#141233);border-radius:26px;margin-top:54px;padding:26px;position:relative;overflow:hidden;box-shadow:0 7px #0b0920,0 30px 60px -30px #000000e6}.daily:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff14 1.3px,#0000 1.5px);background-size:20px 20px;position:absolute;inset:0}.daily-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;display:flex}.daily-head h2{font:400 26px/1.1 var(--f-display);text-shadow:0 4px #00000073}.daily-head p{color:#c9c2ec;margin:4px 0 0;font-size:15px}.daily-head .streak{background:#0000004d;border-radius:18px;align-items:center;gap:12px;margin-left:auto;padding:10px 16px 10px 12px;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff14}.daily-head .streak .flame{filter:drop-shadow(0 3px #a8401a);width:34px;height:34px}.daily-head .streak b{font:400 22px/1 var(--f-display);display:block}.daily-head .streak small{color:#c9c2ec;font-size:12.5px;font-weight:600}.daily-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dcard{transition:background .2s, transform .3s var(--spring);background:#ffffff0f;border-radius:20px;grid-template-columns:112px 1fr;align-items:center;gap:16px;padding:14px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff12}.dcard:hover{background:#ffffff1a;transform:translateY(-3px)}.dcard .phone{aspect-ratio:9/16;background:var(--g);border-radius:16px;width:112px;position:relative;overflow:hidden;box-shadow:0 5px #00000073}.dcard .phone img,.dcard .phone video{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.dcard b{font:400 17px/1.15 var(--f-display);margin-bottom:6px;display:block}.dcard .state{color:#c9c2ec;align-items:center;gap:6px;margin-bottom:14px;font-size:13.5px;font-weight:650;display:flex}.dcard .state.done{color:var(--accent)}.dcard .state .stars{gap:1px;display:inline-flex}.dcard .state .stars .star{width:15px;height:15px}.dcard .state .stars .star.off{color:#ffffff2e;filter:none}.genres{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.genre{aspect-ratio:1.15;text-align:center;background:linear-gradient(180deg, color-mix(in oklab, var(--c) 30%, var(--panel)), var(--panel-2));box-shadow:0 6px 0 var(--panel-edge), inset 0 0 0 1.5px color-mix(in oklab, var(--c) 30%, transparent);transition:transform .3s var(--spring), box-shadow 80ms;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.genre:hover{transform:translateY(-3px)}.genre:active{box-shadow:0 1px 0 var(--panel-edge);transform:translateY(5px)}.genre .ic{width:36px;height:36px;color:var(--c);filter:drop-shadow(0 3px #00000059)}.genre b{font:400 16px/1 var(--f-display)}.genre small{color:var(--muted);font-size:12.5px;font-weight:600}.genre.soon{opacity:.4;pointer-events:none}.ranks{grid-template-columns:repeat(2,1fr);gap:4px 28px;display:grid}.rank{border-radius:16px;align-items:center;gap:16px;padding:10px;transition:background .2s;display:flex}.rank:hover{background:#ffffff0a}.rank .n{width:46px;height:46px;font:400 19px/1 var(--f-display);color:var(--muted);background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 4px 0 var(--panel-edge);border-radius:14px;flex:none;place-items:center;display:grid}.rank:first-child .n{color:#3a2a00;background:linear-gradient(180deg, #ffe58a, var(--star) 60%);box-shadow:0 4px 0 var(--star-deep)}.rank:nth-child(2) .n{color:#1f2633;background:linear-gradient(#f2f5fb,#c3cbdb 60%);box-shadow:0 4px #7d879c}.rank:nth-child(3) .n{color:#3b1a05;background:linear-gradient(#ffc193,#e48a4f 60%);box-shadow:0 4px #9a4f1e}.rank img{aspect-ratio:16/9;object-fit:cover;border-radius:11px;width:116px;box-shadow:0 3px #00000073}.rank div{min-width:0}.rank b{font-size:15.5px;font-weight:750;display:block}.rank small{color:var(--faint);font-size:13px}.rank .score{text-align:right;font-variant-numeric:tabular-nums;margin-left:auto;font-weight:750}.rank .score small{font-weight:550;display:block}.seo{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1.2fr 1fr;gap:48px;margin-top:84px;padding-top:32px;font-size:15px;display:grid}.seo h2{font:400 17px/1.2 var(--f-display);color:var(--text);margin-bottom:12px}.seo p{max-width:68ch;margin:0 0 12px}.seo ul{columns:2;margin:0;padding:0;list-style:none}.seo li{padding:4px 0}.seo li a:hover{color:var(--text)}.gpage{--ga:var(--accent);--ga-hi:var(--accent-hi);--ga-deep:var(--accent-deep);--ga-ink:var(--accent-ink)}.gpage .btn.game{color:var(--ga-ink);background:linear-gradient(180deg, var(--ga-hi), var(--ga) 58%);box-shadow:0 6px 0 var(--ga-deep), 0 16px 28px -8px #0009}.gpage .btn.game:active{box-shadow:0 1px 0 var(--ga-deep)}.crumbs{color:var(--faint);align-items:center;gap:6px;margin:6px 0 16px;font-size:13.5px;font-weight:550;display:flex}.crumbs a:hover{color:var(--text)}.crumbs .ic{width:14px;height:14px}.gp{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:30px;display:grid}.player{background:var(--g);height:min(76vh,760px);min-height:480px;box-shadow:0 7px 0 color-mix(in oklab, var(--g) 40%, #000), 0 40px 70px -34px #000000e6;border-radius:26px;position:relative;overflow:hidden}.player .pl-frame{position:absolute;inset:0}.pl-iframe{background:var(--g);border:0;width:100%;height:100%;display:block}.poster{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.poster .backdrop{position:absolute;inset:0}.poster .bgart{object-fit:cover;filter:blur(26px)brightness(.62)saturate(1.2);width:calc(100% + 80px);max-width:none;height:calc(100% + 80px);position:absolute;inset:-40px}.poster-inner{align-items:center;gap:48px;padding:24px;display:flex;position:relative}.phone-live{aspect-ratio:9/18.5;background:var(--g);border-radius:26px;flex:none;width:210px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 0 0 6px #00000059,0 30px 50px -16px #0009}.phone-live img,.phone-live video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.poster .side{text-align:center;flex-direction:column;align-items:center;max-width:380px;display:flex}.poster .logo-art{width:380px;max-width:100%;margin-bottom:4px}.poster h1.fallback{font:400 clamp(32px, 3.4vw, 48px)/1 var(--f-display);color:#fff;text-shadow:0 5px #0006;margin-bottom:12px}.poster .tagline{color:var(--gtext,#fff);opacity:.85;max-width:30ch;margin:0 0 22px;font-weight:600}.poster .note{color:var(--gtext,#fff);opacity:.75;margin-top:16px;font-size:13.5px;font-weight:650}.poster .daily-pill{margin-top:12px}.pl-fake-fs{z-index:100;inset:0;border-radius:0!important;height:100vh!important;position:fixed!important}.close-fs{display:none}.gbar{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.gbar .who{align-items:center;gap:12px;min-width:0;display:flex}.gbar .who img{aspect-ratio:16/10;object-fit:cover;border-radius:10px;width:60px;box-shadow:0 3px #00000073}.gbar h2{font:400 18px/1.15 var(--f-display)}.gbar .by{color:var(--faint);font-size:13px;font-weight:550}.tools{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.tool{min-width:44px;height:44px;color:var(--muted);background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 4px 0 var(--panel-edge);font-variant-numeric:tabular-nums;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13.5px;font-weight:700;transition:transform 80ms,box-shadow 80ms,color .2s;display:inline-flex}.tool:hover{color:var(--text)}.tool:active{box-shadow:0 1px 0 var(--panel-edge);transform:translateY(3px)}.tool .ic{width:18px;height:18px}.tool[aria-pressed=true].up,.tool[aria-expanded=true]{color:var(--accent)}.tool[aria-pressed=true].dn,.tool.on{color:var(--rose)}.tool.on .ic{fill:currentColor}.drawer{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:20px;margin-top:16px;padding:20px}.drawer h3{font:400 16px/1.2 var(--f-display);margin-bottom:4px}.drawer p{color:var(--muted);margin:0 0 14px;font-size:14.5px}.drawer .kinds{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.drawer textarea{resize:vertical;width:100%;min-height:96px;caret-color:var(--accent);background:#00000059;border:0;border-radius:14px;outline:0;padding:12px 14px;font-size:15px;line-height:1.5;box-shadow:inset 0 2px #00000059,inset 0 0 0 1.5px #ffffff12}.drawer textarea:focus{box-shadow:inset 0 2px 0 #00000059, inset 0 0 0 2px var(--accent)}.drawer textarea::placeholder{color:var(--faint)}.drawer .send{align-items:center;gap:12px;margin-top:14px;display:flex}.drawer .send small{color:var(--faint);font-size:13px}.drawer .err{color:var(--rose);font-size:13.5px;font-weight:650}.qr-wrap{align-items:center;gap:22px;display:flex}.qr{background:#fff;border-radius:16px;flex:none;place-items:center;width:156px;height:156px;padding:10px;display:grid;box-shadow:0 4px #8c97b3}.qr img,.qr canvas{image-rendering:pixelated;width:136px!important;height:136px!important}.qr-wrap code{color:var(--muted);word-break:break-all;-webkit-user-select:all;user-select:all;background:#00000059;border-radius:10px;margin-top:10px;padding:8px 10px;font:600 12.5px/1.4 ui-monospace,monospace;display:block}.about{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;margin-top:36px;display:grid}.about h3{font:400 17px/1.2 var(--f-display);margin-bottom:12px}.about p{color:var(--muted);max-width:66ch;margin:0 0 14px;font-size:16px;line-height:1.65}.how{background:color-mix(in oklab, var(--ga) 14%, var(--panel-2));box-shadow:0 4px 0 var(--panel-edge), inset 0 0 0 1.5px color-mix(in oklab, var(--ga) 30%, transparent);border-radius:16px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;font-weight:650;display:flex}.how .ic{color:var(--ga)}.specs{grid-template-columns:auto 1fr;gap:10px 20px;margin:0;font-size:14.5px;display:grid}.specs dt{color:var(--faint);font-weight:550}.specs dd{font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:0;font-weight:650;display:flex}.specs dd .ic{width:16px;height:16px;color:var(--muted)}.chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mine{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:22px;margin-top:36px;padding:22px}.mine-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.mine-head h3{font:400 17px/1.2 var(--f-display)}.mine-head .stat{margin-left:auto}.lvls{grid-template-columns:repeat(20,1fr);gap:6px;display:grid}.lv{aspect-ratio:1;background:#ffffff0f;border-radius:7px}.lv.done{background:linear-gradient(180deg, var(--ga-hi), var(--ga) 60%);box-shadow:0 2px 0 var(--ga-deep)}.lv.cur{box-shadow:inset 0 0 0 2px var(--ga);background:#ffffff2e}.lv.hard:not(.done){box-shadow:inset 0 0 0 1.5px #ff5d7380}.mine p{color:var(--muted);margin:14px 0 0;font-size:14px}.install{text-align:left;background:color-mix(in oklab, var(--accent) 14%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--accent) 40%, transparent);border-radius:16px;align-items:center;gap:12px;margin:18px 4px 0;padding:12px 14px;display:flex}.install:hover{background:color-mix(in oklab, var(--accent) 22%, transparent)}.install>.ic{width:22px;height:22px;color:var(--accent);flex:none}.install b{font-size:14px;font-weight:750;display:block}.install small{color:var(--muted);font-size:12px;line-height:1.35;display:block}.offline-list{gap:6px;max-width:640px;display:grid}.guide{margin-top:36px}.guide h3{font:400 19px/1.2 var(--f-display);margin-bottom:16px}.guide-cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.guide-cols>div{background:#ffffff0a;border-radius:20px;padding:18px 20px;box-shadow:inset 0 0 0 1.5px #ffffff0f}.guide h4{letter-spacing:.12em;text-transform:uppercase;color:var(--ga,var(--accent));margin:0 0 10px;font-size:12.5px;font-weight:800}.guide ul{color:var(--muted);gap:8px;margin:0;padding-left:18px;font-size:14.5px;display:grid}.guide li b{color:var(--text);font-weight:750}.guide-note{color:var(--muted);align-items:center;gap:10px;margin:14px 0 0;font-size:14px;display:flex}.guide-note .ic{width:18px;height:18px;color:var(--star);flex:none}.board{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:22px;margin-top:24px;padding:22px}.board.compact{margin-top:0;padding:18px}.board-head{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.board-head h3{font:400 17px/1.2 var(--f-display)}.board-count{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:650}.board-mine{background:#00000040;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff12}.board-mine b{font:400 17px/1 var(--f-display)}.board-mine .btn{margin-left:auto}.board .stars{gap:1px;display:inline-flex}.board .stars .ic,.board .stars svg{width:18px;height:18px}.board-note{color:var(--muted);margin:12px 0 0;font-size:14px}.board-note a,.linkish{color:var(--accent);font-weight:700}.linkish:hover,.board-note a:hover{text-decoration:underline}.lb{gap:4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.lb li{border-radius:12px;grid-template-columns:34px 1fr auto 52px;align-items:center;gap:10px;min-height:40px;padding:0 12px;font-size:14.5px;font-weight:600;display:grid}.lb li:nth-child(odd){background:#ffffff09}.lb li.me{background:color-mix(in oklab, var(--accent) 18%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--accent) 55%, transparent)}.lb .rk{font:400 15px/1 var(--f-display);color:var(--muted);text-align:center}.lb li:nth-child(-n+3) .rk{color:var(--star)}.lb .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lb .tm{text-align:right;color:var(--muted)}.boards{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px;display:grid}.level-card{background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--violet) 26%, transparent), transparent 60%), linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:6px 22px;margin-bottom:18px;padding:22px;display:grid}.lv-badge{aspect-ratio:1;text-align:center;background:linear-gradient(180deg, var(--accent-hi), var(--accent) 60%);width:92px;color:var(--accent-ink);box-shadow:0 6px 0 var(--accent-deep), 0 16px 26px -10px #0009;border-radius:28px;grid-row:span 2;place-content:center;display:grid}.lv-badge b{font:400 38px/1 var(--f-display)}.lv-badge small{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.lv-body h2{font:400 26px/1.1 var(--f-display);text-shadow:0 3px #0006;margin-bottom:10px}.lv-body small,.wk-body small{color:var(--muted);margin-top:8px;font-size:13.5px;font-weight:600;display:block}.lv-body small b,.wk-body small b{color:var(--text)}.xp-how{color:var(--faint);margin:0;font-size:13px}.xpbar{background:#00000059;border-radius:99px;height:14px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff0f}.xpbar i{border-radius:inherit;background:linear-gradient(180deg, var(--accent-hi), var(--accent));min-width:14px;height:100%;box-shadow:inset 0 -3px 0 var(--accent-deep);transition:width .8s var(--ease);display:block}.prog-head.four{grid-template-columns:repeat(4,minmax(0,1fr))}.badges{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.badge{background:#ffffff0a;border-radius:18px;align-items:flex-start;gap:14px;padding:16px;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff0f}.badge b{font:400 15px/1.2 var(--f-display);margin-bottom:3px;display:block}.badge small{color:var(--faint);font-size:13px;font-weight:550;line-height:1.35}.badge .bi{width:46px;height:46px;color:var(--faint);background:#ffffff0f;border-radius:15px;flex:none;place-items:center;display:grid}.badge .bi .ic{width:24px;height:24px}.badge.got{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 4px 0 var(--panel-edge)}.badge.got .bi{background:linear-gradient(180deg, #ffe58a, var(--star));color:#4a3500;box-shadow:0 3px 0 var(--star-deep)}.badge.got small{color:var(--muted)}.bbar{background:#00000059;border-radius:9px;height:6px;margin-top:9px;overflow:hidden}.bbar i{background:var(--accent);border-radius:inherit;height:100%;display:block}.name-form{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:20px;flex-wrap:wrap;align-items:end;gap:12px;margin-top:30px;padding:20px;display:flex}.name-form .field{flex:240px;margin:0}.weekly{background:radial-gradient(90% 160% at 0% 50%, color-mix(in oklab, var(--g) 70%, transparent), transparent 70%), linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:24px;grid-template-columns:180px 1fr auto;align-items:center;gap:22px;margin-top:30px;padding:18px 22px 18px 18px;display:grid}.weekly img{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:180px;box-shadow:0 5px #0006}.wk-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--star);align-items:center;gap:7px;font-size:12.5px;font-weight:800;display:inline-flex}.wk-tag .ic{width:16px;height:16px}.weekly h2{font:400 22px/1.15 var(--f-display);text-shadow:0 3px #0006;margin:6px 0 12px}.weekly .xpbar i{background:linear-gradient(180deg, #ffe58a, var(--star));box-shadow:inset 0 -3px 0 var(--star-deep)}.weekly.done .wk-tag{color:var(--accent)}.season-banner{color:var(--muted);background:linear-gradient(90deg, color-mix(in oklab, var(--violet) 30%, transparent), #ffffff08);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--violet) 40%, transparent);border-radius:16px;align-items:center;gap:12px;margin:4px 0 18px;padding:12px 16px;font-size:14.5px;display:flex}.season-banner b{color:var(--text);margin-right:4px;font-weight:750}.season-banner>.ic{flex:none;margin-left:auto}.ss-icon{background:var(--violet);color:#1d1238;width:34px;height:34px;box-shadow:0 3px 0 var(--violet-deep);border-radius:11px;flex:none;place-items:center;display:grid}.ss-icon .ic{width:18px;height:18px}[data-season=halloween] .ambient{filter:hue-rotate(40deg)saturate(1.2)}[data-season=winter] .season-banner,[data-season=newyear] .season-banner{background:linear-gradient(90deg, color-mix(in oklab, var(--sky) 26%, transparent), #ffffff08);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--sky) 40%, transparent)}.side h3{font:400 15px/1.2 var(--f-display);color:var(--muted);margin:4px 0 12px}.side-list{gap:4px;display:grid}.side-item{border-radius:14px;align-items:center;gap:12px;padding:8px;transition:background .2s;display:flex}.side-item:hover{background:#ffffff0a}.side-item img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:112px;box-shadow:0 3px #00000073}.side-item b{font-size:14.5px;font-weight:750;display:block}.side-item small{color:var(--faint);font-size:12.5px}.list-head{flex-wrap:wrap;align-items:end;gap:20px;margin:20px 0 28px;display:flex}.list-head h1{font:400 clamp(30px, 3.4vw, 44px)/1.05 var(--f-display);text-shadow:0 4px #0006}.list-head p{color:var(--muted);max-width:62ch;margin:10px 0 0}.sorts{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px 20px;display:grid}.empty{text-align:center;color:var(--muted);background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:24px;padding:56px 20px}.empty h2{font:400 20px/1.2 var(--f-display);color:var(--text);margin-bottom:8px}.empty .ic{width:40px;height:40px;color:var(--faint);margin-bottom:14px}.empty .btn{margin-top:14px}.article{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;margin-top:64px;display:grid}.article h2{font:400 19px/1.2 var(--f-display);margin-bottom:14px}.article h3{margin:18px 0 6px;font-size:16px;font-weight:750}.article p{color:var(--muted);max-width:66ch;margin:0;line-height:1.65}.article .more-text[hidden]+.show{display:inline-flex}.article .show{margin-top:16px}.faq details{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 4px 0 var(--panel-edge);border-radius:16px;margin-bottom:12px}.faq summary{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .ic{width:18px;height:18px;color:var(--faint);transition:transform .3s var(--spring);margin-left:auto}.faq details[open] summary .ic{transform:rotate(90deg)}.faq .a{color:var(--muted);padding:0 16px 16px;font-size:14.5px;line-height:1.6}.faq .a a{color:var(--accent);font-weight:650}.prog-head{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px;display:grid}.big-stat{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:22px;align-items:center;gap:14px;padding:20px;display:flex}.big-stat .star,.big-stat .flame{width:42px;height:42px}.big-stat .ic.cl{width:40px;height:40px;color:var(--accent)}.big-stat b{font:400 28px/1 var(--f-display);font-variant-numeric:tabular-nums;display:block}.big-stat small{color:var(--muted);font-size:13.5px;font-weight:600}.prow{border-radius:18px;grid-template-columns:120px minmax(0,1fr) 200px auto;align-items:center;gap:18px;padding:12px;transition:background .2s;display:grid}.prow:hover{background:#ffffff0a}.prow img{aspect-ratio:16/9;object-fit:cover;border-radius:11px;width:120px;box-shadow:0 3px #00000073}.prow b{font-size:16px;font-weight:750;display:block}.prow small{color:var(--faint);font-size:13px}.prow .pbar{background:#ffffff14;border-radius:10px;height:10px;overflow:hidden}.prow .pbar i{border-radius:inherit;background:linear-gradient(90deg, var(--ga,var(--accent)), color-mix(in oklab, var(--ga,var(--accent)) 60%, #fff));height:100%;display:block}.prow .stars{font:400 15px/1 var(--f-display);align-items:center;gap:6px;display:inline-flex}.prow .stars .star{width:18px;height:18px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-reveal]{animation:linear both rise;animation-timeline:view();animation-range:entry entry 35%}}}@keyframes rise{0%{transform:translateY(28px)}}.toast{z-index:90;opacity:0;color:var(--bg);transition:opacity .2s, transform .45s var(--spring);pointer-events:none;background:linear-gradient(#fff,#e3e8f4);border-radius:16px;align-items:center;gap:9px;padding:12px 18px 12px 14px;font-size:14.5px;font-weight:750;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,24px)scale(.95);box-shadow:0 4px #8c97b3,0 18px 40px -10px #0009}.toast.show{opacity:1;transform:translate(-50%)}.toast .ic{color:#0f8f80;width:20px;height:20px}.tabbar,.scrim,.search-btn{display:none}@media (max-width:1320px){.moods{grid-template-columns:repeat(3,1fr)}.daily-grid,.boards{grid-template-columns:1fr 1fr}}@media (max-width:1240px){.row{grid-auto-columns:calc(33.3333% - 13.3333px)}.row.big{grid-auto-columns:calc(50% - 10px)}.genres{grid-template-columns:repeat(3,1fr)}.gp{grid-template-columns:minmax(0,1fr)}.side{display:none}.ranks{grid-template-columns:1fr}.thumb-btn{width:72px}.prow{grid-template-columns:96px minmax(0,1fr) auto}.prow .pbar{display:none}.prow img{width:96px}}@media (max-width:960px){:root{--rail:0px;--top:64px}.rail{width:284px;transition:transform .45s var(--ease);transform:translate(-100%)}.rail.open{transform:none;box-shadow:30px 0 60px #00000080}.scrim{z-index:25;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .3s;display:block;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.top{gap:8px;padding:0 16px}.top .logo{font-size:17px;display:flex}.top .logo .logo-mark{width:30px;height:30px}.search{display:none}.search.open{z-index:50;max-width:none;display:block;position:fixed;top:10px;left:12px;right:12px}.search-btn{display:grid}.kbd,.signin,.top-actions .hide-m{display:none}.top-actions{gap:8px}.stat{height:36px;font-size:13px}main{padding:4px 16px 116px}.stage{height:auto;box-shadow:none;background:0 0;overflow:visible}.slides{aspect-ratio:16/9;box-shadow:0 5px 0 var(--panel-edge);border-radius:20px;position:relative;overflow:hidden}.slides:after{background:linear-gradient(#0000 60%,#06080e4d)}.stage-copy{width:auto;padding:18px 2px 0;position:relative;bottom:0;left:0}.stage-copy .logo-art{width:300px;margin-left:-6px}.stage-copy p{margin-bottom:18px;font-size:15.5px}.stage-meta{flex-wrap:wrap;gap:6px 16px}.thumbs{gap:6px;position:absolute;inset:12px 12px auto auto}.thumb-btn{aspect-ratio:1;height:9px;box-shadow:none;opacity:1;background:#ffffff80;border-radius:50%;outline:0!important;width:9px!important}.thumb-btn img,.thumb-btn i{display:none}.thumb-btn.on{background:#fff;border-radius:6px;width:22px!important}.moods{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:46%;grid-auto-flow:column;margin:22px -4px 0;padding:4px 4px 10px;display:grid;overflow-x:auto}.moods::-webkit-scrollbar{display:none}.mood{min-height:118px}.row,.row.big{grid-auto-columns:76%;gap:14px}.shelf,.daily{margin-top:40px}.shelf-head h2{font-size:18px}.shelf-head .sub,.arrows,.card .play{display:none}.daily{padding:18px}.daily-head h2{font-size:22px}.daily-head .streak{margin-left:0}.daily-grid,.boards{grid-template-columns:1fr;gap:12px}.dcard{grid-template-columns:80px 1fr}.dcard .phone{width:80px}.genres{grid-template-columns:repeat(3,1fr);gap:10px}.genre{aspect-ratio:1;padding:10px}.genre .ic{width:28px;height:28px}.genre b{font-size:13px}.genre small{font-size:11.5px}.rank img{width:88px}.seo,.article{grid-template-columns:1fr;gap:28px}.player{aspect-ratio:3/4.2;border-radius:20px;height:auto;min-height:0}.player.playing{z-index:100;aspect-ratio:auto;border-radius:0;height:100dvh;position:fixed;inset:0}html.game-open{overflow:hidden}html.game-open main{z-index:50}.player.playing .close-fs{z-index:3;color:#fff;background:#00000073;border-radius:0 12px 12px 0;place-items:center;width:24px;height:52px;display:grid;position:absolute;top:50%;left:0;translate:0 -50%}.player.playing .close-fs .ic{width:16px;height:16px}.poster-inner{flex-direction:column;gap:14px;padding:16px}.phone-live{display:none}.poster .logo-art{width:260px}.gbar .tools{scrollbar-width:none;flex-wrap:nowrap;width:calc(100% + 32px);margin-left:0;margin-right:-16px;padding:2px 16px 6px 0;overflow-x:auto}.gbar .tools::-webkit-scrollbar{display:none}.tool{flex:none}.tool .lbl{display:none}.about{grid-template-columns:1fr;gap:22px}.lvls{grid-template-columns:repeat(10,1fr)}.grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.grid .card .meta .rt{display:none}.prog-head{grid-template-columns:1fr;gap:12px}.prog-head.four{grid-template-columns:1fr 1fr}.prog-head.four .big-stat{gap:10px;padding:14px}.prog-head.four .big-stat b{font-size:22px}.level-card{gap:6px 16px;padding:18px}.lv-badge{border-radius:22px;width:72px}.lv-badge b{font-size:30px}.xp-how{grid-column:1/-1;margin-top:8px}.badges{grid-template-columns:1fr 1fr;gap:8px}.badge{flex-direction:column;gap:10px;padding:14px}.badge .bi{border-radius:12px;width:38px;height:38px}.badge small{font-size:12.5px}.weekly{grid-template-columns:1fr;gap:14px;padding:16px}.weekly img,.weekly .btn{width:100%}.lb li{grid-template-columns:28px 1fr auto 46px;gap:8px;padding:0 10px;font-size:14px}.qr-wrap{flex-direction:column;align-items:flex-start}.tabbar{z-index:40;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--panel), var(--panel-2));height:66px;box-shadow:0 5px 0 var(--panel-edge), 0 18px 40px -10px #000c;border-radius:22px;padding:0 6px;display:flex;position:fixed}.tabbar a,.tabbar button{color:var(--faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex;position:relative}.tabbar .ic{width:22px;height:22px}.tabbar [aria-current=page]{color:var(--text)}.tabbar [aria-current=page] .ic{color:var(--accent)}.tabbar .pip{background:var(--violet);width:9px;height:9px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;position:absolute;top:8px;left:calc(50% + 6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}.card .hit{border-radius:18px;display:block}.card .fav{z-index:6}.card:hover .fav,.card:focus-within .fav{opacity:1}.card .hit:focus-visible .play{opacity:1;transform:none}.site-foot{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;gap:8px 20px;margin-top:40px;padding-top:20px;font-size:13.5px;display:flex}.site-foot a:hover{color:var(--text)}.prose{max-width:70ch;color:var(--muted);line-height:1.7}.prose h1{font:400 clamp(30px, 3.4vw, 44px)/1.05 var(--f-display);color:var(--text);margin:20px 0 18px}.prose h2{font:400 18px/1.2 var(--f-display);color:var(--text);margin:28px 0 10px}.prose a{color:var(--accent)}.dialog{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:viewIn .25s var(--ease);background:#04060ca8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog .box{background:linear-gradient(180deg, var(--panel), var(--panel-2));width:min(420px,100%);box-shadow:0 6px 0 var(--panel-edge), 0 40px 80px -20px #000c;border-radius:24px;padding:26px;position:relative}.dialog h2{font:400 22px/1.15 var(--f-display);margin-bottom:8px}.dialog p{color:var(--muted);margin:0 0 18px;font-size:15px}.dialog .x{width:38px;height:38px;color:var(--muted);border-radius:12px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.dialog .x:hover{color:var(--text);background:#ffffff0f}.field{margin-bottom:14px;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field input,.field textarea,.field select{width:100%;height:46px;color:var(--text);background:#00000059;border:0;border-radius:14px;outline:0;padding:0 14px;font-size:15px;box-shadow:inset 0 2px #00000059,inset 0 0 0 1.5px #ffffff12}.field textarea{resize:vertical;height:auto;min-height:110px;padding:12px 14px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:inset 0 2px 0 #00000059, inset 0 0 0 2px var(--accent)}.field select option{background:var(--panel-2)}.form-msg{color:var(--muted);margin-top:12px;font-size:14px;font-weight:650}.form-msg.err{color:var(--rose)}.form-msg.ok{color:var(--accent)}.account{position:relative}.menu-pop{background:linear-gradient(180deg, var(--panel), var(--panel-2));min-width:220px;box-shadow:0 5px 0 var(--panel-edge), 0 30px 60px -14px #000000bf;z-index:60;border-radius:18px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.menu-pop .who{color:var(--muted);border-bottom:1px solid var(--line);word-break:break-all;margin-bottom:6px;padding:8px 10px 10px;font-size:13px}.menu-pop a,.menu-pop button{width:100%;color:var(--text);text-align:left;border-radius:11px;align-items:center;gap:10px;padding:10px;font-size:14.5px;font-weight:650;display:flex}.menu-pop a:hover,.menu-pop button:hover{background:#ffffff0f}.avatar{width:44px;height:44px;font:400 17px/1 var(--f-display);color:var(--accent-ink);background:linear-gradient(180deg, var(--accent-hi), var(--accent) 60%);box-shadow:0 4px 0 var(--accent-deep);border-radius:14px;place-items:center;display:grid}.admin-nav{flex-wrap:wrap;gap:8px;margin:18px 0 24px;display:flex}.stat-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:30px;display:grid}.stat-tiles .big-stat{padding:16px 18px}.admin-h{font:400 18px/1.2 var(--f-display);margin:26px 0 12px}.table-wrap{background:linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:0 5px 0 var(--panel-edge);border-radius:20px;overflow-x:auto}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14.5px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);white-space:nowrap;padding:14px 16px 10px;font-size:11.5px;font-weight:750}.table td{border-top:1px solid var(--line);vertical-align:middle;padding:10px 16px}.table td img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:84px}.table td b{font-weight:750}.table tr:hover td{background:#ffffff05}.pill{height:24px;color:var(--muted);background:#ffffff14;border-radius:99px;align-items:center;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.pill.live{background:color-mix(in oklab, var(--accent) 22%, transparent);color:var(--accent)}.pill.new{background:color-mix(in oklab, var(--rose) 22%, transparent);color:var(--rose)}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.edit-grid .wide{grid-column:1/-1}.checks{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.checks label{background:var(--chip);cursor:pointer;border-radius:99px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:650;display:inline-flex}.checks input{accent-color:var(--accent)}@media (max-width:960px){.edit-grid{grid-template-columns:1fr}}.more-art>summary{cursor:pointer;margin-top:16px;list-style:none;display:inline-flex}.more-art>summary::-webkit-details-marker{display:none}.more-art[open]>summary{display:none}.stage-copy h2.fallback{text-shadow:0 5px #00000073;margin-bottom:14px;font-size:clamp(36px,4vw,58px);line-height:1}