@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}.audio-stage{inset:var(--ft) 0 var(--fb);pointer-events:none;place-items:center;display:grid;position:absolute}.audio-stage img{width:min(76vw, calc(100dvh - var(--ft) - var(--fb) - 24px), 480px);aspect-ratio:1;border-radius:16px;max-height:100%;box-shadow:0 24px 60px -16px #0009}.app.is-audio .deck{visibility:hidden}.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:minmax(0,1fr) auto;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.from{flex-direction:column;align-items:flex-start;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}.from-local{color:#ff98bc}.from-shared{color:#77ded0}.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}.top-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.share-btn:disabled,.spider-toggle:disabled{opacity:.3;cursor:default}.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}.creator-handle{color:var(--ink-3)}.meta-actions{flex:none;align-items:center;gap:4px;display:flex}.share-btn{width:44px;height:44px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.share-btn:hover{color:#fff;background:#ffffff14}.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:60;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;visibility:hidden;transition:visibility 0s .45s;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-wrap.is-open{pointer-events:auto;visibility:visible;transition-delay:0s}.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;touch-action:none;flex:none;place-items:center;min-height:32px;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;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--list-color) 40%, #121212) #121212;flex:1;overflow-y:auto}.sheet-head{align-items:center;gap:16px;padding:10px 0 4px;display:flex}.liked-art{background:color-mix(in oklab, var(--list-color) 32%, #251624);width:92px;height:92px;color:var(--list-color);border-radius:10px;flex:none;place-items:center;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}.list-tabs{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.list-tab{border:1px solid color-mix(in oklab, var(--tab-color) 30%, transparent);min-height:44px;color:var(--tab-color);border-radius:10px;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:650;transition:background .2s,border-color .2s;display:flex}.list-tab:hover{background:color-mix(in oklab, var(--tab-color) 8%, transparent)}.list-tab[aria-selected=true]{border-color:var(--tab-color);background:color-mix(in oklab, var(--tab-color) 15%, #121212)}.list-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.list-count{font-variant-numeric:tabular-nums;margin-left:auto}.list-context{color:var(--ink-2);margin:12px 0 0;font-size:14px;line-height:1.5}.file-tools{border:1px dashed #ffffff40;border-radius:12px;flex-wrap:wrap;align-items:center;gap:0 10px;margin-top:16px;padding:6px 12px 12px;display:flex}.file-add,.file-clear{border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.file-add{color:#fff}.file-add:hover,.file-clear:hover{text-underline-offset:4px;text-decoration:underline}.file-summary{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.file-clear{color:#ffb1c8;margin-left:auto;font-size:13px}.file-hint{color:var(--ink-2);flex:1 0 100%;margin:0;font-size:13px;line-height:1.5}.file-tools button:disabled,.row-remove:disabled{opacity:.4;cursor:default}.file-drop-overlay{z-index:2;color:#b4ece5;pointer-events:none;text-align:center;background:#192b31;border:2px dashed #77ded0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;top:32px;bottom:12px;left:12px;right:12px}.file-drop-overlay strong{letter-spacing:-.025em;font-size:24px}.file-drop-overlay span{font-size:14px}.sheet-actions{align-items:center;gap:8px;margin:16px 0 8px;display:flex}.sheet-actions>button{flex-shrink:0}.sheet-actions .ctl.play{width:56px;height:56px}.sheet-actions .share-lists{min-height:44px;margin-right:auto;padding-inline-start:10px;padding-inline-end:10px}.sheet-actions button:disabled{opacity:.35;cursor:default}.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(--list-color)}.eq{height:12px;color:var(--list-color);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)}.spider-toggle{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;transition:background .16s,box-shadow .16s,transform .16s;display:grid}.spider-toggle svg{border-radius:50%;width:36px;height:36px}.spider-toggle:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}.spider-toggle[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink), 0 0 20px color-mix(in srgb, var(--accent) 50%, transparent)}.spider-toggle:active{transform:scale(.95)}.app.is-spider .deck{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;max-height:none;box-shadow:none;border-radius:0;top:0;bottom:0;left:0;right:0}.spider-scene{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.spider-video-shade{z-index:2;background:color-mix(in srgb, Canvas 12%, transparent);position:absolute;top:0;bottom:0;left:0;right:0}.spider-canvas-host{z-index:2;background:0 0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.spider-canvas-host canvas{width:100%;height:100%;animation:.6s ease-out both spider-reveal;display:block}@keyframes spider-reveal{0%{opacity:0}to{opacity:1}}.spider-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spider-arrival{z-index:7;width:min(320px,72vw);color:var(--ink);position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.spider-arrival-art{aspect-ratio:320/340;position:relative}.spider-arrival-portal{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.arrival-track{stroke:var(--ink);stroke-opacity:.12;stroke-width:1px}.arrival-progress{stroke:var(--ink);stroke-width:2px;stroke-linecap:round;transform-origin:160px 150px;filter:drop-shadow(0 0 5px var(--accent));transition:stroke-dashoffset .25s ease-out;transform:rotate(-90deg)}.arrival-orbit{stroke:var(--ink);stroke-opacity:.5;stroke-width:.5px;stroke-dasharray:1 14;transform-origin:160px 150px;animation:24s linear infinite spider-orbit}.arrival-web{stroke:var(--ink);stroke-opacity:.06;stroke-width:.5px}.arrival-floor{stroke:var(--ink);stroke-opacity:.5;stroke-width:1px;fill:color-mix(in srgb, Canvas 25%, transparent)}.arrival-floor-inner{stroke:var(--ink);stroke-opacity:.2;stroke-width:.5px}.spider-arrival-beam{background:linear-gradient(to top, color-mix(in srgb, var(--accent) 24%, transparent), transparent 80%);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);filter:blur(8px);position:absolute;top:8%;bottom:14%;left:15%;right:15%}.spider-arrival-figure{object-fit:contain;object-position:center bottom;width:40%;height:76%;transition:opacity .25s,filter .25s;position:absolute;top:10%;left:30%;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.spider-arrival-sparks{position:absolute;top:0;bottom:0;left:0;right:0}.spider-arrival-sparks i{left:calc(10% + var(--i) * 12%);top:calc(78% - var(--i) * 9%);background:var(--ink);width:2px;height:2px;box-shadow:0 0 9px var(--ink);animation:2.8s ease-in-out infinite spider-spark;animation-delay:calc(var(--i) * -400ms);border-radius:50%;position:absolute}@keyframes spider-orbit{to{transform:rotate(360deg)}}@keyframes spider-spark{0%,to{opacity:.05;transform:translateY(6px)}50%{opacity:.8;transform:translateY(-14px)}}.spider-arrival-actions{pointer-events:auto;justify-content:center;gap:12px;margin-top:-12px;display:flex}.spider-icon{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, Canvas 50%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:36px;height:36px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.spider-icon svg,.spider-controls svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.spider-icon:hover{color:var(--ink);background:color-mix(in srgb, Canvas 80%, transparent)}.spider-arrival.is-error .arrival-progress{opacity:0}.spider-arrival.is-error .arrival-orbit{stroke-dasharray:45 28;stroke-opacity:.2;animation:none}.spider-arrival.is-error .spider-arrival-beam,.spider-arrival.is-error .spider-arrival-sparks{opacity:0}.spider-arrival.is-error .spider-arrival-figure{opacity:.1!important}.arrival-break{stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round}.spider-controls{top:calc(var(--safe-t) + 76px);right:var(--gutter);z-index:5;pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute}.spider-controls>button{background:color-mix(in srgb, Canvas 52%, transparent);border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:36px;color:var(--ink-2);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:550;display:inline-flex}.spider-controls>button:hover{color:var(--ink);background:color-mix(in srgb, Canvas 72%, transparent)}.spider-controls>button[aria-pressed=true]{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 50%, transparent)}.spider-character img{object-fit:cover;object-position:center 12%;width:20px;height:25px}.spider-character svg{width:12px}.spider-controls .spider-crew{flex-direction:column;gap:2px;padding:4px 9px}.spider-controls .spider-crew>svg{stroke-width:1.25px;width:27px;height:22px}.spider-crew-dots{gap:2px;display:flex}.spider-crew-dots i{opacity:.25;background:currentColor;border-radius:50%;width:2px;height:2px}.spider-crew[aria-pressed=true] .spider-crew-dots i{opacity:1}.spider-crew[data-state=loading] .spider-crew-dots{animation:.8s ease-in-out infinite alternate spider-crew-arrival}.spider-crew[data-state=error]{border-style:dashed}@keyframes spider-crew-arrival{to{opacity:.25;transform:translateY(-2px)}}.spider-picker{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:color-mix(in srgb, Canvas 94%, transparent);box-shadow:0 24px 80px color-mix(in srgb, Canvas 45%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto;border-radius:20px;padding:20px;overflow:auto}.spider-picker::backdrop{background:color-mix(in srgb, Canvas 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spider-picker header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.spider-picker h2{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:650}.spider-cast{grid-template-columns:1fr 1fr;gap:10px;display:grid}.spider-cast button{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--ink) 3%, transparent);border-radius:12px;padding:0 0 12px;font-size:12px;font-weight:550;transition:border-color .12s,background .12s;position:relative;overflow:hidden}.spider-cast button:hover{background:color-mix(in srgb, var(--ink) 7%, transparent);border-color:color-mix(in srgb, var(--ink) 30%, transparent)}.spider-cast button[aria-pressed=true]{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.spider-cast-portrait{background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--ink) 10%, transparent), transparent 65%);place-items:center;height:clamp(112px,22vh,176px);margin-bottom:8px;display:grid;position:relative;overflow:hidden}.spider-cast-portrait img{object-fit:contain;width:100%;height:100%;padding:8px 12px 0;transition:transform .2s;display:block}.spider-cast button:hover img{transform:scale(1.04)}.spider-cast-portrait>span{background:var(--ink);color:canvas;border-radius:50%;width:20px;height:20px;font-size:12px;line-height:20px;display:none;position:absolute;top:10px;right:10px}.spider-cast [aria-pressed=true] .spider-cast-portrait>span{display:block}.spider-credits{width:-moz-fit-content;width:fit-content;color:var(--ink-3);margin:16px auto 0;font-size:11px;text-decoration:none;display:block}.spider-credits:hover{color:var(--ink)}.spider-scene button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent);outline:none}.spider-credits:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent);outline:none}@media (max-width:540px){.spider-controls{top:calc(var(--safe-t) + 70px);gap:6px}.spider-controls>button{padding-inline-start:8px;padding-inline-end:8px}.spider-picker{padding:16px}}@media (max-height:540px){.spider-controls{top:calc(var(--safe-t) + 60px)}.spider-arrival{width:180px;top:42%}.spider-picker{width:min(620px,100vw - 32px)}.spider-cast{grid-template-columns:repeat(4,1fr)}.spider-cast-portrait{height:112px}}@media (prefers-reduced-motion:reduce){.spider-scene *,.spider-toggle{transition:none!important;animation:none!important}}