@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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}@property --accent{syntax:"<color>";inherits:true;initial-value:#3a2a55}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--gutter:16px;--ft:calc(var(--safe-t) + 68px);--fb:calc(var(--safe-b) + 300px);--ink:#fff;--ink-2:#ffffffb8;--ink-3:#ffffff80;--heart:color-mix(in oklab, var(--accent) 45%, #ff4d8d);--ease-out:cubic-bezier(.22, 1, .36, 1);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter Variable,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#000;height:100%;margin:0;overflow:hidden}body{color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #fff}a:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #fff}.app{background:#000;transition:--accent 1.4s;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ambient{filter:blur(42px)saturate(1.6)brightness(.72);opacity:0;opacity:1;width:124%;height:124%;transition:opacity 1.2s;position:absolute;top:-12%;bottom:-12%;left:-12%;right:-12%;transform:translateZ(0)}.tint{background:radial-gradient(120% 70% at 50% -10%, color-mix(in oklab, var(--accent) 55%, transparent), transparent 70%), linear-gradient(to bottom, #0000001a, #00000059 45%, #000000db 78%, #000);position:absolute;top:0;bottom:0;left:0;right:0}.stage{position:absolute;top:0;bottom:0;left:0;right:0}.deck{left:0;right:0;top:var(--ft);bottom:var(--fb);--frame-h:calc(100dvh - var(--ft) - var(--fb));width:min(calc(100vw - 2 * var(--gutter)), calc(var(--frame-h) * var(--ar,1.7778)), 1280px);height:auto;max-height:var(--frame-h);aspect-ratio:var(--ar,1.7778);object-fit:cover;opacity:0;pointer-events:none;background:#000;border-radius:14px;margin:auto;transition-property:opacity,transform;transition-duration:.45s;transition-timing-function:ease-in-out;position:absolute;transform:scale(.985);box-shadow:0 30px 80px -20px #000000bf,0 0 0 1px #ffffff0f}.deck.on{opacity:1;transform:none}@media (orientation:portrait) and (max-width:900px){.deck[data-shape=tall]{aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;border-radius:0;top:0;bottom:0;left:0;right:0;transform:scale(1.02)}.deck[data-shape=tall].on{transform:none}}.scrim{z-index:2;pointer-events:none;background:linear-gradient(to bottom, #0000008c, transparent calc(var(--safe-t) + 110px)), linear-gradient(to top, #000000eb, #0009 calc(var(--fb) - 20px), transparent calc(var(--fb) + 90px));position:absolute;top:0;bottom:0;left:0;right:0}.surface{left:0;right:0;top:calc(var(--safe-t) + 60px);bottom:var(--fb);touch-action:pan-y;z-index:3;position:absolute}.player{pointer-events:none;z-index:4;animation:rise .7s var(--ease-out) both;position:absolute;top:0;bottom:0;left:0;right:0}.player>*{pointer-events:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.topbar{padding:calc(var(--safe-t) + 12px) var(--gutter) 0;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.avatar-btn img{border-radius:50%;width:36px;height:36px;display:block;box-shadow:0 0 0 2px #ffffff2e}.from{flex-direction:column;align-items:center;gap:1px;min-width:0;padding:4px 8px;display:flex}.from-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.from-name{letter-spacing:-.005em;font-size:13px;font-weight:700}.icon-btn{width:44px;height:44px;color:var(--ink-2);border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid}.icon-btn:hover{color:#fff;background:#ffffff14}.dock{max-width:680px;padding:0 calc(var(--gutter) + 6px) calc(var(--safe-b) + 18px);margin:0 auto;position:absolute;bottom:0;left:0;right:0}.meta{animation:metaIn .6s var(--ease-out) both;align-items:flex-end;gap:12px;display:flex}@keyframes metaIn{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}.meta-text{flex:1;min-width:0}.title{letter-spacing:-.035em;text-wrap:balance;-webkit-line-clamp:2;text-shadow:0 2px 24px #0006;-webkit-box-orient:vertical;margin:0;font-size:clamp(24px,6.6vw,34px);font-weight:800;line-height:1.08;display:-webkit-box;overflow:hidden}.byline{color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex;overflow:hidden}.byline a{color:#fff;font-weight:600}.byline a:hover{text-decoration:underline}.dot{color:var(--ink-3)}.caption{color:var(--ink-3);-webkit-line-clamp:2;-webkit-user-select:text;user-select:text;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.like{width:48px;height:48px;color:var(--ink-2);transition:color .2s, transform .25s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.like:active{transform:scale(.86)}.like.is-on{color:var(--heart)}.like.is-on svg{animation:pop .42s var(--ease-out);filter:drop-shadow(0 0 12px color-mix(in oklab, var(--heart) 60%, transparent))}@keyframes pop{0%{transform:scale(.6)}55%{transform:scale(1.22)}to{transform:scale(1)}}.upnext{left:calc(var(--gutter) + 6px);max-width:calc(100% - 2 * var(--gutter) - 12px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .4s, transform .4s var(--ease-out);background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:12.5px;display:flex;position:absolute;bottom:calc(100% + 10px);transform:translateY(6px)}.upnext.is-shown{opacity:1;pointer-events:auto;transform:none}.upnext img{object-fit:cover;border-radius:50%;width:28px;height:28px}.upnext img.is-unknown{filter:blur(3px)saturate(1.4)}.upnext-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.upnext-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.progress{margin-top:16px}.bar{touch-action:none;cursor:pointer;height:24px;position:relative}.bar>div:not(.thumb){transform-origin:0;border-radius:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0}.track-bg{background:#ffffff2e}.buffered{background:#ffffff2e;transform:scaleX(0)}.fill{background:#fff;transform:scaleX(0)}.thumb{width:13px;height:13px;transition:transform .18s var(--ease-out);background:#fff;border-radius:50%;margin:-6.5px 0 0 -6.5px;position:absolute;top:50%;transform:scale(0);box-shadow:0 2px 8px #0006}.bar:hover .thumb,.bar.is-dragging .thumb{transform:scale(1)}.bar.is-dragging .thumb{transform:scale(1.35)}.times{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:11.5px;font-weight:500;display:flex}.controls{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.ctl{color:#fff;width:56px;height:56px;transition:transform .18s var(--ease-out), color .2s, opacity .2s;border-radius:50%;place-items:center;display:grid;position:relative}.ctl:active{transform:scale(.88)}.ctl.small{width:44px;height:44px;color:var(--ink-2)}.ctl.small.is-on{color:color-mix(in oklab, var(--accent) 35%, #fff)}.ctl.small.is-on:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:2px;left:50%}.ctl.play{color:#000;width:70px;height:70px;box-shadow:0 10px 40px -8px color-mix(in oklab, var(--accent) 70%, transparent);background:#fff}.ctl.play.is-loading:before{content:"";border:2px solid #ffffff26;border-top-color:#fff;border-radius:50%;animation:.8s linear infinite spin;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}@keyframes spin{to{transform:rotate(1turn)}}.lib .badge{background:var(--heart);color:#fff;font-variant-numeric:tabular-nums;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:3px;right:0}.burst{z-index:20;pointer-events:none;color:var(--heart);animation:burst .85s var(--ease-out) forwards;filter:drop-shadow(0 8px 30px color-mix(in oklab, var(--heart) 70%, transparent));position:fixed;transform:translate(-50%,-50%)}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-12deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(6deg)}45%{transform:translate(-50%,-50%)scale(.95)rotate(0)}to{opacity:0;transform:translate(-50%,-90%)scale(1.05)}}.flash{z-index:20;left:50%;top:calc((var(--ft) + 100dvh - var(--fb)) / 2);-webkit-backdrop-filter:blur(10px);pointer-events:none;background:#00000073;border-radius:50%;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;animation:.6s ease-out forwards flash;display:grid;position:fixed}@keyframes flash{0%{opacity:0;transform:scale(.7)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.toast{z-index:30;left:50%;bottom:calc(var(--fb) + 18px);color:#0a0a0a;text-align:center;opacity:0;pointer-events:none;max-width:min(88vw,420px);transition:opacity .25s, transform .35s var(--ease-out);background:#fffffff0;border-radius:12px;padding:10px 16px;font-size:13.5px;font-weight:600;line-height:1.35;position:fixed;transform:translate(-50%,10px);box-shadow:0 12px 40px #0006}.toast.is-shown{opacity:1;transform:translate(-50%)}.sheet-wrap{z-index:40;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-wrap.is-open{pointer-events:auto}.sheet-backdrop{opacity:0;background:#0000008c;transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0}.is-open .sheet-backdrop{opacity:1}.sheet{--sheet-accent:var(--accent);max-width:560px;height:calc(100dvh - var(--safe-t) - 36px);background:linear-gradient(to bottom, color-mix(in oklab, var(--sheet-accent) 50%, #121212) 0, #121212 300px);transition:transform .45s var(--ease-out);border-radius:22px 22px 0 0;flex-direction:column;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(104%);box-shadow:0 -20px 60px #00000080}.is-open .sheet{transform:none}.sheet-handle{cursor:pointer;flex:none;place-items:center;height:26px;display:grid}.sheet-handle span{background:#ffffff59;border-radius:3px;width:38px;height:5px}.sheet-scroll{overscroll-behavior:contain;padding:4px 20px calc(var(--safe-b) + 28px);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.sheet-head{align-items:center;gap:16px;padding:10px 0 4px;display:flex}.liked-art{background:linear-gradient(135deg, #4b1fd1, color-mix(in oklab, var(--sheet-accent) 50%, #ff4d8d) 60%, #ffb4a8);border-radius:10px;flex:none;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 16px 40px -10px #0009}.sheet-head h2{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:800}.sheet-sub{color:var(--ink-2);margin:4px 0 0;font-size:13.5px;font-weight:500}.sheet-actions{align-items:center;gap:10px;margin:16px 0 8px;display:flex}.sheet-actions .ctl.play{width:56px;height:56px;margin-left:auto}.pill{border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.pill:hover{background:#ffffff14;border-color:#ffffff73}.rows{margin:0;padding:0;list-style:none}.row{border-radius:10px;align-items:center;gap:4px;transition:background .15s;display:flex}.row:hover{background:#ffffff0f}.row-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 0 8px 4px;display:flex}.row-n{text-align:center;width:18px;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.row-main img{object-fit:cover;background:#222;border-radius:6px;flex:none;width:48px;height:48px}.row-text{flex-direction:column;gap:3px;min-width:0;display:flex}.row-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.row-sub{color:var(--ink-3);font-size:12.5px}.row.is-current .row-title{color:var(--heart)}.eq{height:12px;color:var(--heart);align-items:flex-end;gap:2px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;width:3px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:30%}50%{height:100%}}.row .like{width:44px;height:44px}.empty{text-align:center;color:var(--ink-3);flex-direction:column;align-items:center;padding:48px 12px 24px;display:flex}.empty-title{color:#fff;letter-spacing:-.02em;margin:14px 0 6px;font-size:19px;font-weight:700}.empty-sub{max-width:300px;margin:0;font-size:14px;line-height:1.5}.splash{z-index:50;background:#000;transition:opacity .38s,transform .38s;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.splash.is-leaving{opacity:0;pointer-events:none;transform:scale(1.04)}.mosaic{opacity:.55;grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:absolute;top:-20%;bottom:-20%;left:-30%;right:-30%;transform:rotate(-9deg)}.mosaic-col{will-change:transform;flex-direction:column;gap:10px;animation:linear infinite drift;display:flex}.mosaic-col img{aspect-ratio:1;object-fit:cover;background:#151515;border-radius:12px;width:100%}@keyframes drift{to{transform:translateY(-50%)}}.splash-fade{background:radial-gradient(90% 55% at 50% 58%,#000000db,#00000059 70%,#0000),linear-gradient(#00000080,#0000 30% 60%,#000);position:absolute;top:0;bottom:0;left:0;right:0}.splash-body{text-align:center;padding:0 28px calc(var(--safe-b) + 40px);animation:rise .9s var(--ease-out) both;flex-direction:column;align-items:center;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.splash-avatar{border-radius:50%;width:88px;height:88px;box-shadow:0 0 0 3px #ffffffe6,0 18px 50px #0009}.eyebrow{color:var(--ink-3);letter-spacing:.02em;margin:18px 0 0;font-size:13px;font-weight:600}.wordmark{letter-spacing:-.055em;background:linear-gradient(#fff 30%,#ffffffb3);color:#0000;-webkit-background-clip:text;background-clip:text;margin:2px 0 0;font-size:clamp(48px,15vw,92px);font-weight:900;line-height:.95}.bio{max-width:320px;color:var(--ink-2);margin:12px 0 0;font-size:15px;line-height:1.45}.count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:13px}.fire{color:#000;letter-spacing:-.01em;width:min(100%,340px);height:58px;transition:transform .2s var(--ease-out);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:17px;font-weight:800;animation:2.6s ease-in-out infinite glow;display:inline-flex;box-shadow:0 0 #ffffff80,0 20px 50px -10px #8c5aff8c}.fire:active{transform:scale(.96)}@keyframes glow{50%{box-shadow:0 0 0 10px #fff0,0 20px 60px -6px #ff4d8d99}}.secondary{color:#fff;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:min(100%,340px);height:50px;margin-top:12px;font-size:15px;font-weight:700;display:inline-flex}.secondary svg{color:#ff4d8d}.fine{max-width:300px;color:var(--ink-3);margin:16px 0 0;font-size:12.5px;line-height:1.5}@media (min-width:900px) and (orientation:landscape){:root{--gutter:40px;--ft:84px;--fb:270px}.topbar{padding-top:20px}.dock{max-width:720px}.title{font-size:36px}.splash-body{justify-content:center;padding-bottom:0;top:0;bottom:0;left:0;right:0}.mosaic{grid-template-columns:repeat(3,1fr);top:-30%;bottom:-30%;left:10%;right:10%}}@media (orientation:landscape) and (max-height:500px){:root{--ft:0px;--gutter:0px}.app{--fb:0px!important}.deck{box-shadow:none;object-fit:contain;border-radius:0}.surface{top:0;bottom:0}.scrim{background:linear-gradient(#0000 45%,#000000d9),linear-gradient(#00000080,#0000 70px)}.dock{max-width:none;padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));padding-bottom:6px}.title{-webkit-line-clamp:1;font-size:22px}.caption,.upnext{display:none}.progress{margin-top:4px}.controls{margin-top:0}.ctl.play{width:54px;height:54px}.toast{bottom:24px}}@media (prefers-reduced-motion:reduce){.mosaic-col,.fire,.eq i{animation:none}.deck{transform:none!important}}.bigplay{z-index:6;left:50%;top:calc((var(--ft) + 100dvh - var(--fb)) / 2);color:#000;width:104px;height:104px;box-shadow:0 24px 70px -10px color-mix(in oklab, var(--accent) 80%, #ff4d8d), 0 0 0 1px #fff6;animation:bigIn .7s var(--ease-out) both;transition:transform .2s var(--ease-out);background:#fffffff5;border-radius:50%;place-items:center;margin:-52px 0 0 -52px;padding-left:6px;display:grid;position:absolute}.bigplay:active{transform:scale(.92)}.bigplay-ring{pointer-events:none;border:2px solid #ffffff8c;border-radius:50%;animation:2.2s ease-out infinite ring;position:absolute;top:-14px;bottom:-14px;left:-14px;right:-14px}@keyframes bigIn{0%{opacity:0;transform:scale(.6)}}@keyframes ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.app.fill-wide .deck[data-shape=wide]{aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;border-radius:0;top:0;bottom:0;left:0;right:0}.fill-btn{z-index:5;-webkit-backdrop-filter:blur(12px);color:#fff;width:40px;height:40px;transition:top .45s var(--ease-out), left .45s var(--ease-out), background .2s, transform .18s var(--ease-out);animation:rise .5s var(--ease-out) both;background:#0000006b;border-radius:12px;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 1px #ffffff24}.fill-btn:active{transform:scale(.9)}.fill-btn.is-on{color:#000;background:#ffffffe6}.like-col{flex-direction:column;flex:none;align-items:center;display:flex}.like-count{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:-6px;font-size:11.5px;font-weight:700}.like-count.is-zero{opacity:.45}.mini-heart{vertical-align:-1px;color:var(--heart)}