@property --np-1{syntax:"<color>";inherits:true;initial-value:#17132b}@property --np-2{syntax:"<color>";inherits:true;initial-value:#0e0c1a}@property --np-3{syntax:"<color>";inherits:true;initial-value:#08070d}@property --np-vivid{syntax:"<color>";inherits:true;initial-value:#8c7cff}@property --accent{syntax:"<color>";inherits:true;initial-value:#8c7cff}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Inter", "Noto Sans Devanagari", "Noto Sans Gurmukhi", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", system-ui, sans-serif;--font-display:"Inter", "Noto Sans Devanagari", "Noto Sans Gurmukhi", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", system-ui, sans-serif;--font-brand:"Manrope", var(--font-display);--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#060609;--bg-elev:#0e0e13;--surface:#ffffff0b;--surface-2:#ffffff13;--surface-3:#ffffff1c;--surface-solid:#15151b;--surface-raised:#1c1c24;--text:#f5f5f7;--text-2:#ebebf5a8;--text-3:#ebebf56b;--hairline:#ffffff14;--hairline-strong:#ffffff24;--glass:#16161c9e;--glass-thick:#121218d1;--glass-thin:#1e1e266b;--glass-edge:#ffffff1a;--glass-highlight:#ffffff0f;--scrim:#0000008c;--shadow-1:0 1px 2px #0000004d, 0 4px 16px #00000040;--shadow-2:0 10px 40px #00000073, 0 2px 8px #0000004d;--shadow-3:0 30px 80px #0000008c, 0 8px 24px #00000059;--accent:#8c7cff;--on-accent:#0b0b0f;--accent-soft:color-mix(in oklab, var(--accent) 18%, transparent);--brand-a:#52d6c3;--brand-b:#b9aeff;--danger:#ff6b6b;--success:#4ade9b;--warning:#ffc266;--youtube:#ff3b30;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.38s;--sidebar:260px;--player-h:84px;--tabbar-h:64px;--gutter:clamp(16px, 3.2vw, 44px);--blur:30px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--bg-elev:#fff;--surface:#00000009;--surface-2:#0000000f;--surface-3:#00000017;--surface-solid:#fff;--surface-raised:#fff;--text:#1d1d1f;--text-2:#1d1d1fad;--text-3:#1d1d1f73;--hairline:#00000014;--hairline-strong:#00000024;--glass:#fafafcb3;--glass-thick:#fafafcdb;--glass-thin:#ffffff80;--glass-edge:#ffffffb3;--glass-highlight:#ffffff80;--scrim:#00000047;--shadow-1:0 1px 2px #0000000f, 0 4px 14px #0000000f;--shadow-2:0 10px 36px #0000001f, 0 2px 8px #0000000f;--shadow-3:0 28px 70px #0000002e, 0 8px 24px #00000014;--danger:#d93a3a;--success:#138a55;--warning:#b86e00}:root[data-glass=off]{--glass:var(--surface-solid);--glass-thick:var(--surface-solid);--glass-thin:var(--surface-raised);--blur:0px}:root[data-contrast=high]{--text-2:#f5f5f7db;--text-3:#f5f5f7a8;--hairline:#ffffff38}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);letter-spacing:-.006em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01", "ss03";transition:background-color .6s var(--ease);margin:0;font-size:15px;line-height:1.45;overflow:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.022em;margin:0}p{margin:0}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:content-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);backdrop-filter:blur(var(--blur)) saturate(180%);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--shadow-2)}.glass-thick{background:var(--glass-thick);-webkit-backdrop-filter:blur(calc(var(--blur) * 1.4)) saturate(190%);backdrop-filter:blur(calc(var(--blur) * 1.4)) saturate(190%);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--shadow-3)}.glass-thin{background:var(--glass-thin);-webkit-backdrop-filter:blur(calc(var(--blur) * .7)) saturate(160%);backdrop-filter:blur(calc(var(--blur) * .7)) saturate(160%);border:1px solid var(--hairline)}.t-hero{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(34px,5.2vw,64px);font-weight:800;line-height:1.02}.t-large{font-family:var(--font-display);letter-spacing:-.032em;font-size:clamp(28px,3.4vw,40px);font-weight:750;line-height:1.08}.t-title{font-family:var(--font-display);letter-spacing:-.024em;font-size:22px;font-weight:700;line-height:1.2}.t-headline{letter-spacing:-.012em;font-size:15px;font-weight:640}.t-sub{color:var(--text-2);font-size:14px}.t-caption{color:var(--text-3);letter-spacing:0;font-size:12.5px}.t-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:650}.t-brand{font-family:var(--font-brand);letter-spacing:-.03em;font-weight:800}.tabular{font-variant-numeric:tabular-nums}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gradient-text{background:linear-gradient(120deg, var(--brand-a), var(--brand-b) 55%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--r-full);letter-spacing:-.01em;white-space:nowrap;height:40px;transition:transform .25s var(--ease), background-color .25s var(--ease), box-shadow .25s var(--ease), opacity .2s;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:620;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 24px color-mix(in oklab, var(--accent) 35%, transparent)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 34px color-mix(in oklab, var(--accent) 50%, transparent);filter:brightness(1.06)}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-ghost{color:var(--text-2);padding:0 12px}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface)}.btn-danger{background:color-mix(in oklab, var(--danger) 16%, transparent);color:var(--danger)}.btn-sm{height:32px;padding:0 13px;font-size:13px}.btn-lg{height:50px;padding:0 26px;font-size:16px}.icon-btn{border-radius:var(--r-full);width:38px;height:38px;color:var(--text-2);transition:color .2s, background-color .2s, transform .25s var(--ease);flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.icon-btn:active:not(:disabled){transform:scale(.9)}.icon-btn.on{color:var(--accent)}.icon-btn.sm{width:32px;height:32px}.icon-btn.lg{width:48px;height:48px}.chip{border-radius:var(--r-full);background:var(--surface-2);height:34px;color:var(--text);white-space:nowrap;transition:background-color .2s, color .2s, transform .2s var(--ease);flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:560;display:inline-flex}.chip:hover{background:var(--surface-3)}.chip:active{transform:scale(.96)}.chip.on{background:var(--text);color:var(--bg)}.badge{letter-spacing:.02em;background:var(--surface-2);height:20px;color:var(--text-2);border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:650;display:inline-flex}.badge.yt{background:color-mix(in oklab, var(--youtube) 16%, transparent);color:#ff6b62}.badge.ai{background:linear-gradient(120deg, color-mix(in oklab, var(--brand-a) 22%, transparent), color-mix(in oklab, var(--brand-b) 22%, transparent));color:var(--text)}.field{border-radius:var(--r-md);background:var(--surface-2);border:1px solid #0000;outline:none;width:100%;height:44px;padding:0 14px;transition:border-color .2s,background-color .2s,box-shadow .2s}.field:focus{border-color:color-mix(in oklab, var(--accent) 60%, transparent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}.field::placeholder{color:var(--text-3)}textarea.field{resize:none;height:auto;padding:12px 14px}.switch{background:var(--surface-3);width:46px;height:28px;transition:background-color .25s var(--ease);border-radius:99px;flex:none;position:relative}.switch:after{content:"";width:24px;height:24px;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0000004d}.switch.on{background:var(--success)}.switch.on:after{transform:translate(18px)}input[type=range].range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range].range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text) var(--fill,50%), var(--surface-3) var(--fill,50%));border-radius:4px;height:4px}input[type=range].range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #0006}input[type=range].range::-moz-range-track{background:var(--surface-3);border-radius:4px;height:4px}input[type=range].range::-moz-range-progress{background:var(--text);border-radius:4px;height:4px}input[type=range].range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.row{align-items:center;gap:12px;min-width:0;display:flex}.col{flex-direction:column;gap:8px;min-width:0;display:flex}.grow{flex:1;min-width:0}.center{place-items:center;display:grid}.page{padding:0 var(--gutter) calc(var(--player-h) + 64px);max-width:1680px;margin:0 auto}.section{margin-top:44px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.section-head h2{letter-spacing:-.024em;font-size:22px;font-weight:700}.section-head .t-sub{margin-top:2px}.divider{background:var(--hairline);border:0;height:1px;margin:0}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card-surface{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg)}.skeleton{background:var(--surface-2);border-radius:var(--r-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.eq{align-items:flex-end;gap:2px;width:14px;height:14px;display:inline-flex}.eq i{background:var(--accent);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite eq;display:block}.eq i:nth-child(2){animation-duration:1.1s;animation-delay:-.3s}.eq i:nth-child(3){animation-duration:.8s;animation-delay:-.6s}.eq.paused i{animation-play-state:paused;transform:scaleY(.35)}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.living{background:var(--np-3);transition:--np-1 1.2s var(--ease), --np-2 1.2s var(--ease), --np-3 1.2s var(--ease), --np-vivid 1.2s var(--ease);position:absolute;inset:0;overflow:hidden}.living .blob{opacity:.9;will-change:transform;border-radius:50%;width:70vmax;height:70vmax;position:absolute}.living .b1{background:radial-gradient(circle at 30% 30%, var(--np-1), transparent 65%);animation:26s ease-in-out infinite alternate drift1;top:-25vmax;left:-15vmax}.living .b2{background:radial-gradient(circle at 60% 40%, var(--np-2), transparent 60%);animation:32s ease-in-out infinite alternate drift2;bottom:-30vmax;right:-20vmax}.living .b3{background:radial-gradient(circle, color-mix(in oklab, var(--np-vivid) 55%, transparent), transparent 62%);opacity:.45;width:50vmax;height:50vmax;animation:22s ease-in-out infinite alternate drift3;top:20%;left:35%}.living .grain{opacity:.06;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:-50%}@keyframes drift1{to{transform:translate(18vmax,12vmax)rotate(40deg)scale(1.15)}}@keyframes drift2{to{transform:translate(-16vmax,-10vmax)rotate(-30deg)scale(1.1)}}@keyframes drift3{0%{transform:translate(-10vmax,5vmax)scale(.9)}to{transform:translate(12vmax,-8vmax)scale(1.2)}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition-duration:.01ms!important;animation:none!important}:root[data-motion=reduced] .living .blob{animation-duration:90s}@media (prefers-reduced-motion:reduce){.living .blob,.eq i{animation:none}}.toasts{left:50%;bottom:calc(var(--player-h) + 28px);z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--r-full);align-items:center;gap:14px;max-width:min(92vw,520px);padding:11px 12px 11px 18px;font-size:14px;font-weight:520;display:flex}@media (max-width:1023px){:root{--player-h:64px}body{font-size:15px}.page{padding-bottom:calc(var(--tabbar-h) + var(--player-h) + 48px + env(safe-area-inset-bottom))}.toasts{bottom:calc(var(--tabbar-h) + var(--player-h) + 24px + env(safe-area-inset-bottom))}.section{margin-top:34px}}@media (hover:none){.hover-only{display:none!important}}@media (max-width:700px){.page-header{align-items:flex-start;gap:14px}.page-header-actions{scrollbar-width:none;max-width:calc(100% + 2 * var(--gutter));margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.page-header-actions::-webkit-scrollbar{display:none}.lib-tabs::-webkit-scrollbar{display:none}.page-header-actions>*,.page-header-actions .row>*{flex:none}.page-header-actions .row{flex-wrap:nowrap}.lib-tabs{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);max-width:calc(100% + 2 * var(--gutter));-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-tile{height:86px;padding:14px;font-size:17px}.ai-suggestions{justify-content:flex-start}.ai-suggestions .chip{flex:0 auto;max-width:100%}.pl-actions{flex-wrap:wrap}.t-hero{overflow-wrap:anywhere}}.art{border-radius:var(--r-sm);background:hsl(var(--h) 30% 16%);aspect-ratio:1;isolation:isolate;position:relative;overflow:hidden}.art.round{border-radius:50%}.art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease), transform .6s var(--ease);position:absolute;inset:0}.art img.in{opacity:1}.art img.lb{transform:scale(1.34)}.art-fallback{color:#ffffff8c;background:linear-gradient(135deg, hsl(var(--h) 55% 32%), hsl(calc(var(--h) + 50) 45% 14%));place-items:center;display:grid;position:absolute;inset:0}.card{width:var(--card-w,184px);cursor:pointer;scroll-snap-align:start;outline:none;flex:none}.card.wide{--card-w:300px}.card-art-wrap{transform-style:preserve-3d;transition:box-shadow .4s var(--ease);border-radius:14px;position:relative}.card-art{box-shadow:var(--shadow-1);border-radius:14px}.card.wide .card-art{aspect-ratio:16/10}.card:hover .card-art-wrap,.card:focus-visible .card-art-wrap{box-shadow:var(--shadow-2)}.card:hover .card-art img.in:not(.lb){transform:scale(1.04)}.card:hover .card-art img.in.lb{transform:scale(1.39)}.card-fab{opacity:0;transition:opacity .28s var(--ease), transform .35s var(--ease);position:absolute;bottom:10px;right:10px;transform:translateY(8px)scale(.9)}.card:hover .card-fab,.card:focus-within .card-fab{opacity:1;transform:none}@media (hover:none){.card-fab{opacity:1;transform:none}}.card-badge{position:absolute;top:10px;left:10px}.card-text{padding:10px 2px 0}.card-title{letter-spacing:-.012em;font-size:14.5px;font-weight:620}.card-sub{color:var(--text-2);margin-top:2px;font-size:13px}.play-fab{background:var(--accent);color:var(--on-accent);border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 22px #0006,inset 0 0 0 1px #ffffff14}@media (max-width:640px){.card{--card-w:148px}.card.wide{--card-w:260px}}.shelf-scroll{scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);margin:0 calc(var(--gutter) * -1);padding:6px var(--gutter) 14px;scrollbar-width:none;overscroll-behavior-x:contain;gap:18px;display:flex;overflow:auto visible}.shelf-scroll::-webkit-scrollbar{display:none}.shelf-scroll.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 60px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 60px),#0000)}.shelf-scroll.fade-l{-webkit-mask-image:linear-gradient(90deg,#0000,#000 60px);mask-image:linear-gradient(90deg,#0000,#000 60px)}.shelf-scroll.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,#0000,#000 60px calc(100% - 60px),#0000);mask-image:linear-gradient(90deg,#0000,#000 60px calc(100% - 60px),#0000)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:26px 20px;display:grid}.grid-cards .card{width:auto}@media (max-width:640px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}}.track-list{flex-direction:column;display:flex}.track-row{cursor:default;-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;grid-template-columns:auto 44px minmax(0,1fr) minmax(0,.7fr) auto;align-items:center;gap:14px;padding:7px 10px;transition:background-color .18s;display:grid}.track-row:not(:has(.tr-num)){grid-template-columns:44px minmax(0,1fr) minmax(0,.7fr) auto}.track-row:hover,.track-row:focus-visible{background:var(--surface)}.track-row.current .tr-title{color:var(--accent)}.tr-num{width:26px;color:var(--text-3);place-items:center;font-size:14px;display:grid;position:relative}.tr-num-play{opacity:0;color:var(--text);place-items:center;display:grid;position:absolute;inset:-6px}.track-row:hover .tr-num .n,.track-row:hover .tr-num .eq{opacity:0}.track-row:hover .tr-num-play{opacity:1}.tr-art{cursor:pointer;width:44px;height:44px;position:relative}.tr-art .art{border-radius:8px;width:44px;height:44px}.tr-art-overlay{color:#fff;opacity:0;background:#00000073;border-radius:8px;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.track-row:hover .tr-art-overlay,.track-row.current .tr-art-overlay{opacity:1}.track-row.current .tr-art-overlay{background:#00000059}.tr-main{min-width:0}.tr-title{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14.5px;font-weight:560;display:flex}.tr-tag{letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--text-3);border-radius:4px;flex:none;padding:2px 5px;font-size:10px;font-weight:700}.tr-sub{color:var(--text-2);margin-top:1px;font-size:13px}.tr-caption{color:var(--text-3)}.tr-album{color:var(--text-2);font-size:13.5px}.tr-right{align-items:center;gap:4px;display:flex}.tr-dur{color:var(--text-3);text-align:right;width:44px;margin-right:4px;font-size:13px}.track-row .like{opacity:0}.track-row:hover .like,.track-row .like.liked,.track-row:focus-within .like{opacity:1}.like.liked{color:var(--accent)}.track-row.compact{gap:12px;padding:5px 8px}.link{color:inherit}.link:hover{color:var(--text);text-underline-offset:2px;text-decoration:underline}@media (hover:none){.track-row .like{opacity:1}}@media (max-width:900px){.hide-sm{display:none}:is(.track-row,.track-row:not(:has(.tr-num))){grid-template-columns:44px minmax(0,1fr) auto}.track-row:has(.tr-num){grid-template-columns:auto 44px minmax(0,1fr) auto}}@media (max-width:520px){.hide-xs,.track-row .tr-num{display:none}.track-row:has(.tr-num){grid-template-columns:44px minmax(0,1fr) auto}}.segmented{border-radius:var(--r-full);background:var(--surface-2);gap:2px;padding:3px;display:inline-flex;position:relative}.segmented button{border-radius:var(--r-full);height:32px;color:var(--text-2);white-space:nowrap;padding:0 16px;font-size:13.5px;font-weight:600;transition:color .2s;position:relative}.segmented.sm button{height:26px;padding:0 12px;font-size:12.5px}.segmented button.on{color:var(--text)}.seg-pill{border-radius:var(--r-full);background:var(--surface-solid);box-shadow:0 2px 8px #00000040, inset 0 0 0 1px var(--hairline);position:absolute;inset:0}:root[data-theme=light] .seg-pill{background:#fff}.seg-label{z-index:1;align-items:center;gap:6px;display:inline-flex;position:relative}.sheet-root{z-index:100;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet{border-radius:var(--r-xl);width:100%;max-height:min(86vh,820px);padding:22px;overflow:auto}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}@media (max-width:640px){.sheet-root{place-items:end center;padding:0}.sheet{max-height:88vh;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}}.menu-root{z-index:110;position:fixed;inset:0}.menu{transform-origin:0 0;border-radius:16px;min-width:248px;max-width:300px;padding:6px;position:fixed}.menu-head{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;margin-bottom:4px;padding:8px 10px 10px;display:flex}.menu-head .art{border-radius:8px;flex:none;width:42px;height:42px}.menu-item{text-align:left;width:100%;height:38px;color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);outline:none}.menu-item svg{color:var(--text-2)}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-sep{background:var(--hairline);height:1px;margin:4px 6px}@media (max-width:640px){.menu{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));transform-origin:bottom;border-radius:22px;max-width:none;top:auto!important;left:8px!important}.menu-item{height:46px;font-size:15px}}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:64px 20px;display:flex}.empty-icon{background:var(--surface-2);width:64px;height:64px;color:var(--text-2);border-radius:20px;place-items:center;margin-bottom:6px;display:grid}.notice{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);color:var(--text-2);align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.notice.warn{background:color-mix(in oklab, var(--warning) 9%, transparent);border-color:color-mix(in oklab, var(--warning) 22%, transparent)}.notice.warn>svg{color:var(--warning)}.notice.error{background:color-mix(in oklab, var(--danger) 9%, transparent);border-color:color-mix(in oklab, var(--danger) 22%, transparent)}.notice.error>svg{color:var(--danger)}.notice.ai{background:linear-gradient(110deg, color-mix(in oklab, var(--brand-a) 9%, transparent), color-mix(in oklab, var(--brand-b) 11%, transparent));border-color:color-mix(in oklab, var(--brand-b) 22%, transparent)}.notice.ai>svg{color:var(--brand-b)}.spinner{border:2px solid var(--surface-3);border-top-color:var(--text);border-radius:50%;flex:none;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:28px;display:flex}.kbd{background:var(--surface-2);border:1px solid var(--hairline);min-width:22px;height:22px;color:var(--text-2);font-size:11.5px;font-weight:600;font-family:var(--font);border-radius:6px;place-items:center;padding:0 6px;display:inline-grid}.list-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:6px}.stat{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--hairline);flex-direction:column;gap:4px;min-width:0;padding:18px;display:flex}.stat .v{font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:750;line-height:1.05}.stat .k{color:var(--text-2);font-size:13px}.heart-wrap{place-items:center;display:inline-grid;position:relative}.heart-wrap>svg{grid-area:1/1}.heart-fill{color:var(--accent);transform-origin:50%;grid-area:1/1;place-items:center;display:grid}.heart-burst{pointer-events:none;position:absolute;inset:0}.heart-ring{border:2px solid var(--accent);border-radius:50%;position:absolute;inset:-20%}.heart-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}.np .heart-fill{color:#fff}.automix-chip{gap:6px;position:relative}.automix-chip select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding-right:2px;font-weight:640}.automix-chip select option{color:#000}.app{display:flex;position:fixed;inset:0}.main-scroll{scroll-behavior:auto;overscroll-behavior-y:contain;z-index:1;flex:1;min-width:0;height:100%;position:relative;overflow:hidden auto}.app.desktop .main-scroll{margin-left:var(--sidebar)}.app.onboarding .main-scroll{margin-left:0}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--np-vivid) 22%, transparent), transparent);opacity:.9;height:90vh;transition:--np-vivid 1.4s var(--ease);border-radius:50%;position:absolute;top:-45vh;left:10%;right:-10%}:root[data-theme=light] .ambient-glow{opacity:.55}.sidebar{width:var(--sidebar);z-index:20;padding:18px 12px calc(var(--player-h) + 26px);border-width:0 1px 0 0;border-radius:0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sb-brand{align-items:center;gap:10px;padding:6px 10px 16px;font-size:17px;display:flex}.sb-search{background:var(--surface-2);height:38px;color:var(--text-3);border-radius:11px;align-items:center;gap:10px;margin:0 4px 12px;padding:0 8px 0 12px;font-size:14px;transition:background-color .2s;display:flex}.sb-search:hover{background:var(--surface-3);color:var(--text-2)}.sb-nav{flex-direction:column;gap:2px;display:flex}.sb-link{height:40px;color:var(--text-2);border-radius:11px;align-items:center;gap:12px;padding:0 12px;font-size:14.5px;font-weight:560;transition:color .2s;display:flex;position:relative}.sb-link:hover,.sb-link.active{color:var(--text)}.sb-link.active svg{color:var(--accent)}.sb-link>*{z-index:1;position:relative}.sb-pill{background:var(--surface-2);border-radius:11px;inset:0;z-index:0!important;position:absolute!important}.sb-section{flex-direction:column;flex:1;min-height:0;margin-top:22px;display:flex}.sb-section-head{justify-content:space-between;align-items:center;padding:0 6px 6px 12px;display:flex}.sb-playlists{flex-direction:column;gap:1px;margin-right:-6px;padding-right:6px;display:flex;overflow-y:auto}.sb-pl{height:44px;color:var(--text-2);border-radius:10px;align-items:center;gap:10px;padding:0 8px;font-size:14px;font-weight:520;transition:background-color .2s,color .2s;display:flex}.sb-pl:hover{background:var(--surface);color:var(--text)}.sb-pl.active{background:var(--surface-2);color:var(--text)}.sb-pl-art{border-radius:7px;flex:none;place-items:center;width:32px;height:32px;display:grid}.sb-pl-art.liked{color:#fff;background:linear-gradient(135deg,#7b5cff,#3b2ecc)}.pl-thumb{border-radius:7px;flex:none;width:32px;height:32px;display:block;overflow:hidden}.pl-thumb .art{border-radius:0;width:100%;height:100%}.pl-thumb.quad{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pl-thumb.lg{aspect-ratio:1;border-radius:14px;width:100%;height:auto}.sb-foot{border-top:1px solid var(--hairline);margin-top:8px;padding-top:10px}.sb-account{border-radius:12px;align-items:center;gap:10px;padding:8px;transition:background-color .2s;display:flex}.sb-account:hover,.sb-account.active{background:var(--surface)}.avatar{object-fit:cover;border-radius:50%;flex:none;width:34px;height:34px}.avatar.ph{background:var(--surface-2);color:var(--text-2);place-items:center;display:grid}.pbar{z-index:30;left:calc(var(--sidebar) + 16px);height:var(--player-h);border-radius:22px;grid-template-columns:minmax(220px,1fr) minmax(320px,1.3fr) minmax(220px,1fr);align-items:center;gap:18px;padding:0 14px;display:grid;position:fixed;bottom:14px;right:16px}.pb-left{align-items:center;gap:12px;min-width:0;display:flex}.pb-art{border-radius:10px;flex:none;width:56px;height:56px;position:relative}.pb-art-inner{border-radius:10px;width:100%;height:100%;overflow:hidden;box-shadow:0 4px 14px #00000059}.pb-art-inner .art{border-radius:10px;width:100%;height:100%}.pb-art-hover{color:#fff;opacity:0;background:#00000073;border-radius:10px;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.pb-art:hover .pb-art-hover{opacity:1}.pb-meta{cursor:pointer;flex:1;min-width:0}.pb-title{letter-spacing:-.01em;font-size:14.5px;font-weight:620}.pb-sub{color:var(--text-2);font-size:13px}.pb-lyric{color:var(--accent);margin-top:1px;font-size:12.5px;font-weight:560}.pb-center{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.pb-controls{align-items:center;gap:10px;display:flex}.pb-play{background:var(--text);width:40px;height:40px;color:var(--bg);transition:transform .2s var(--ease);border-radius:50%;place-items:center;display:grid}.pb-play:hover{transform:scale(1.06)}.pb-play:active{transform:scale(.92)}.pb-right{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.rep1{margin-top:1px;font-size:8.5px;font-weight:800;position:absolute}.icon-btn{position:relative}.prog{align-items:center;gap:10px;width:100%;display:flex}.prog-time{color:var(--text-3);min-width:38px;font-size:11.5px}.prog-time.right{text-align:right}.prog-track{cursor:pointer;touch-action:none;outline:none;flex:1;align-items:center;height:18px;display:flex;position:relative}.prog-rail{background:var(--surface-3);width:100%;height:4px;transition:height .2s var(--ease);border-radius:4px;position:relative;overflow:hidden}.prog-buf,.prog-fill{transform-origin:0;position:absolute;inset:0}.prog-buf{background:var(--surface-3)}.prog-fill{background:var(--text)}.prog-thumb{width:12px;height:12px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:50%;transform:scale(0);box-shadow:0 1px 6px #0006}.prog-track:hover .prog-rail,.prog.dragging .prog-rail,.prog-track:focus-visible .prog-rail{height:6px}.prog-track:hover .prog-thumb,.prog.dragging .prog-thumb,.prog-track:focus-visible .prog-thumb{transform:scale(1)}.prog-tip{background:var(--surface-raised);pointer-events:none;box-shadow:var(--shadow-1);border-radius:6px;padding:3px 7px;font-size:11px;font-weight:600;position:absolute;bottom:20px;transform:translate(-50%)}.prog.bar{max-width:640px}.prog-line{background:var(--surface-3);border-radius:2px;height:2px;position:absolute;bottom:0;left:14px;right:14px;overflow:hidden}.prog-line i{background:var(--text);transform-origin:0;transition:transform .25s linear;position:absolute;inset:0}.vol{align-items:center;gap:4px;width:150px;display:flex}.vol .range{flex:1}.vol.compact{width:120px}.app.immersive .tabbar,.app.immersive .mini,.app.immersive .pbar,.app.immersive .dock{display:none!important}.tabbar{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text-3);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10.5px;font-weight:600;display:flex}.tab.active{color:var(--accent)}.tab-icon{place-items:center;height:28px;display:grid}.mini{z-index:31;left:8px;right:8px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);height:var(--player-h);touch-action:none;border-radius:18px;align-items:center;gap:10px;padding:0 6px 0 8px;display:flex;position:fixed;overflow:hidden}.mini-art{flex:none;width:46px;height:46px}.mini .pb-title{font-size:14px}.mini .pb-sub{font-size:12.5px}.mini-prog .prog-line{bottom:0;left:16px;right:16px}:root{--dock:380px}.app.docked .main-scroll{margin-right:var(--dock)}.app.docked .pbar{right:calc(var(--dock) + 16px);grid-template-columns:minmax(0,1fr) minmax(250px,1.25fr) minmax(0,auto);gap:14px}.app.docked .pb-right .dock-dup{display:none}.app.docked .vol{width:96px}.dock.wide .dock-art{border-radius:12px;width:72px;max-width:72px;height:72px;position:absolute;top:52px;left:20px}.dock.wide .dock-meta{min-height:72px;padding-left:88px}.dock.wide .lyr.synced.md{--lyr:clamp(22px, 1.9vw, 30px)}.dock{z-index:25;width:var(--dock);color:#fff;--text:#fff;--text-2:#ffffffb8;--text-3:#ffffff80;--surface:#ffffff12;--surface-2:#ffffff21;--surface-3:#ffffff38;--hairline:#ffffff1f;--bg:#0b0b0f;--surface-raised:#2a2a33;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-left:1px solid #ffffff14;transition:width .5s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;right:0;overflow:hidden}.dock-bg{position:absolute;inset:0}.dock-bg:after{content:"";background:linear-gradient(#00000026,#0000008c);position:absolute;inset:0}.dock-inner{z-index:1;flex-direction:column;gap:12px;height:100%;padding:16px 18px 104px;display:flex;position:relative}.dock-head{align-items:center;gap:4px;display:flex}.dock-art{aspect-ratio:1;border-radius:16px;flex:none;align-self:center;width:100%;max-width:34vh;max-height:34vh;overflow:hidden;box-shadow:0 24px 60px #00000080}.dock-art .art{border-radius:0;width:100%;height:100%}.dock-meta{align-items:center;gap:10px;display:flex}.dock-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:19px;font-weight:720}.dock-artist{color:#ffffffb3;font-size:14px}.dock-panel{flex:1;min-height:0;position:relative}.dock .segmented{background:#ffffff1a}.dock .seg-pill{box-shadow:none;background:#fff3}.dock .chip{color:#fff;background:#ffffff1f}.dock .badge{color:#fffc;background:#ffffff1f}@media (max-width:1279px){:root{--dock:340px}}.preview-pill{z-index:121;border-radius:99px;align-items:center;gap:10px;max-width:min(92vw,460px);padding:10px 16px;font-size:13.5px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.preview-pill b{max-width:200px;font-weight:650}.pbar{transition:height .45s cubic-bezier(.32,.72,0,1),border-radius .45s}.pbar.preset-compact{border-radius:18px;grid-template-columns:minmax(200px,1fr) minmax(280px,1.1fr) auto;height:64px}.pbar.preset-compact .pb-art{width:44px;height:44px}.pbar.preset-compact .pb-lyric,.pbar.preset-compact .dock-dup{display:none}.pbar.preset-compact .pb-play{width:34px;height:34px}.pbar.preset-studio{border-radius:26px;grid-template-columns:minmax(220px,.9fr) minmax(360px,1.6fr) minmax(220px,.9fr);height:112px}.pbar.preset-studio .pb-art{border-radius:14px;width:76px;height:76px}.pbar.preset-studio .pb-art-inner,.pbar.preset-studio .pb-art-inner .art{border-radius:14px}.pbar.preset-studio .pb-center{gap:6px}.pb-wave{flex-direction:column;gap:2px;width:100%;display:flex}.wave{cursor:pointer;touch-action:none;--wave-dim:#ffffff2e;--wave-buf:#ffffff57;outline:none;width:100%;height:40px;position:relative}.wave canvas{width:100%;height:100%;display:block}.wave:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:8px}.wave-tip{background:var(--surface-3);pointer-events:none;font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:650;position:absolute;top:-22px;transform:translate(-50%)}.wave-times{color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.pb-automix{white-space:nowrap;align-items:center;gap:5px;padding:0 8px;display:inline-flex}:root[data-theme=light] .wave{--wave-dim:#00000024;--wave-buf:#00000047}body:has(.pbar.preset-studio){--player-h:112px}body:has(.pbar.preset-compact){--player-h:64px}.app.docked .pbar.preset-studio{grid-template-columns:minmax(0,1fr) minmax(260px,1.4fr) minmax(0,auto)}.app.docked .pbar.preset-studio .pb-automix{display:none}.np{z-index:60;color:#fff;--text:#fff;--text-2:#ffffffb8;--text-3:#ffffff80;--surface:#ffffff12;--surface-2:#ffffff21;--surface-3:#ffffff38;--hairline:#ffffff1f;--bg:#0b0b0f;--surface-raised:#2a2a33;--glass-thin:#ffffff14;--glass-thick:#1e1e26bf;--glass:#1e1e2699;--glass-edge:#ffffff1f;--cover:min(46vh, 460px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:fixed;inset:0;overflow:hidden}.np-bg{z-index:0;position:absolute;inset:0}.np-bg.static .blob{animation:none}.np-bg-art{object-fit:cover;filter:blur(22px)saturate(1.5)brightness(.75);transform-origin:50%;will-change:opacity;width:30%;height:30%;position:absolute;top:35%;left:35%;transform:scale(4.6)}.np-vignette{background:radial-gradient(120% 90% at 50% 30%,#0000 30%,#00000073 100%),linear-gradient(#0003,#0000 25% 60%,#00000073);position:absolute;inset:0}.np-edge{z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--np-vivid) 70%, white), inset 0 0 40px color-mix(in oklab, var(--np-vivid) 40%, transparent);opacity:0;transition:opacity 1.2s var(--ease);border-radius:0;position:absolute;inset:0}.np.idle .np-edge{opacity:.85}.np-top{z-index:4;height:72px;padding:0 20px;padding-top:env(safe-area-inset-top);transition:opacity .6s var(--ease);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.np-top-right{justify-self:end;align-items:center;gap:4px;display:flex}.np-context{text-align:center;flex-direction:column;align-items:center;min-width:0;max-width:40vw;display:flex}.np-grabber{background:#ffffff59;border-radius:3px;width:38px;height:5px;margin-left:-19px;position:absolute;top:8px;left:50%}.np .seg-pill{box-shadow:none;background:#ffffff38}.np-body{z-index:2;justify-content:center;align-items:stretch;gap:clamp(24px,4vw,72px);padding:0 clamp(20px,4vw,64px) 24px;display:flex;position:absolute;inset:72px 0 0}.np-stage{width:min(var(--cover), 92vw);transition:opacity .6s var(--ease);flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.np.split .np-stage{width:min(var(--cover), 40vw)}.np.split .np-panel{flex:1;max-width:760px}.np-cover-stage{place-items:center;width:100%;display:grid}.np-cover-frame{width:100%;position:relative}.np-cover-drag{touch-action:pan-y;cursor:grab;width:100%;position:relative}.np-cover-drag:active{cursor:grabbing}.np-cover{z-index:1;aspect-ratio:1;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 40px 90px #0000008c,0 10px 30px #00000059}.np-cover-inner{position:absolute;inset:0}.np-cover-inner .art{border-radius:0;width:100%;height:100%}.np-cover-glow{z-index:0;background:var(--np-vivid);filter:blur(60px);opacity:.25;transition:opacity 1s var(--ease), transform 1s var(--ease);border-radius:30%;position:absolute;inset:8%}.np-cover-glow.on{opacity:.55;animation:3.2s ease-in-out infinite halo}@keyframes halo{50%{opacity:.7;transform:scale(1.08)}}.np-video{aspect-ratio:16/9;width:min(880px,86vw);position:relative;left:50%;transform:translate(-50%)}.np.split .np-video{width:100%;left:0;transform:none}.np-video-slot{background:#000;border-radius:16px;position:absolute;inset:0}.np-ripple{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.np-ripple.l{left:14px}.np-ripple.r{right:14px}.np-info{align-items:center;gap:12px;width:100%;margin-top:clamp(18px,3.4vh,34px);display:flex}.np-meta{flex:1;min-width:0}.np-title{font-family:var(--font-display);letter-spacing:-.022em;font-size:clamp(20px,2.1vw,26px);font-weight:720;line-height:1.2}.np-artist{text-align:left;max-width:100%;color:var(--text-2);margin-top:2px;font-size:clamp(15px,1.5vw,18px);display:block}.np-artist:hover{color:#fff}.np-album{opacity:.7}.np-like.liked{color:#fff}.np-like{width:42px;height:42px}.np-progress{width:100%;margin-top:16px}.np-progress .prog{flex-wrap:wrap;gap:0}.np-progress .prog-track{flex:1 0 100%;order:0;height:22px}.np-progress .prog-time{color:var(--text-3);order:1;margin-top:2px}.np-progress .prog-time.right{order:2;margin-left:auto}.np-progress .prog-rail{background:#ffffff2e;height:6px}.np-progress .prog-fill{background:#ffffffeb}.np-progress .prog-buf{background:#ffffff1f}.np-progress .prog-track:hover .prog-rail{height:10px}.np-controls{justify-content:space-between;align-items:center;width:100%;margin-top:clamp(8px,1.6vh,16px);display:flex}.np-skip{color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;transition:background-color .2s;display:grid}.np-skip:hover{background:#ffffff14}.np-play{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:78px;height:78px;transition:background-color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.np-play:hover{background:#ffffff2e}.np .icon-btn.on{color:#fff;background:#ffffff29}.np-extras{justify-content:space-between;align-items:center;width:100%;margin-top:clamp(8px,1.6vh,18px);display:flex}.np .range::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffffe6 var(--fill,50%), #fff3 var(--fill,50%))}.np-foot{justify-content:center;align-items:center;gap:10px;width:100%;min-height:40px;margin-top:14px;display:flex}.np-upnext{text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:0;min-width:0;max-width:100%;padding:7px 14px;font-size:13.5px;font-weight:560;transition:background-color .2s;display:flex}.np-upnext:hover{background:#ffffff24}.np-sleep{background:#ffffff1f;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:650;display:inline-flex}.np-issue{z-index:5;border-radius:18px;width:min(440px,92vw);padding:16px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.np-panel{flex-direction:column;min-width:0;height:100%;display:flex;position:relative}.np.idle .np-top,.np.idle .np-controls,.np.idle .np-extras,.np.idle .np-progress,.np.idle .np-foot,.np.idle .lyr-bar,.np.idle .q-head{opacity:0;transition:opacity 1.2s var(--ease)}.np.idle{cursor:none}.np-panel-mini{align-items:center;gap:12px;padding:4px 4px 12px;display:flex}.np-panel-art{border-radius:8px;flex:none;width:48px;height:48px}@media (max-width:1023px){.np{--cover:min(84vw, 44vh)}.np-body{padding:8px 24px calc(18px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;align-items:center;gap:0}.np-stage{width:min(var(--cover), 100%);flex:1;justify-content:space-evenly}.np-video{width:100%;left:0;transform:none}.np-context{display:none}.np-top{grid-template-columns:44px 1fr 40px 40px}.np-top-right{display:contents}.np-grabber{top:4px}.np-top .np-mode{margin-top:6px}.np-mode{justify-self:center}.np-top{padding:0 10px;padding-top:env(safe-area-inset-top)}.np.mobile-panel .np-stage{display:none}.np.mobile-panel .np-panel{inset:0 16px calc(12px + env(safe-area-inset-bottom));position:absolute}.np-extras .vol{width:130px}.np-skip{width:56px;height:56px}.np-play{width:72px;height:72px}}@media (max-height:700px) and (max-width:1023px){.np-foot{display:none}.np{--cover:min(78vw, 38vh)}}.lyr-panel{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.lyr{flex:1;min-height:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 80%,#0000);mask-image:linear-gradient(#0000,#000 10% 80%,#0000)}.lyr.synced.lg{--lyr:clamp(26px, 2.5vw, 42px)}.lyr.synced.md,.lyr.plain.md{--lyr:clamp(24px, 6.6vw, 32px)}.lyr.plain.lg{--lyr:clamp(22px, 2vw, 32px)}.lyr-lines{padding:0 4px}.lyr-line{cursor:pointer;font-family:var(--font-display);font-size:var(--lyr);letter-spacing:-.024em;color:#fff;opacity:.3;filter:blur(calc(min(var(--d,0), 4) * .45px));transition:transform .8s cubic-bezier(.32, .72, 0, 1), opacity .55s var(--ease), filter .55s var(--ease), background-color .2s;will-change:transform;text-wrap:balance;border-radius:14px;margin:0 -12px;padding:.32em 12px;font-weight:780;line-height:1.2;display:block}.lyr-line:hover{background:#ffffff0f}.lyr-line[data-state=active]{opacity:1;filter:none}.lyr-line[data-state=past]{opacity:.28}.lyr.free .lyr-line{opacity:.62;filter:none}.lyr-main{display:block}.lyr-line .w{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .5s,text-shadow .5s;display:inline-block}.lyr-line[data-state=active] .w{background:linear-gradient(90deg, #fff calc(var(--p,0) * 100% - .2em), #ffffff5c calc(var(--p,0) * 100% + .25em));color:#0000;-webkit-background-clip:text;background-clip:text}.lyr-line[data-state=active] .w:not([data-s]),.lyr-line[data-state=active] .w[data-s=""]{filter:blur(.6px);transform:translateY(.07em)}.lyr-line[data-state=active] .w[data-s=on]{filter:none;text-shadow:0 0 18px #ffffff59;transform:translateY(-.035em)}.lyr-line[data-state=active] .w[data-s=done]{filter:none;transform:translateY(0)}:root[data-motion=off] .lyr-line .w,:root[data-motion=reduced] .lyr-line .w{transition:none;filter:none!important;transform:none!important}.lyr.dual .lyr-line:not(.inst){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:baseline;column-gap:1.1em;display:grid}.lyr.dual .lyr-line .lyr-tr:not(.roman){color:#ffffffb3;grid-area:1/2/span 3;margin-top:0;font-size:.62em}.lyr.dual .lyr-line .lyr-main,.lyr.dual .lyr-line .lyr-bg,.lyr.dual .lyr-line .roman{grid-column:1}.lyr-src{max-width:62%}.lyr-src .lyr-src-t{opacity:.7;font-weight:520}.lyr-fix{z-index:4;color:#fff;border-radius:20px;flex-direction:column;gap:14px;max-height:min(70%,520px);padding:16px 16px 14px;display:flex;position:absolute;bottom:56px;left:0;right:0;overflow-y:auto}.lyr-fix section{flex-direction:column;gap:10px;display:flex}.lyr-fix-h{align-items:baseline;gap:8px;font-size:13.5px;font-weight:680;display:flex}.lyr-nudge{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lyr-nudge-v{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-weight:700}.lyr-tap{text-align:center;flex-direction:column;gap:10px;padding:6px 0;display:flex}.lyr-tap-line{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:760;line-height:1.25}.lyr-versions{flex-direction:column;gap:4px;display:flex}.lyr-version{text-align:left;background:#ffffff0a;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:9px 12px;transition:background .2s;display:grid}.lyr-version:hover{background:#ffffff17}.lyr-version.on{background:#ffffff24}.lyr-version>svg{grid-area:1/2/span 2;align-self:center}.lyr-version>.lyr-version-t,.lyr-version>.t-caption{grid-column:1;min-width:0}.lyr-version-t{font-size:14px;font-weight:620}.lyr-line[data-state=active] .w{text-shadow:0 0 #0000}.lyr-bg{opacity:.7;margin-top:.25em;font-size:.6em;font-weight:680;display:block}.lyr-line[data-state=active] .lyr-bg{background:linear-gradient(90deg, #fff calc(var(--p,0) * 100% - .3em), #ffffff52 calc(var(--p,0) * 100% + .3em));color:#0000;-webkit-background-clip:text;background-clip:text}.lyr-tr{letter-spacing:-.01em;color:#ffffff9e;margin-top:.35em;font-size:.5em;font-weight:560;line-height:1.3;display:block}.lyr-tr.roman{color:#ffffff80;font-style:italic}.lyr-line.inst{padding-top:.5em;padding-bottom:.5em}.lyr-dots{align-items:center;gap:.36em;height:.5em;display:inline-flex}.lyr-dots i{width:.36em;height:.36em;opacity:calc(.28 + .72 * var(--p,0));transform:scale(calc(.8 + .3 * var(--p,0)));background:#fff;border-radius:50%;transition:opacity .2s,transform .2s}.lyr-line.inst[data-state=active] .lyr-dots{transform-origin:0;animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.12)}}.lyr-end{height:70vh}.lyr.plain{padding:4vh 4px 30vh;overflow-y:auto}.lyr.plain p{font-family:var(--font-display);font-size:var(--lyr);letter-spacing:-.02em;color:#ffffffe6;margin:0 0 .2em;font-weight:720;line-height:1.3}.lyr.plain p.gap{height:.8em}.lyr-plain-note{margin-bottom:18px}.lyr-state{text-align:center;color:var(--text-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.lyr-state .t-title{color:#fff}.lyr-bar{transition:opacity .6s var(--ease);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.lyr-select{background:var(--surface-2);border:0;border-radius:99px;height:34px;padding:0 10px;font-size:13px;font-weight:560}.lyr-select option{color:#000}.np .chip{color:#fff;background:#ffffff1f}.np .chip.on{color:#000;background:#fff}.np .badge{color:#fffc;background:#ffffff1f}:root[data-theme=light] .lyr-page .lyr-line{color:#111}.queue{flex-direction:column;height:100%;min-height:0;display:flex}.q-head{transition:opacity .6s var(--ease);align-items:center;gap:6px;padding-bottom:10px;display:flex}.q-scroll{flex:1;min-height:0;padding-bottom:40px;padding-right:4px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 92%,#0000);mask-image:linear-gradient(#000 92%,#0000)}.q-now{margin-bottom:18px}.q-now .t-eyebrow,.q-section .t-eyebrow{color:#ffffff8c;flex-wrap:wrap;align-items:center;padding:0 8px 6px;display:flex}.q-list{flex-direction:column;display:flex}.q-row{background:0 0;border-radius:12px;align-items:center;gap:8px;padding:6px 4px 6px 8px;list-style:none;display:flex;position:relative}.q-row:hover{background:#ffffff12}.q-row.current{background:#ffffff1a}.q-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.q-art{border-radius:8px;flex:none;width:44px;height:44px}.q-eq{background:#0006;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.q-eq .eq i{background:#fff}.q-title{font-size:14px;font-weight:600;display:block}.q-sub{color:#ffffff9e;font-size:12.5px;display:block}.q-dur{color:#ffffff73;font-size:12px}.q-x{opacity:0}.q-row:hover .q-x{opacity:1}.q-handle{color:#ffffff73;cursor:grab;touch-action:none;place-items:center;width:30px;height:36px;display:grid}.q-handle:active{cursor:grabbing}.q-empty{align-items:center;padding:14px 8px;display:flex}@media (hover:none){.q-x{opacity:1}}.palette-root{z-index:115;background:var(--scrim);justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{border-radius:22px;width:min(660px,100%);overflow:hidden}.palette-input{border-bottom:1px solid var(--hairline);height:60px;color:var(--text-2);align-items:center;gap:12px;padding:0 18px;display:flex}.palette-input input{height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:17px}.palette-list{max-height:min(56vh,520px);padding:6px;overflow-y:auto}.palette-group{padding:10px 12px 4px}.palette-item{text-align:left;border-radius:11px;align-items:center;gap:12px;width:100%;height:44px;padding:0 10px;font-size:14.5px;display:flex}.palette-item.sel{background:var(--surface-2)}.palette-icon{background:var(--surface-2);width:28px;height:28px;color:var(--text-2);border-radius:8px;flex:none;place-items:center;display:grid}.palette-item.sel .palette-icon{background:var(--accent);color:var(--on-accent)}.palette-art{border-radius:6px;flex:none;width:28px;height:28px}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.lyr.synced.xl,.lyr.plain.xl{--lyr:clamp(36px, 4.8vw, 82px)}.cine{z-index:75;color:#fff;--text:#fff;--text-2:#ffffffb8;--text-3:#ffffff80;--surface:#ffffff12;--surface-2:#ffffff21;--surface-3:#ffffff38;--hairline:#ffffff1f;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.cine-bg{background:#050507;position:absolute;inset:0}.cine-bg img{object-fit:cover;filter:blur(16px)saturate(1.3)brightness(.45);width:30%;height:30%;position:absolute;top:35%;left:35%;transform:scale(4.8)}.cine-bg:after{content:"";background:radial-gradient(120% 90% at 50% 40%,#0000,#0009);position:absolute;inset:0}.cine-top{z-index:2;align-items:center;gap:14px;padding:22px clamp(20px,5vw,64px);display:flex;position:relative}.cine-art{border-radius:10px;flex:none;width:52px;height:52px}.cine-body{z-index:1;flex:1;min-height:0;padding:0 clamp(24px,9vw,160px) 30px;position:relative}.cine .lyr-line,.cine .lyr.plain p{letter-spacing:-.012em;font-family:Instrument Serif,Iowan Old Style,Palatino Linotype,Georgia,serif;font-weight:400;line-height:1.12}.cine .lyr-line[data-state=active] .w{background:linear-gradient(90deg, #fff calc(var(--p,0) * 100% - .15em), #ffffff4d calc(var(--p,0) * 100% + .2em));color:#0000;-webkit-background-clip:text;background-clip:text}.cine .lyr-bar{z-index:2;padding:0 clamp(24px,9vw,160px) 24px;position:relative}.cine .lyr-tr{font-family:var(--font)}.np-particles{aspect-ratio:1;z-index:3;pointer-events:none;width:150%;position:absolute;top:-25%;left:-25%}.pip{color:#fff;font-family:var(--font);--text:#fff;--text-2:#ffffffb3;--surface-2:#ffffff21;--accent:#fff;background:#08080c;position:fixed;inset:0;overflow:hidden}.pip-bg{filter:blur(40px)saturate(1.4)brightness(.5);background-position:50%;background-size:cover;position:absolute;inset:-30%}.pip-inner{flex-direction:column;gap:10px;height:100%;padding:18px;display:flex;position:relative}.pip-art{aspect-ratio:auto;border-radius:14px;flex:1;width:100%;min-height:0;box-shadow:0 20px 50px #00000080}.pip-meta{align-items:center;gap:8px;display:flex}.pip-title{font-size:16px;font-weight:700}.pip-artist{color:#ffffffb3;font-size:13.5px}.pip-prog{background:#fff3;border-radius:4px;height:4px;position:relative;overflow:hidden}.pip-prog i{transform-origin:0;background:#fff;position:absolute;inset:0}.pip-times{color:#ffffff8c;justify-content:space-between;font-size:11px;display:flex}.pip-controls{justify-content:center;align-items:center;gap:18px;display:flex}.pip-play{color:#000;background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.pip-empty{color:#fff;background:#08080c;place-items:center;height:100vh;font-family:system-ui;display:grid}::view-transition-group(cover){z-index:50;animation-duration:.55s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(cover){object-fit:cover;border-radius:16px;height:100%;animation-duration:.55s;overflow:hidden}::view-transition-new(cover){object-fit:cover;border-radius:16px;height:100%;animation-duration:.55s;overflow:hidden}html.vt-morph::view-transition-old(root){animation:.28s both vt-out}html.vt-morph::view-transition-new(root){animation:.38s 60ms both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}.np-shader{width:100%;height:100%;display:block;position:absolute;inset:0}.np-bg:has(.np-shader) .blob{display:none}.np-bg:has(.np-shader) .np-bg-art{mix-blend-mode:soft-light;opacity:.16!important}.vinyl-sleeve{z-index:2;width:100%;height:100%;position:relative}.vinyl{z-index:1;filter:drop-shadow(0 24px 40px #0000008c);border-radius:50%;width:92%;height:92%;position:absolute;top:4%;left:4%}.vinyl-spin{background:#0c0c0e;border-radius:50%;animation:1.8s linear infinite paused vinyl-spin;position:absolute;inset:0}.vinyl.spin .vinyl-spin{animation-play-state:running}.vinyl-grooves{background:repeating-radial-gradient(circle,#ffffff0b 0 1px,#0000 1px 3px),conic-gradient(from 30deg,#fff0,#ffffff1f,#fff0 18% 50%,#ffffff1a 62%,#fff0 75%);border-radius:50%;position:absolute;inset:0}.vinyl-label{border-radius:50%;position:absolute;inset:33%;overflow:hidden;box-shadow:0 0 0 3px #0009}.vinyl-label .art{border-radius:50%;width:100%;height:100%}.vinyl-hole{background:#050506;border-radius:50%;position:absolute;inset:48.6%;box-shadow:inset 0 1px 2px #fff3}@keyframes vinyl-spin{to{transform:rotate(360deg)}}:root[data-motion=off] .vinyl-spin{animation:none}.q-echo{pointer-events:none;z-index:-1;background:var(--surface-raised,#ffffff1f);border-radius:12px;position:absolute;inset:0}.q-echo.e1{opacity:.32;filter:blur(1px)}.q-echo.e2{opacity:.16;filter:blur(3px)}.q-row.dragging{cursor:grabbing}.np-reacts{justify-content:center;gap:4px;display:flex}.np-reacts button{background:#ffffff14;border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.np-reacts button:hover{background:#ffffff29}.lyr-line[data-state=active] .w[data-held]{transform:translateY(calc(-.035em * var(--hold,0))) scale(calc(1 + .075 * var(--hold,0)));letter-spacing:calc(.045em * var(--hold,0));text-shadow:0 0 calc(30px * var(--hold,0)) rgba(255, 255, 255, calc(.6 * var(--hold,0)));transform-origin:50% 70%;transition:transform .18s linear,letter-spacing .18s linear,text-shadow .3s,filter .5s}.lyr-line[data-state=active] .w[data-held][data-s=done]{--hold:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),letter-spacing .9s cubic-bezier(.2,.8,.2,1),text-shadow 1s}:root[data-motion=off] .lyr-line .w[data-held]{letter-spacing:0!important;text-shadow:none!important;transform:none!important}.tonearm{z-index:3;transform-origin:78% 7%;pointer-events:none;width:34%;height:75%;position:absolute;top:-9%;right:-24%;overflow:visible}.tonearm.narrow{width:30%;right:-12%}:root[data-motion=off] .tonearm{transition:none}.np-progress{position:relative}.sec-strip{height:6px;margin:0 0 8px;position:relative}.sec-strip .sec{background:#ffffff24;border-radius:3px;height:6px;padding:0;transition:background .2s,transform .2s;position:absolute;top:0}.sec-strip .sec:hover{background:#ffffff52;transform:scaleY(1.6)}.sec-strip .sec.chorus{background:color-mix(in srgb, var(--np-vivid,#fff) 70%, #fff 30%);opacity:.9}.sec-strip .sec.bridge{background:#ffffff52}.sec-strip .sec.intro,.sec-strip .sec.outro,.sec-strip .sec.instrumental{background:#ffffff0f}.chorus-btn:disabled{opacity:.6}.home-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);align-items:center;gap:clamp(20px,3vw,44px);padding-top:clamp(28px,5vh,56px);display:grid}.hero-copy .t-hero{margin-top:8px}.ask{max-width:640px;height:58px;transition:box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:20px;align-items:center;gap:10px;margin-top:26px;padding:0 8px 0 18px;display:flex}.ask:focus-within{box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-2);transform:translateY(-1px)}.ask input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:15.5px}.ask input::placeholder{color:var(--text-3)}.ask-icon{color:var(--brand-b)}.hero-moment{border-radius:26px}.hero-moment-btn{width:100%;box-shadow:var(--shadow-3);border-radius:26px;display:block;position:relative;overflow:hidden}.hero-moment-cta{color:#111;height:36px;transition:transform .3s var(--ease);background:#ffffffeb;border-radius:99px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:650;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:0 6px 20px #0000004d}.hero-moment-btn:hover .hero-moment-cta{transform:translateY(-2px)}.quick-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:34px;display:grid}.qt{background:var(--surface);border:1px solid var(--hairline);text-align:left;height:60px;transition:background-color .2s, transform .25s var(--ease);border-radius:12px;align-items:center;gap:12px;padding-right:12px;font-size:14px;font-weight:620;display:flex;overflow:hidden}.qt:hover{background:var(--surface-2)}.qt:active{transform:scale(.98)}.qt-art{flex:none;place-items:center;width:60px;height:60px;display:grid;overflow:hidden}.qt-art .pl-thumb.lg{border-radius:0;width:60px;height:60px}.qt-art.liked{color:#fff;background:linear-gradient(135deg,#7b5cff,#3b2ecc)}.handoff{border-radius:20px;align-items:center;gap:14px;margin-top:22px;padding:12px 14px;display:flex}.handoff-art{border-radius:10px;flex:none;width:52px;height:52px}.mood-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.mood-tile{letter-spacing:-.02em;color:#fff;background:radial-gradient(120% 120% at 0% 0%, hsl(var(--h) 80% 60%), hsl(calc(var(--h) + 40) 70% 32%) 60%, hsl(calc(var(--h) + 70) 60% 16%));height:92px;box-shadow:var(--shadow-1);border-radius:18px;justify-content:space-between;align-items:flex-end;padding:16px;font-size:17px;font-weight:720;display:flex;position:relative;overflow:hidden}.signin-card{border-radius:24px;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 24px;display:flex}@media (max-width:900px){.home-hero{grid-template-columns:minmax(0,1fr)}.quick-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.mix-art{aspect-ratio:1;color:#fff;background:radial-gradient(110% 90% at 100% 0%, hsl(var(--h) 85% 62%), transparent 60%), linear-gradient(160deg, hsl(calc(var(--h) + 30) 70% 38%), hsl(calc(var(--h) - 20) 65% 14%));border-radius:14px;position:relative;overflow:hidden}.mix-mosaic{width:70%;height:70%;position:absolute;bottom:-8%;right:-8%;transform:rotate(-8deg)}.mix-tile{border-radius:10px;width:58%;position:absolute;box-shadow:0 10px 26px #0006}.mix-tile.t0{z-index:3;bottom:0;right:0}.mix-tile.t1{z-index:2;opacity:.9;bottom:18%;right:26%}.mix-tile.t2{z-index:1;opacity:.75;bottom:40%;right:8%}.mix-shade{background:linear-gradient(#00000040,#0000 50%);position:absolute;inset:0}.mix-text{flex-direction:column;display:flex;position:absolute;top:13px;left:14px;right:14px}.mix-eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:10.5px;font-weight:750}.mix-title{font-family:var(--font-display);letter-spacing:-.03em;text-shadow:0 2px 12px #00000040;margin-top:4px;font-size:clamp(17px,1.5vw,22px);font-weight:800;line-height:1.05}.liked-art{aspect-ratio:1;color:#fff;box-shadow:var(--shadow-1);background:radial-gradient(120% 100% at 20% 0,#a894ff,#5b3fe0 50%,#241a6b);border-radius:14px;place-items:center;display:grid}.hero-cover-inner{width:100%;height:100%}.moment-art{aspect-ratio:1;background:linear-gradient(160deg, var(--m1), var(--m2));isolation:isolate;border-radius:14px;position:relative;overflow:hidden}.moment-art.large{aspect-ratio:16/10;border-radius:26px}.ma-orb{filter:blur(28px);opacity:.85;mix-blend-mode:screen;border-radius:50%;position:absolute}.ma-orb.o1{background:var(--m3);width:70%;height:70%;animation:14s ease-in-out infinite alternate orb1;top:-15%;left:-10%}.ma-orb.o2{background:var(--m2);width:60%;height:60%;animation:18s ease-in-out infinite alternate orb2;bottom:-20%;right:-15%}.ma-orb.o3{background:color-mix(in oklab, var(--m3) 60%, white);opacity:.35;width:40%;height:40%;animation:11s ease-in-out infinite alternate-reverse orb1;top:35%;left:35%}.motion-still .ma-orb{animation-duration:40s}.motion-surge .ma-orb{animation-duration:5s}.motion-pulse .ma-orb.o3{animation:1.6s ease-in-out infinite pulse}@keyframes orb1{to{transform:translate(20%,15%)scale(1.15)}}@keyframes orb2{to{transform:translate(-18%,-12%)scale(1.1)}}@keyframes pulse{50%{opacity:.6;transform:scale(1.35)}}.ma-rain{background-image:repeating-linear-gradient(105deg,#0000 0 14px,#ffffff1f 14px 15px);animation:1.4s linear infinite rain;position:absolute;inset:-20%}@keyframes rain{to{transform:translate(-30px,60px)}}.ma-text{text-align:left;color:#fff;z-index:2;text-shadow:0 2px 16px #00000059;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.ma-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(18px,1.6vw,22px);font-weight:800;line-height:1.05}.moment-art.large .ma-title{font-size:clamp(30px,3.4vw,48px)}.ma-sub{opacity:.85;margin-top:4px;font-size:14px}.type-serif{font-style:italic;letter-spacing:-.01em!important;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif!important;font-weight:600!important}.type-mono{text-transform:lowercase;font-family:var(--font-mono)!important;letter-spacing:-.04em!important;font-weight:600!important}.qp{gap:24px}.qp-col{scroll-snap-align:start;flex-direction:column;flex:none;gap:2px;width:min(420px,84vw);display:flex}.qp-row{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:6px;transition:background-color .18s;display:flex}.qp-row:hover{background:var(--surface)}.qp-row.current .qp-title{color:var(--accent)}.qp-art{flex:none;width:50px;height:50px;position:relative}.qp-art .art{border-radius:8px;width:50px;height:50px}.qp-ov{color:#fff;opacity:0;background:#00000073;border-radius:8px;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.qp-row:hover .qp-ov,.qp-row.current .qp-ov{opacity:1}.qp-title{font-size:14.5px;font-weight:600}.qp-sub{color:var(--text-2);font-size:13px}.qp-row .like{opacity:0}.qp-row:hover .like,.qp-row .like.liked{opacity:1}.search-head{z-index:5;margin:0 calc(var(--gutter) * -1);padding-top:28px;padding-bottom:12px;padding-left:var(--gutter);padding-right:var(--gutter);background:linear-gradient(to bottom, var(--bg) 70%, transparent);position:sticky;top:0}.search-box{height:54px;color:var(--text-2);max-width:760px;transition:box-shadow .3s var(--ease);border-radius:18px;align-items:center;gap:12px;margin-top:16px;padding:0 10px 0 18px;display:flex}.search-box:focus-within{box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-2)}.search-box input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:16px}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.genre-tile{text-align:left;color:#fff;height:104px;font-family:var(--font-display);letter-spacing:-.025em;background:linear-gradient(135deg, hsl(var(--h) 72% 52%), hsl(calc(var(--h) + 35) 62% 28%));box-shadow:var(--shadow-1);border-radius:18px;padding:16px;font-size:19px;font-weight:780;position:relative;overflow:hidden}.genre-tile:after{content:"";background:#ffffff29;border-radius:22px;width:90px;height:90px;position:absolute;bottom:-22px;right:-18px;transform:rotate(24deg)}.mood-chip{background:color-mix(in oklab, hsl(var(--h) 75% 55%) 20%, transparent)}.mood-chip:hover{background:color-mix(in oklab, hsl(var(--h) 75% 55%) 32%, transparent)}.chip-select{background:var(--surface-2);border:0;border-radius:99px;outline:none;height:34px;padding:0 12px;font-size:13.5px;font-weight:560}.chip-select option{color:#000}.chart-grid{grid-template-rows:repeat(10,auto);grid-auto-columns:minmax(300px,1fr);grid-auto-flow:column;gap:2px 22px;padding-bottom:8px;display:grid;overflow-x:auto}.chart-row{text-align:left;border-radius:12px;align-items:center;gap:14px;padding:7px 8px;transition:background-color .18s;display:flex}.chart-row:hover{background:var(--surface)}.chart-rank{width:22px;font-family:var(--font-display);color:var(--text-3);text-align:right;font-size:17px;font-weight:800}.chart-art{border-radius:8px;flex:none;width:46px;height:46px}.top-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:28px;display:grid}.top-card{text-align:left;border-radius:22px;flex-direction:column;align-items:flex-start;gap:10px;width:100%;min-height:270px;padding:22px;transition:background-color .25s;display:flex;position:relative}.top-card:hover{background:var(--surface-2)}.top-art{width:108px;height:108px;box-shadow:var(--shadow-2);border-radius:14px}.top-play{background:var(--accent);width:52px;height:52px;color:var(--on-accent);opacity:0;transition:all .3s var(--ease);box-shadow:var(--shadow-2);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:18px;right:18px;transform:translateY(8px)}.top-card:hover .top-play{opacity:1;transform:none}@media (max-width:900px){.top-grid{grid-template-columns:minmax(0,1fr)}.chart-grid{grid-auto-columns:minmax(270px,86vw)}}.lib-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.lib-tabs{scrollbar-width:none;max-width:100%;overflow-x:auto}.mini-search{background:var(--surface-2);height:34px;color:var(--text-3);border-radius:99px;align-items:center;gap:8px;padding:0 12px;display:flex}.mini-search input{width:150px;color:var(--text);background:0 0;border:0;outline:none;font-size:13.5px}.lib-row{text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background-color .18s;display:flex}.lib-row:hover{background:var(--surface-2)}.imp-art{border-radius:8px;flex:none;width:38px;height:38px}.check{border:1.5px solid var(--hairline-strong);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;transition:all .2s;display:grid}.check.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.playlist-page{position:relative}.pl-tint{left:calc(var(--gutter) * -1);right:calc(var(--gutter) * -1);pointer-events:none;z-index:-1;background:radial-gradient(80% 100% at 20% 0%, color-mix(in oklab, var(--t2) 38%, transparent), transparent 70%), linear-gradient(to bottom, color-mix(in oklab, var(--t1) 70%, transparent), transparent);height:520px;transition:background 1s;position:absolute;top:0}.pl-hero{align-items:flex-end;gap:clamp(20px,3vw,40px);padding-top:clamp(28px,5vh,60px);display:flex}.hero-cover{transform-origin:0 100%;flex:none;width:clamp(180px,22vw,280px)}.hero-cover>*,.hero-cover .pl-thumb.lg,.hero-cover .mix-art,.hero-cover .liked-art{aspect-ratio:1;width:100%;box-shadow:var(--shadow-3);border-radius:20px;overflow:hidden}.hero-img{object-fit:cover;width:100%;height:100%}.pl-hero-text{min-width:0;padding-bottom:6px}.pl-title{overflow-wrap:anywhere;font-size:clamp(32px,5vw,72px)}.pl-desc{max-width:640px;margin-top:10px}.pl-actions{flex-wrap:wrap;gap:10px;margin-top:20px}.reorder-item{list-style:none}@media (max-width:720px){.pl-hero{flex-direction:column;align-items:flex-start}.hero-cover{transform-origin:50%;align-self:center;width:min(62vw,260px)}}.artist-hero{margin:0 calc(var(--gutter) * -1);background:radial-gradient(70% 100% at 30% 0%, color-mix(in oklab, var(--t2) 45%, transparent), transparent 70%), linear-gradient(to bottom, var(--t1), transparent);align-items:flex-end;min-height:380px;display:flex;position:relative;overflow:hidden}.artist-banner{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.artist-hero-shade{background:linear-gradient(to bottom, transparent 30%, var(--bg));position:absolute;inset:0}.artist-hero-content{padding:60px var(--gutter) 18px;align-items:flex-end;gap:28px;width:100%;display:flex;position:relative}.artist-avatar{width:clamp(130px,15vw,200px);height:clamp(130px,15vw,200px);box-shadow:var(--shadow-3);flex:none}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.month-chart{grid-template-columns:repeat(12,1fr);align-items:end;gap:8px;height:180px;margin-top:14px;padding:18px 18px 10px;display:grid}.mc-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.mc-bar{background:var(--accent);transform-origin:bottom;border-radius:4px 4px 2px 2px;width:100%;max-width:28px;height:calc(100% - 22px)}.about-text{white-space:pre-line;max-width:760px}@media (max-width:720px){.artist-hero-content{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ai-page{max-width:1100px}.ai-lede{max-width:580px;margin-top:12px;font-size:16px}.ai-orb{width:120px;height:120px;margin-bottom:18px;position:relative}.ai-orb i{filter:blur(14px);mix-blend-mode:screen;border-radius:50%;position:absolute;inset:0}.ai-orb .o1{background:var(--brand-a);transform-origin:45% 55%;animation:6s linear infinite orbit}.ai-orb .o2{background:var(--brand-b);transform-origin:55% 45%;animation:8s linear infinite reverse orbit}.ai-orb .o3{background:var(--accent);opacity:.7;transform-origin:50% 40%;animation:5s linear infinite orbit}.ai-orb .core{filter:blur(10px);opacity:.85;background:#fff;animation:3s ease-in-out infinite corePulse;inset:26%}.ai-orb.active .o1,.ai-orb.active .o2,.ai-orb.active .o3{animation-duration:1.4s}.ai-orb.active .core{animation-duration:.9s}@keyframes orbit{0%{transform:rotate(0)translate(8px)scale(.85)}to{transform:rotate(360deg)translate(8px)scale(.85)}}@keyframes corePulse{50%{opacity:1;transform:scale(1.2)}}.ai-input{text-align:left;width:min(720px,100%);transition:box-shadow .3s var(--ease);border-radius:24px;margin-top:28px;padding:16px 16px 12px 20px}.ai-input:focus-within{box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-3)}.ai-input textarea{resize:none;width:100%;color:var(--text);background:0 0;border:0;outline:none;font-size:17px;line-height:1.45}.ai-input textarea::placeholder{color:var(--text-3)}.ai-input-foot{flex-wrap:wrap;justify-content:space-between;margin-top:8px}.ai-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:860px;margin-top:22px;display:flex}.ai-suggestions .chip{white-space:normal;text-align:left;height:auto;min-height:34px;padding:7px 14px}.ai-steps{border-radius:20px;flex-direction:column;gap:12px;width:min(460px,100%);margin:30px auto 0;padding:18px 20px;display:flex}.ai-step{color:var(--text-3);align-items:center;gap:12px;font-size:15px;transition:color .3s;display:flex}.ai-step.now{color:var(--text);font-weight:600}.ai-step.done{color:var(--text-2)}.ai-step-dot{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.ai-step.done .ai-step-dot{background:var(--success);color:#062}.ai-card{border-radius:26px;padding:clamp(18px,3vw,28px)}.ai-card-head{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.ai-refine{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.chart{margin-top:10px}.chart-overlay{position:absolute;top:0;left:0;right:0}.chart-dot-hit{border-radius:50%;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;display:grid;position:absolute}.chart-dot{background:var(--text);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg);border-radius:50%}.chart-dot.unknown{border:2px solid var(--text-3);background:0 0}.chart-dot-hit:hover .chart-dot{transform:scale(1.4)}.chart-tip{background:var(--surface-raised);box-shadow:var(--shadow-2);white-space:nowrap;pointer-events:none;z-index:3;color:var(--text);border-radius:10px;padding:7px 10px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.chart-axis{justify-content:space-between;margin-top:2px;display:flex}.clock{position:relative}.clock-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.clock-v{font-family:var(--font-display);letter-spacing:-.03em;font-size:22px;font-weight:780}.bars{align-items:stretch;gap:10px;margin-top:14px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.bar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar-fill{background:var(--accent);transform-origin:bottom;border-radius:4px 4px 2px 2px;width:100%;max-width:32px;height:100%}.heat-wrap{--cell:clamp(10px, 1.05vw, 16px);position:relative}.heat{scrollbar-width:thin;gap:3px;padding:24px 2px 6px;display:flex;position:relative;overflow-x:auto}.heat-col{flex-direction:column;gap:3px;display:flex}.heat-cell{width:var(--cell,12px);height:var(--cell,12px);background:var(--surface-2);border-radius:3px;flex:none;display:inline-block}.heat-cell.empty{background:0 0}.heat-cell.l1{background:color-mix(in oklab, var(--accent) 30%, var(--surface-2))}.heat-cell.l2{background:color-mix(in oklab, var(--accent) 55%, var(--surface-2))}.heat-cell.l3{background:color-mix(in oklab, var(--accent) 78%, var(--surface-2))}.heat-cell.l4{background:var(--accent)}button.heat-cell:hover{outline:2px solid var(--text);outline-offset:1px}.heat-legend{justify-content:flex-end;align-items:center;gap:4px;margin-top:8px;display:flex}.gauge{align-items:center;gap:12px;display:flex}.gauges{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-content:center;gap:16px;display:grid}.gauge>div{min-width:0}.constellation-wrap{background:radial-gradient(80% 80% at 50% 50%, color-mix(in oklab, var(--accent) 10%, transparent), transparent);height:460px;padding:0;overflow:hidden}.constellation{touch-action:none;width:100%;height:100%;display:block}.dna-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dna-card{padding:20px}.mile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.mile{color:var(--text-2);gap:14px;padding:16px;display:flex}.mile.done{color:var(--accent)}.mile .t-headline{color:var(--text)}.mile-bar{background:var(--surface-3);border-radius:5px;height:5px;margin:8px 0 6px;overflow:hidden}.mile-bar i{background:var(--accent);transform-origin:0;border-radius:5px;height:100%;display:block}.recap{border-radius:28px;align-items:flex-end;min-height:220px;display:flex;position:relative;overflow:hidden}.recap-bg{object-fit:cover;filter:blur(50px)saturate(1.5)brightness(.6);width:140%;height:140%;position:absolute;inset:-20%}.recap-content{flex-direction:column;gap:6px;padding:28px;display:flex;position:relative}.quota-bar{background:var(--surface-3);border-radius:8px;height:8px;overflow:hidden}.quota-bar i{background:var(--success);transform-origin:0;border-radius:8px;height:100%;display:block}.quota-bar i.CONSERVE{background:var(--warning)}.quota-bar i.EXHAUSTED{background:var(--danger)}@media (max-width:1100px){.dna-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.dna-grid{grid-template-columns:minmax(0,1fr)}.constellation-wrap{height:360px}}.set-layout{grid-template-columns:230px minmax(0,1fr);gap:34px;max-width:1080px;margin-top:26px;display:grid}.set-nav{flex-direction:column;align-self:start;gap:2px;display:flex;position:sticky;top:20px}.set-nav-item{height:40px;color:var(--text-2);text-align:left;border-radius:11px;align-items:center;gap:12px;padding:0 10px;font-size:14.5px;font-weight:560;transition:background-color .2s,color .2s;display:flex}.set-nav-item:hover{color:var(--text);background:var(--surface)}.set-nav-item.on{color:var(--text);background:var(--surface-2)}.set-nav-icon{background:var(--surface-2);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.set-nav-item.on .set-nav-icon{background:var(--accent);color:var(--on-accent)}.set-group{margin-bottom:24px}.set-group-title{padding:0 6px 8px}.set-card{background:var(--surface);border:1px solid var(--hairline);border-radius:18px;overflow:hidden}.set-row{border-bottom:1px solid var(--hairline);align-items:center;gap:16px;padding:14px 18px;display:flex}.set-row:last-child{border-bottom:0}.set-title{font-size:14.5px;font-weight:580}.set-sub{margin-top:2px;line-height:1.4}.set-hero{flex-wrap:wrap;align-items:center;gap:18px;padding:20px;display:flex}.accent-row{border-bottom:1px solid var(--hairline);gap:12px;padding:4px 18px 16px;display:flex}.accent-dot{width:30px;height:30px;transition:transform .2s var(--ease);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff26}.accent-dot.on{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--text)}.accent-dot:hover{transform:scale(1.1)}@media (max-width:860px){.set-layout{grid-template-columns:minmax(0,1fr);gap:18px}.set-nav{scrollbar-width:none;flex-direction:row;position:static;overflow-x:auto}.set-nav-item{flex:none}.set-nav-icon{display:none}}.moments-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.moment-tile.featured{grid-column:span 2}.moment-btn{width:100%;box-shadow:var(--shadow-2);border-radius:26px;display:block;position:relative;overflow:hidden}.moment-meta{align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:16px}@media (max-width:700px){.moment-tile.featured{grid-column:auto}}.moment-page{min-height:100%;position:relative}.moment-stage{color:#fff;align-items:flex-end;height:min(78vh,760px);min-height:440px;display:flex;position:relative;overflow:hidden}.moment-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.moment-back{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#00000040;position:absolute;top:18px;left:18px}.moment-copy{z-index:1;padding:0 var(--gutter) clamp(32px, 7vh, 72px);max-width:900px;position:relative}.moment-title{font-family:var(--font-display);letter-spacing:-.05em;text-shadow:0 6px 40px #0000004d;margin-top:10px;font-size:clamp(48px,9vw,120px);font-weight:850;line-height:.95}.moment-sub{opacity:.85;margin-top:12px;font-size:clamp(17px,2vw,22px)}.moment-play{color:#111;background:#fff}.moment-play:hover{box-shadow:0 10px 40px color-mix(in oklab, var(--m3) 60%, transparent)}.moment-ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24}.moment-list{padding-top:28px}.onboarding-page{justify-content:center;align-items:center;min-height:100%;padding:48px 24px;display:flex;position:relative;overflow:hidden}.ob-bg{z-index:0;position:fixed}.ob-step{z-index:1;width:min(760px,100%);position:relative}.center-col{text-align:center;flex-direction:column;align-items:center;display:flex}.ob-title{font-family:var(--font-display);letter-spacing:-.05em;color:#fff;margin-top:26px;font-size:clamp(48px,8vw,96px);font-weight:850;line-height:1}.ob-lede{color:#ffffffc7;max-width:560px;margin:18px auto;font-size:17px;line-height:1.5}.ob-h{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;margin:8px 0;font-size:clamp(32px,5vw,52px);font-weight:800}.onboarding-page .t-sub,.onboarding-page .t-eyebrow{color:#ffffffb8}.ob-moods{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.ob-mood{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:99px;align-items:center;gap:6px;height:46px;padding:0 20px;font-size:15px;font-weight:650;transition:background-color .25s,border-color .25s;display:inline-flex}.ob-mood:hover{background:#ffffff29}.ob-mood.on{background:hsl(var(--h,250) 70% 42%);border-color:hsl(var(--h,250) 80% 62%);box-shadow:0 6px 24px hsl(var(--h,250) 70% 40% / .45)}.ob-mood.artist.on{color:#111;background:#fff}.ob-actions{justify-content:space-between;align-items:center;margin-top:34px;display:flex}.ob-actions .btn-ghost{color:#fffc}.ob-dots{z-index:2;gap:6px;display:flex;position:fixed;top:26px;left:50%;transform:translate(-50%)}.ob-dots span{width:7px;height:7px;transition:width .35s var(--ease), background-color .35s;background:#ffffff4d;border-radius:99px}.ob-dots span.on{background:#fff;width:22px}.ob-skip{z-index:2;position:fixed;top:16px;right:16px;color:#ffffffbf!important}.ob-signed{color:#fff;background:#ffffff1f;border-radius:99px;justify-content:center;align-items:center;gap:8px;height:50px;font-weight:600;display:flex}.onboarding-page .field{color:#fff;background:#ffffff1f}.onboarding-page .field::placeholder{color:#ffffff8c}.share-card{text-align:center;border-radius:30px;flex-direction:column;align-items:center;width:min(380px,92vw);padding:24px;display:flex}.share-art{width:100%;box-shadow:var(--shadow-3);border-radius:20px}.link-hero{color:var(--text-3);align-items:center;gap:12px;margin-bottom:4px;display:inline-flex}.link-g{width:48px;height:48px;box-shadow:var(--shadow-1);background:#fff;border-radius:14px;place-items:center;display:grid}.trust-note{color:var(--text-3);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.trust-note>svg{color:var(--success)}.trust-note .link{color:var(--accent);margin-left:4px;font-weight:600}.verified-badge{background:var(--text-3);width:14px;height:14px;color:var(--bg);border-radius:50%;flex:none;place-items:center;display:inline-grid}.verified-badge svg{width:9px;height:9px}.album-cover .art{border-radius:0;width:100%;height:100%}.phone-grid{grid-template-columns:200px 1fr;align-items:center;gap:20px;display:grid}.qr{width:200px;height:200px;box-shadow:var(--shadow-2);background:#fff;border-radius:18px;padding:10px}.qr svg{width:100%;height:100%;display:block}.device-row{border-radius:12px;align-items:center;gap:12px;padding:8px 6px;display:flex}.device-row:hover{background:var(--surface)}.device-icon{background:var(--surface-2);width:34px;height:34px;color:var(--text-2);border-radius:10px;flex:none;place-items:center;display:grid}@media (max-width:560px){.phone-grid{grid-template-columns:minmax(0,1fr);justify-items:center}}.dropzone{text-align:center;border:1.5px dashed var(--hairline-strong);background:var(--surface);cursor:pointer;transition:background-color .2s, border-color .2s, transform .25s var(--ease);color:var(--text-2);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:34px 20px;display:flex}.dropzone:hover,.dropzone.on{background:var(--accent-soft);border-color:var(--accent);transform:scale(1.01)}.dropzone .t-headline{color:var(--text)}.dup-group{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;flex-direction:column;gap:2px;margin-bottom:14px;padding:6px;display:flex}.dup-row{border-radius:12px;align-items:center;gap:12px;padding:6px;display:flex}.dup-row:hover{background:var(--surface-2)}.dup-art{flex:none;width:46px;height:46px;position:relative}.dup-art .art{border-radius:8px;width:46px;height:46px}.dup-art:hover .qp-ov{opacity:1}.tune-row{grid-template-columns:minmax(150px,1fr) minmax(120px,1.2fr) auto;align-items:center;gap:14px;display:grid}.tune-label{flex-direction:column;min-width:0;display:flex}.tune-bar{background:var(--surface-3);border-radius:8px;height:8px;position:relative;overflow:hidden}.tune-bar i{background:var(--accent);transform-origin:0;transition:transform .6s var(--ease);border-radius:8px;position:absolute;inset:0}.tune-bar b{background:var(--text-2);width:2px;position:absolute;top:-2px;bottom:-2px}@media (max-width:560px){.tune-row{grid-template-columns:minmax(0,1fr) auto}.tune-bar{grid-area:2/1/auto/-1}}.qchat{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.qchat-box{height:42px;transition:box-shadow .25s var(--ease);background:#ffffff17;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:6px;padding:0 4px 0 12px;display:flex}.qchat-box:focus-within{box-shadow:0 0 0 3px #ffffff1f}.qchat-box input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:14px}.qchat-box input::placeholder{color:#ffffff80}.qchat-reply{color:#ffffffd9;background:#ffffff0f;border-radius:12px;align-items:center;gap:8px;padding:6px 4px 6px 10px;font-size:13px;display:flex}.qchat-reply .icon-btn{margin-left:auto}.icon-btn.recording{animation:1.2s ease-in-out infinite recPulse;color:#ff5a5f!important}@keyframes recPulse{50%{box-shadow:0 0 0 6px #ff5a5f2e}}.lyr-notes{z-index:3;border-radius:18px;padding:16px 18px;position:absolute;bottom:56px;left:0;right:0}.lyr-notes p{color:#ffffffe0;margin-top:10px;font-size:15px;line-height:1.55}.hero-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.main-scroll.themed{background-image:radial-gradient(120% 70% at 30% 0%, color-mix(in srgb, var(--page-1) 70%, transparent) 0%, transparent 70%);background-attachment:local}.main-scroll.themed ::selection{background:color-mix(in srgb, var(--accent) 55%, transparent)}.main-scroll.themed .track-row:hover{background:color-mix(in srgb, var(--page-vivid) 12%, transparent)}.main-scroll.themed .track-row.playing .tr-title,.main-scroll.themed .link:hover{color:var(--accent)}.main-scroll.themed .chip.on{background:color-mix(in srgb, var(--accent) 30%, transparent)}.main-scroll.themed .btn-secondary{background:color-mix(in srgb, var(--page-vivid) 16%, #ffffff14)}.main-scroll.themed .t-section:after{content:"";background:var(--accent);opacity:.7;border-radius:3px;width:28px;height:3px;margin-top:8px;display:block}:root[data-theme=light] .main-scroll.themed{background-image:radial-gradient(120% 70% at 30% 0%, color-mix(in srgb, var(--page-vivid) 18%, transparent) 0%, transparent 70%)}.cr-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2px 28px;display:grid}.cr-row{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;min-width:0;padding:10px 0;display:flex}.cr-role{color:var(--text-3);font-size:12.5px;font-weight:560}.cr-name{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-size:15px;font-weight:640;display:flex}.cr-ext{color:var(--text-3);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.cr-ext:hover{color:var(--text);background:var(--surface-2)}.film-card{border-radius:22px;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:20px;padding:18px;display:grid}.film-poster{aspect-ratio:2/3;background:var(--surface-2);width:132px;color:var(--text-3);border-radius:14px;place-items:center;display:grid;overflow:hidden;box-shadow:0 18px 40px #00000059}.film-poster img{object-fit:cover;width:100%;height:100%}.film-title{font-family:var(--font-display);letter-spacing:-.02em;margin:4px 0 6px;font-size:clamp(22px,2.4vw,30px);font-weight:780}.film-line{margin:6px 0;font-size:14px}.film-cast{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip.static{cursor:default}@media (max-width:600px){.film-card{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px}.film-poster{width:88px}}.album-missing{flex-direction:column;gap:2px;display:flex}.album-missing-row{text-align:left;opacity:.78;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;transition:background .2s,opacity .2s;display:flex}.album-missing-row:hover{background:var(--surface-2);opacity:1}.album-missing-row .tnum{font-variant-numeric:tabular-nums;min-width:22px}.wrapped{z-index:80;padding:14px 16px calc(14px + env(safe-area-inset-bottom));color:#fff;background:#050507;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.wrapped-top{align-items:center;gap:10px;width:min(100%,520px);display:flex}.wrapped-stage{aspect-ratio:9/16;border-radius:26px;flex:1;max-width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 40px 120px #0009}.wrapped-stage canvas{width:100%;height:100%;display:block}.wrapped-bars{z-index:2;gap:4px;display:flex;position:absolute;top:12px;left:12px;right:12px}.wrapped-bars span{background:#ffffff47;border-radius:3px;flex:1;height:3px;position:relative;overflow:hidden}.wrapped-bars span.done{background:#fff}.wrapped-bars span.on:after{content:"";transform-origin:0;background:#fff;animation:linear forwards wrapped-bar;position:absolute;inset:0}@keyframes wrapped-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wrapped-tap{z-index:1;background:0 0;width:38%;position:absolute;top:0;bottom:0}.wrapped-tap.l{left:0}.wrapped-tap.r{width:62%;right:0}.wrapped-loading{background:#0006;place-items:center;display:grid;position:absolute;inset:0}.wrapped-note{text-align:center;color:#ffffff8c;max-width:520px}@media (max-width:600px){.wrapped-stage{border-radius:18px;flex:none;width:100%;height:auto;max-height:calc(100dvh - 130px)}}.wall{z-index:80;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 90% at 50% 40%,#1a1730 0%,#07070b 70%);position:fixed;inset:0;overflow:hidden}.wall-hud{z-index:2;color:#fff;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:16px}.wall-scene{perspective:1100px;perspective-origin:50% 46%;position:absolute;inset:0}.wall-world{transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.wall-tile{width:240px;height:240px;transform-style:preserve-3d;background:#111;border-radius:18px;margin:-120px 0 0 -120px;padding:0;transition:box-shadow .3s;position:absolute;overflow:hidden;box-shadow:0 30px 80px #0000008c}.wall-tile img{object-fit:cover;width:100%;height:100%;display:block}.wall-tile:hover{box-shadow:0 0 0 3px #ffffffd9,0 30px 90px #0009}.wall-cap{text-align:left;color:#fff;opacity:0;background:linear-gradient(#0000,#000000bf);flex-direction:column;padding:26px 12px 10px;font-size:13px;transition:opacity .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.wall-cap b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.wall-cap i{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.wall-tile:hover .wall-cap,.wall-tile:focus-visible .wall-cap{opacity:1}@media (max-width:600px){.wall-tile{width:160px;height:160px;margin:-80px 0 0 -80px}}.dimheat{flex-direction:column;gap:14px;display:flex}.dimheat-grid{grid-template-columns:minmax(110px, 200px) repeat(var(--cols), minmax(14px, 1fr));align-items:center;gap:2px;display:grid}.dimheat-row{display:contents}.dimheat-col{color:var(--text-3);text-align:center;padding-bottom:4px;font-size:11px}.dimheat-label{text-align:left;color:var(--text-2);padding-right:10px;font-size:13px;font-weight:600}.dimheat-label:disabled{cursor:default;text-decoration:none}.dimheat-cell{aspect-ratio:1;background:color-mix(in srgb, var(--accent) calc(var(--l,0) * 100%), var(--surface-2));border-radius:4px;transition:transform .15s}.dimheat-cell:hover{box-shadow:0 0 0 2px var(--bg);transform:scale(1.18)}.dimheat-foot{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.dimheat-legend{align-items:center;gap:3px;display:inline-flex}.dimheat-legend i{background:color-mix(in srgb, var(--accent) calc(var(--l) * 100%), var(--surface-2));border-radius:3px;width:12px;height:12px}.dimheat-table-wrap{overflow-x:auto}.dimheat-table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:12.5px}.dimheat-table th,.dimheat-table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 8px}.dimheat-table th[scope=row],.dimheat-table thead th:first-child{text-align:left}@media (max-width:600px){.dimheat-grid{grid-template-columns:minmax(84px, 120px) repeat(var(--cols), minmax(10px, 1fr))}.dimheat-label{font-size:12px}}.together-start{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}.together-card{border-radius:24px;flex-direction:column;gap:10px;padding:24px;display:flex}.together-card .btn-lg{align-self:flex-start;margin-top:6px}.together-glyph{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 40%, #52d6c3));width:56px;height:56px;color:var(--on-accent);border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.together-glyph.alt{background:var(--surface-2);color:var(--text)}.together-name{flex-direction:column;gap:6px;margin-top:4px;display:flex}.together-join{gap:10px;margin-top:4px;display:flex}.together-join .field.code{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.24em;text-transform:uppercase;text-align:center;max-width:200px;font-size:20px}.together-code{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em}.together-live{align-items:center;gap:8px;display:inline-flex}.together-live i,.together-pill .dot{background:#34d27b;border-radius:50%;width:8px;height:8px;animation:1.8s infinite live-pulse;box-shadow:0 0 #34d27b99}@keyframes live-pulse{70%{box-shadow:0 0 0 8px #34d27b00}to{box-shadow:0 0 #34d27b00}}.together-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}.together-now{border-radius:26px;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:22px;padding:22px;display:grid}.together-art{aspect-ratio:1;border-radius:18px;width:200px;overflow:hidden;box-shadow:0 24px 60px #0006}.together-art .art{width:100%;height:100%}.together-title{font-family:var(--font-display);letter-spacing:-.02em;margin:4px 0 2px;font-size:clamp(22px,2.6vw,34px);font-weight:780}.together-empty{text-align:center;grid-column:1/-1;padding:30px 0}.together-reacts{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:8px;padding-top:6px;display:flex}.together-reacts button{background:var(--surface);border-radius:16px;place-items:center;width:52px;height:52px;font-size:26px;transition:background .2s;display:grid}.together-reacts button:hover{background:var(--surface-2)}.together-side{flex-direction:column;gap:16px;display:flex}.together-panel{border-radius:22px;flex-direction:column;gap:10px;padding:18px;display:flex}.together-members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.together-members li{align-items:center;gap:10px;min-height:36px;display:flex}.together-avatar{color:#fff;background:hsl(var(--h,260), 55%, 42%);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:760;display:grid}.together-invite{flex-direction:row;align-items:center;gap:16px}.together-invite .qr{background:#fff;border-radius:14px;flex:none;width:104px;height:104px;padding:6px}.together-invite .qr svg{width:100%;height:100%}.together-sugg{align-items:center;gap:8px;display:flex}.together-resync{border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.together-pill{z-index:70;height:34px;color:var(--text);border-radius:99px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:680;display:inline-flex;position:fixed;top:14px;right:16px}.together-pill.reconnecting .dot,.together-pill.connecting .dot{background:#f5b74a}.together-pill.error .dot{background:#ef5b5b;animation:none}.react-layer{z-index:75;right:40px;bottom:calc(var(--player-h) + 60px);pointer-events:none;width:120px;height:0;position:fixed}.react-bubble{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:0;left:40px}.react-emoji{filter:drop-shadow(0 6px 14px #00000059);font-size:38px}.react-name{color:#fff;white-space:nowrap;background:#00000080;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.react-bubble.mine .react-name{background:var(--accent);color:var(--on-accent)}@media (max-width:860px){.together-grid{grid-template-columns:minmax(0,1fr)}.together-now{text-align:center;grid-template-columns:minmax(0,1fr);padding:18px}.together-art{width:min(64vw,240px);margin:0 auto}.together-now .row{justify-content:center}.together-reacts button{width:46px;height:46px;font-size:23px}.together-pill{top:calc(10px + env(safe-area-inset-top));right:12px}.react-layer{right:16px;bottom:calc(var(--tabbar-h) + var(--player-h) + 40px + env(safe-area-inset-bottom))}}.replay{border-radius:22px;flex-direction:column;gap:10px;padding:18px;display:flex}.replay-bars{grid-template-columns:repeat(48,minmax(0,1fr));align-items:end;gap:2px;height:96px;display:grid;position:relative}.replay-bar{height:calc(var(--h) * 100%);background:color-mix(in srgb, var(--accent) calc(30% + 70% * var(--h)), var(--surface-2));border-radius:3px 3px 1px 1px;position:relative}.replay-skip{background:#ef5b5b;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-9px;left:50%}.replay-arcs{width:100%;height:28px;position:absolute;bottom:100%;left:0;right:0;overflow:visible}.replay-arcs path{stroke:var(--text-2);stroke-width:1.5px;opacity:.55}.replay-axis{justify-content:space-between;display:flex}.replay-legend{flex-wrap:wrap;gap:14px;display:flex}.replay-legend .lg{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.replay-legend .lg.heard{background:var(--accent)}.replay-legend .lg.skip{background:#ef5b5b;border-radius:50%}.replay-legend .lg.arc{border:1.5px solid var(--text-2);border-bottom:0;border-radius:10px 10px 0 0;height:6px}.replay-line{font-size:15px;font-weight:600}.replay-bars{margin-top:28px}.eras{scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:thin;margin:0 calc(-1 * var(--gutter));padding:4px 2px 14px;padding-left:var(--gutter);padding-right:var(--gutter);gap:0;display:flex;overflow-x:auto}.era{scroll-snap-align:start;flex:none;width:196px;position:relative}.era-year{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:12px;padding-right:14px;font-size:22px;font-weight:800;display:flex}.era-year i{background:var(--line);border-radius:2px;flex:1;height:2px}.era.yours .era-year span{color:var(--accent)}.era.yours .era-year i{background:linear-gradient(90deg, var(--accent), var(--line))}.era-items{flex-direction:column;gap:10px;padding-right:18px;display:flex}.era-album{text-align:left;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:52px minmax(0,1fr);align-items:center;column-gap:10px;padding:4px;transition:background .2s;display:grid}.era-album:hover{background:var(--surface)}.era-cover{background:var(--surface-2);border-radius:9px;grid-row:1/span 2;width:52px;height:52px;position:relative;overflow:hidden}.era-cover img{object-fit:cover;width:100%;height:100%;display:block}.era-heart{background:var(--accent);color:var(--on-accent);border-radius:99px;align-items:center;gap:2px;padding:1px 5px;font-size:10.5px;font-weight:800;display:inline-flex;position:absolute;bottom:3px;right:3px}.era-title{font-size:13.5px;font-weight:640}.era-loved{flex-direction:column;gap:4px;padding-left:4px;display:flex}.era-song{color:var(--text-2);text-align:left;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.era-song svg{color:var(--accent);flex:none}.era-song:hover{color:var(--text)}@media (max-width:600px){.era{width:168px}}.wall-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wall-scene{z-index:0}.wall-hud{z-index:3;flex-wrap:wrap;right:16px}.wall.stars{background:radial-gradient(120% 90% at 50% 40%,#0f1222 0%,#030306 70%)}.wall.stars .wall-tile{box-shadow:0 0 0 1px #ffffff14, 0 0 60px -10px var(--glow,transparent), 0 30px 80px #0000008c;transition:box-shadow 1.2s}.wall .wall-tile{will-change:transform, opacity}.filmai{margin-top:14px}.filmai-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.filmai-intro{color:var(--text);margin:0;font-size:15.5px;line-height:1.55}.filmai-block{flex-direction:column;gap:8px;display:flex}.filmai-h{font-size:14px;font-weight:700}.filmai-chips{flex-wrap:wrap;gap:6px;display:flex}.filmai-list{flex-direction:column;gap:2px;display:flex}.filmai-row{text-align:left;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;transition:background .2s;display:flex}.filmai-row:hover{background:var(--surface-2)}.filmai-why{color:var(--text-2);margin-top:2px;font-size:13px;display:block}.ident{border-radius:22px;flex-direction:column;gap:12px;padding:18px;display:flex}.ident-isrc{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.ident-code{letter-spacing:.04em;font-size:20px;font-weight:700}.ident-rows{flex-direction:column;gap:2px;display:flex}.ident-row{color:var(--text);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px;transition:background .2s;display:flex}.ident-row:hover{background:var(--surface-2)}.ident-row .grow{overflow-wrap:anywhere;min-width:0}.ident-dot{background:var(--text-3);border-radius:50%;flex:none;width:9px;height:9px}.ident-dot.exact{background:#34d27b;box-shadow:0 0 0 3px #34d27b2e}.ident-dot.match{background:#f5b74a}.mono{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace)}.together-join-music{text-align:left;width:100%;color:var(--on-accent);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #52d6c3));box-shadow:0 16px 40px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:18px;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;display:flex}.together-join-music b{font-size:16px;display:block}.together-join-music .t-caption{color:inherit;opacity:.85}.together-join-icon{background:#ffffff38;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.pl-more{justify-content:center;align-items:center;gap:8px;padding:18px 0 6px;display:flex}.pl-make-public{gap:7px;height:40px}.pl-public{background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:640px;margin-top:14px;padding:8px 10px 8px 8px;display:flex}.pl-public-badge{letter-spacing:.02em;height:24px;color:var(--on-accent);background:var(--accent);text-transform:none;border-radius:12px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:750;display:inline-flex}.pl-public-link{min-width:0;max-width:260px;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--text) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--text) 30%, transparent);text-underline-offset:3px;font-size:13.5px;font-weight:650}.pub-owner{color:var(--text);background:var(--surface-2);border-radius:999px;align-items:center;gap:9px;margin-top:12px;padding:4px 12px 4px 4px;display:inline-flex}.pub-owner:hover{background:var(--surface-3)}.pub-owner b{font-weight:700}.pf-pubs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.pf-pub{text-align:left;min-width:0;color:var(--text);flex-direction:column;gap:3px;display:flex}.pf-pub-art{aspect-ratio:1;border-radius:14px;width:100%;margin-bottom:6px;overflow:hidden}.pf-pub b{font-size:14.5px;font-weight:680}@media (max-width:700px){.pf-pubs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.pl-videos{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;display:flex}.pl-videos .link{color:var(--text);font-weight:700}.sc-avatar{color:#fff;letter-spacing:-.02em;background:radial-gradient(120% 120% at 25% 15%, color-mix(in oklab, var(--c,#8c7cff) 92%, #fff 8%), color-mix(in oklab, var(--c,#8c7cff) 55%, #000 45%));border-radius:50%;flex:none;place-items:center;font-weight:780;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}.sc-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.sc-avatar.ring{box-shadow:0 0 0 2.5px var(--bg), 0 0 0 4.5px color-mix(in oklab, var(--c,#8c7cff) 75%, #fff 10%), 0 10px 30px color-mix(in oklab, var(--c,#8c7cff) 35%, transparent)}.sc-dot{background:var(--text-3);width:27%;min-width:9px;height:27%;min-height:9px;box-shadow:0 0 0 2.5px var(--bg);border-radius:50%;position:absolute;bottom:2%;right:2%}.sc-dot.on{background:var(--success)}.sc-dot.on:after{content:"";border-radius:inherit;background:var(--success);animation:sc-ping 2.2s var(--ease-out) infinite;position:absolute;inset:0}.sc-dot.reconnecting{background:color-mix(in srgb, var(--warning,#ffb020) 70%, var(--text-3));animation:1.8s ease-in-out infinite sc-breathe}.sc-dot.on.reconnecting{background:color-mix(in srgb, var(--success) 55%, var(--warning,#ffb020))}.sc-dot.reconnecting:after{opacity:0;animation:none}@keyframes sc-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}:root[data-motion=off] .sc-dot.reconnecting{animation:none}@keyframes sc-ping{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(2.4)}}.sc-stack{align-items:center;display:inline-flex}.sc-stack>.sc-avatar{box-shadow:0 0 0 2px var(--bg)}.sc-stack>*+*{margin-left:calc(var(--s) * -.32)}.sc-more{color:var(--text-2);padding-left:8px;font-size:11px;font-weight:700}.sc-badge{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:750;line-height:1;display:inline-grid}.sb-live{color:var(--success);align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.sb-live i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite breathe}.tab-icon{position:relative}.tab-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--glass-thick);border-radius:50%;position:absolute;top:1px;right:-3px}.sc-now{isolation:isolate;border-radius:var(--r-lg);scroll-snap-align:start;flex:none;gap:12px;width:300px;padding:14px;display:grid;position:relative;overflow:hidden}.sc-now.compact{gap:10px;width:264px;padding:12px}.sc-now-bg{z-index:-1;opacity:.5;position:absolute;inset:0}.sc-now-bg img{object-fit:cover;filter:blur(34px)saturate(1.5)brightness(.55);width:100%;height:100%;transform:scale(1.4)}.sc-now-bg:after{content:"";background:linear-gradient(#0a0a0e40,#0a0a0eb3);position:absolute;inset:0}.sc-now.following{box-shadow:0 0 0 1.5px color-mix(in oklab, var(--accent) 70%, transparent), var(--shadow-2)}.sc-now-who{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}.sc-name{font-size:14px;font-weight:680}.sc-now-song{align-items:center;gap:12px;min-width:0;display:flex}.sc-now-art{width:54px;height:54px;box-shadow:var(--shadow-1);border-radius:10px;flex:none;position:relative;overflow:hidden}.sc-now.compact .sc-now-art{width:46px;height:46px}.sc-now-art .art{width:100%;height:100%}.sc-now-eq{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:6px;padding:3px 4px;position:absolute;inset:auto 4px 4px auto}.sc-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.sc-now-bar{background:#ffffff24;border-radius:2px;height:3px;overflow:hidden}.sc-now-bar i{transform-origin:0;border-radius:inherit;background:#fff;height:100%;transition:transform .25s linear;display:block}.sc-now-times{color:#ffffff8c;justify-content:space-between;margin-top:-8px;display:flex}.sc-now-actions{align-items:center;gap:6px;display:flex}.sc-now-actions .btn{flex:1;justify-content:center}.sc-send-track{border-radius:var(--r-md);background:var(--surface);align-items:center;gap:12px;padding:10px;display:flex}.sc-send-track .art{border-radius:9px;flex:none;width:48px;height:48px}.sc-pick{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:300px;margin:-4px;padding:4px;display:grid;overflow-y:auto}.sc-pick-item{border-radius:var(--r-md);color:var(--text-2);flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 4px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s;display:flex;position:relative}.sc-pick-item>span.ellipsis{max-width:100%}.sc-pick-item:hover{background:var(--surface)}.sc-pick-item.on{background:var(--accent-soft);color:var(--text)}.sc-pick-check{background:var(--accent);width:20px;height:20px;color:var(--on-accent);box-shadow:0 0 0 2px var(--bg-elev);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:calc(50% - 30px)}.sc-empty-mini{border-radius:var(--r-md);background:var(--surface);grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;padding:14px;display:grid}.sc-empty-mini>.btn{grid-column:1/-1;justify-self:start}.sc-invite-list{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.sc-invite-list li{align-items:center;gap:10px;padding:4px 0;display:flex}.sc-listeners{border-radius:var(--r-full);color:#ffffffd9;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:12.5px;display:inline-flex}.sc-listeners .link{color:#fff;font-weight:650}.friends .page-header{margin-bottom:18px}.fr-hero{flex-direction:column;align-items:flex-start;gap:14px;max-width:640px;padding:clamp(28px,6vw,64px) 0 20px;display:flex;position:relative}.fr-hero-art{margin-bottom:8px;display:flex}.fr-hero-art span{background:radial-gradient(120% 120% at 25% 15%, color-mix(in oklab, var(--c) 92%, #fff 8%), color-mix(in oklab, var(--c) 50%, #000 50%));width:54px;height:54px;box-shadow:0 0 0 3px var(--bg), 0 12px 30px color-mix(in oklab, var(--c) 40%, transparent);border-radius:50%}.fr-hero-art span+span{margin-left:-14px}.fr-hero-sub{max-width:520px;font-size:16px;line-height:1.5}.fr-setup{gap:10px;width:100%;max-width:480px;display:flex}.fr-setup .field{flex:1;height:50px;font-size:16px}.fr-hero-note{max-width:480px;line-height:1.5}.fr-invite{border-radius:var(--r-lg);align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;display:flex}.fr-me{border-radius:var(--r-xl);flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:22px;padding:16px 18px;display:flex;position:relative}.fr-me-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fr-live{color:var(--text-3)}.fr-live.on{color:var(--success);font-weight:650}.fr-qr{flex-basis:100%;overflow:hidden}.fr-qr-inner{align-items:center;gap:18px;padding-top:6px;display:flex}.fr-qr-inner>:first-child{background:#fff;border-radius:14px;flex:none;width:132px;padding:8px}.fr-qr-inner svg{width:100%;height:auto;display:block}.fr-link{font-family:var(--font-mono);color:var(--text-2);background:var(--surface);border-radius:8px;max-width:320px;padding:6px 8px;font-size:12px}.fr-privacy{position:relative}.fr-privacy .btn.private{color:var(--warning)}.fr-privacy-menu{z-index:20;border-radius:var(--r-md);width:260px;box-shadow:var(--shadow-3);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.fr-privacy-menu button{text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.fr-privacy-menu button:hover,.fr-privacy-menu button.on{background:var(--surface-2)}.fr-privacy-menu button.danger b{color:var(--danger)}.fr-now-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -2px;padding:4px 2px 12px;display:flex;overflow-x:auto}.fr-now-row::-webkit-scrollbar{display:none}.fr-tabs{z-index:5;background:linear-gradient(180deg, var(--bg) 70%, transparent);margin:4px 0 14px;padding:10px 0;position:sticky;top:0}.fr-add{position:relative}.fr-search{border-radius:var(--r-lg);height:52px;color:var(--text-2);align-items:center;gap:12px;padding:0 16px;display:flex}.fr-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15.5px}.fr-results{border-radius:var(--r-lg);margin-top:8px;padding:6px}.fr-result{border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.fr-result:hover{background:var(--surface)}.fr-list{flex-direction:column;gap:8px;display:flex}.fr-row{border-radius:var(--r-lg);width:100%;transition:background .2s, transform .2s var(--ease-out);align-items:center;gap:12px;padding:10px 14px;display:flex}button.fr-row:hover{background:var(--surface-2)}button.fr-row:active{transform:scale(.99)}.fr-row-who{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.fr-match{background:conic-gradient(var(--accent) calc(var(--m) * 360deg), var(--surface-2) 0);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:11.5px;font-weight:750;display:grid;position:relative}.fr-match span{background:var(--bg-elev);border-radius:50%;place-items:center;display:grid;position:absolute;inset:4px}.fr-chips{flex-wrap:wrap;gap:8px;display:flex}.fr-chips .chip{gap:8px;padding-left:4px}.fr-feed{flex-direction:column;gap:4px;display:flex}.fr-feed-item{align-items:center;gap:12px;padding:6px 4px;display:flex}.fr-feed-song{border-radius:14px;flex:1;align-items:center;gap:12px;min-width:0;padding:6px 10px 6px 6px;transition:background .2s;display:flex}.fr-feed-song:hover{background:var(--surface)}.fr-feed-art{border-radius:9px;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.fr-feed-art .art{width:100%;height:100%}.fr-feed-play{color:#fff;opacity:0;background:#00000073;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.fr-feed-song:hover .fr-feed-play,.fr-msg-song:hover .fr-feed-play{opacity:1}.fr-feed-title{font-size:14.5px;font-weight:650}.fr-inbox{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.fr-msg{border-radius:var(--r-lg);flex-direction:column;gap:10px;padding:14px;display:flex}.fr-msg.unread{box-shadow:inset 3px 0 0 var(--accent)}.fr-msg-head{align-items:center;gap:10px;display:flex}.fr-msg-reaction{font-size:20px}.fr-msg-note{color:var(--text);margin:0;font-size:15px;font-style:italic;line-height:1.45}.fr-msg-song{background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:8px;transition:background .2s;display:flex}.fr-msg-song:hover{background:var(--surface-2)}.fr-msg-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fr-react-row{gap:2px;display:flex}.fr-react-row button{border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;transition:background .2s;display:grid}.fr-react-row button:hover{background:var(--surface-2)}.fr-react-row button.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.fr-chart{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.fr-chart-row{border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background .2s;display:flex}.fr-chart-row:hover{background:var(--surface)}.fr-rank{text-align:center;width:26px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:780}.fr-rank.top{color:#0000;background:linear-gradient(135deg, var(--brand-a), var(--brand-b));-webkit-background-clip:text;background-clip:text;font-size:17px}.fr-plays{text-align:right;width:34px}.profile{--pc:var(--accent)}.pf-hero{isolation:isolate;border-radius:var(--r-xl);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin-bottom:26px;padding:clamp(24px,5vw,48px) clamp(18px,3vw,32px);display:grid;position:relative;overflow:hidden}.pf-hero-glow{z-index:-1;background:radial-gradient(40% 50% at 20% 40%, color-mix(in oklab, var(--pc) 55%, transparent), transparent 70%), radial-gradient(35% 45% at 85% 30%, color-mix(in oklab, var(--pc) 30%, transparent), transparent 70%);filter:blur(30px);animation:18s ease-in-out infinite alternate pf-drift;position:absolute;inset:-40%}@keyframes pf-drift{to{transform:translate(4%,3%)rotate(8deg)}}.pf-id{flex-direction:column;gap:6px;min-width:0;display:flex}.pf-name{overflow-wrap:anywhere;font-size:clamp(32px,5vw,56px)}.pf-bio{max-width:520px;color:var(--text);margin:4px 0 0;font-size:15px;line-height:1.5}.pf-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.pf-friends{border-radius:var(--r-full);background:color-mix(in oklab, var(--success) 18%, transparent);height:34px;color:var(--success);align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:650;display:inline-flex}.pf-friends.muted{background:var(--surface-2);color:var(--text-2)}.pf-match{flex:none;width:132px;height:132px;position:relative}.pf-match svg{width:100%;height:100%;transform:rotate(-90deg)}.pf-match circle{fill:none;stroke-width:7px;stroke-linecap:round}.pf-match-track{stroke:#ffffff1a}.pf-match-fill{stroke:color-mix(in oklab, var(--pc) 80%, #fff 20%);filter:drop-shadow(0 0 10px color-mix(in oklab, var(--pc) 60%, transparent))}.pf-match-n{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.pf-match-n b{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.pf-artists{scrollbar-width:none;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.pf-artists::-webkit-scrollbar{display:none}.pf-artist{width:104px;color:var(--text-2);flex-direction:column;flex:none;align-items:center;gap:8px;font-size:13px;font-weight:620;display:flex}.pf-artist .art{width:96px;height:96px;transition:transform .35s var(--ease-out)}.pf-artist:hover .art{transform:scale(1.05)}.pf-artist>span{max-width:100%}.pf-blend{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px 12px;display:grid}.pf-edit-scrim{z-index:80;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pf-edit{border-radius:var(--r-xl);width:min(440px,100%);box-shadow:var(--shadow-3);flex-direction:column;gap:14px;padding:20px;display:flex}.pf-colors{flex-wrap:wrap;gap:8px;display:flex}.pf-colors button{width:26px;height:26px;transition:transform .2s var(--ease-out);border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.pf-colors button.on{box-shadow:0 0 0 2px var(--bg-elev), 0 0 0 4px #fff;transform:scale(1.15)}.pf-field{flex-direction:column;gap:6px;display:flex}.pf-handle{align-items:center;gap:0;display:flex}.pf-handle>span{color:var(--text-3);padding:0 4px 0 12px;font-weight:650}.pf-handle .field{flex:1}:root[data-theme=light] .sc-now{color:#fff}:root[data-theme=light] .fr-match span{background:var(--surface-solid)}@media (max-width:700px){.fr-setup{flex-direction:column}.fr-me{border-radius:var(--r-lg);padding:14px}.fr-me-actions{width:100%}.fr-me-actions>.btn:first-child{flex:1;justify-content:center}.fr-privacy-menu{left:0;right:auto}.fr-qr-inner{flex-direction:column;align-items:flex-start}.sc-now{width:min(82vw,300px)}.fr-inbox{grid-template-columns:minmax(0,1fr)}.pf-hero{grid-template-columns:minmax(0,1fr);justify-items:start;gap:18px;padding:22px 18px}.pf-match{width:92px;height:92px;position:absolute;top:18px;right:16px}.pf-match-n b{font-size:21px}.pf-match-n .t-caption{font-size:10px}.pf-blend{grid-template-columns:minmax(0,1fr)}.fr-tabs .segmented{width:100%}}:root[data-motion=off] .pf-hero-glow,:root[data-motion=reduced] .pf-hero-glow{animation:none}.fr-page{container:friends/inline-size}.fr-layout{grid-template-columns:minmax(0,1fr) minmax(300px,340px);grid-template-areas:"head head""main rail";align-items:start;gap:4px 28px;display:grid}.fr-head{grid-area:head;padding:28px 0 20px}.fr-head .t-sub{max-width:560px;margin-top:8px}.fr-main{flex-direction:column;grid-area:main;min-width:0;display:flex}.fr-rail{flex-direction:column;grid-area:rail;gap:14px;min-width:0;display:flex;position:sticky;top:16px}.fr-section{margin-bottom:8px}.fr-section .section-head{margin-bottom:10px}@container friends (width<=900px){.fr-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""rail""main"}.fr-rail{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;margin-bottom:18px;display:grid;position:static}.fr-rail>.fr-me{grid-row:span 3}}@container friends (width<=620px){.fr-rail{align-items:stretch;display:flex}.fr-head{padding-bottom:12px}}.fr-me{isolation:isolate;border-radius:var(--r-xl);flex-flow:column;align-items:stretch;gap:14px;margin:0;padding:16px;display:flex;position:relative;overflow:hidden}.fr-me-glow{z-index:-1;background:radial-gradient(60% 70% at 30% 60%, color-mix(in oklab, var(--c) 45%, transparent), transparent 70%);filter:blur(10px);opacity:.9;pointer-events:none;height:170px;position:absolute;top:-60px;left:-20%;right:-20%}.fr-me-id{text-align:left;flex:none;align-items:center;gap:12px;min-width:0;display:flex}.fr-me-id>.col{flex:1}.fr-me-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:760}.fr-live{height:24px;color:var(--text-3);background:var(--surface-2);border-radius:99px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.fr-live i{background:currentColor;border-radius:50%;width:6px;height:6px}.fr-live.on{color:var(--success);background:color-mix(in oklab, var(--success) 14%, transparent)}.fr-live.on i{animation:2s ease-in-out infinite breathe}.fr-stats{border-radius:var(--r-md);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.fr-stats>div{flex-direction:column;gap:1px;padding:10px 14px;display:flex}.fr-stats>div+div{box-shadow:inset 1px 0 0 var(--hairline)}.fr-stats b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:780}.fr-stats span{color:var(--text-3);font-size:12px}.fr-me .fr-me-actions{flex-wrap:nowrap;align-items:center;gap:8px;width:auto;display:flex}.fr-me-actions>.btn{flex:1;justify-content:center;height:40px}.fr-qr-btn{background:var(--surface-2);border-radius:12px;flex:none;width:40px;height:40px}.fr-qr-btn.on{background:var(--accent-soft);color:var(--text)}.fr-me .fr-qr{flex-basis:auto;margin-top:-4px;overflow:hidden}.fr-me .fr-qr-inner{flex-direction:row;align-items:center;gap:14px;padding:4px 0 0;display:flex}.fr-qr-code{background:#fff;border-radius:12px;flex:none;width:104px;padding:6px}.fr-qr-code svg{width:100%;height:auto;display:block}.fr-me .fr-link{max-width:100%;display:block}.fr-me .fr-privacy{flex-direction:column;gap:6px;display:flex;position:static}.fr-privacy .segmented{width:100%}.fr-privacy .segmented button{flex:1;padding:0 8px}.fr-privacy .seg-label{justify-content:center;align-items:center;display:inline-flex}.fr-add{margin:0}.fr-add .fr-search{border-radius:var(--r-lg);height:50px}.fr-panel{border-radius:var(--r-lg);flex-direction:column;gap:8px;padding:14px;display:flex}.fr-panel-head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.fr-req{align-items:center;gap:8px;display:flex}.fr-req .fr-row-who{gap:10px}.fr-sent{border-top:1px solid var(--hairline);flex-direction:column;gap:6px;padding-top:8px;display:flex}.fr-quiet{border-radius:var(--r-lg);align-items:center;gap:14px;padding:16px 18px;display:flex}.fr-quiet-eq{flex:none;align-items:flex-end;gap:3px;height:18px;display:inline-flex}.fr-quiet-eq i{background:var(--text-3);border-radius:2px;width:3px;height:30%;animation:1.6s ease-in-out infinite fr-eq}.fr-quiet-eq i:nth-child(2){animation-delay:-.4s}.fr-quiet-eq i:nth-child(3){animation-delay:-.8s}.fr-quiet-eq i:nth-child(4){animation-delay:-1.2s}@keyframes fr-eq{0%,to{height:25%}50%{height:90%}}.fr-main .fr-tabs{z-index:5;background:0 0;margin:6px 0 14px;padding:10px 0;position:sticky;top:0}.fr-tabs .segmented{scrollbar-width:none;background:color-mix(in oklab, var(--bg-elev) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);max-width:100%;box-shadow:inset 0 0 0 1px var(--hairline);overflow-x:auto}.fr-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.fr-card{border-radius:var(--r-lg);text-align:left;min-width:0;transition:transform .25s var(--ease-out), background .2s, box-shadow .25s;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.fr-card:hover{background:var(--surface-2);transform:translateY(-2px)}.fr-card:active{transform:scale(.985)}.fr-card.playing{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 45%, transparent), 0 10px 30px color-mix(in oklab, var(--c) 18%, transparent)}.fr-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fr-card-text .t-caption{align-items:center;gap:6px;min-width:0;display:flex}.fr-card-text .t-caption>:first-child{flex:none}.fr-empty{text-align:center;border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:10px;padding:36px 24px;display:flex}.fr-empty .t-sub{max-width:380px}.fr-empty-art{margin-bottom:4px;display:flex}.fr-empty-art span{background:radial-gradient(120% 120% at 25% 15%, color-mix(in oklab, var(--c) 92%, #fff 8%), color-mix(in oklab, var(--c) 50%, #000 50%));width:40px;height:40px;box-shadow:0 0 0 3px var(--bg-elev);border-radius:50%}.fr-empty-art span+span{margin-left:-10px}.fr-main .fr-inbox{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:700px){.fr-me{border-radius:var(--r-lg);padding:14px}.fr-grid{grid-template-columns:minmax(0,1fr);gap:8px}.fr-main .fr-tabs{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}.fr-tabs .segmented{width:100%}.fr-tabs .segmented button{flex:1;padding:0 6px}}.h-home{padding-top:0}.h-home .section,.h-home .shelf{margin-top:30px}.h-top{z-index:20;margin:0 calc(var(--gutter) * -1);padding:calc(8px + env(safe-area-inset-top)) calc(var(--gutter) - 6px) 6px var(--gutter);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);align-items:center;gap:2px;display:flex;position:sticky;top:0}.h-brand{align-items:center;gap:8px;display:inline-flex}.h-brand .t-brand{letter-spacing:-.02em;font-size:18px}.h-bell{position:relative}.h-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:7px;right:7px}.h-avatar{background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;margin-left:6px;font-size:14px;font-weight:760;display:grid;overflow:hidden}.h-avatar img{object-fit:cover;width:100%;height:100%}.h-chips{scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:8px var(--gutter) 4px;scroll-padding-inline:var(--gutter);gap:8px;display:flex;overflow-x:auto}.h-chips::-webkit-scrollbar{display:none}.h-chip{background:var(--surface-2);border-radius:9px;flex:none;height:34px;padding:0 14px;font-size:14px;font-weight:600}.app.desktop .h-chips{padding-top:28px}.h-title{font-family:var(--font-display);letter-spacing:-.025em;font-size:22px;font-weight:780;line-height:1.15}.h-home .section-head h2{letter-spacing:-.025em;font-size:22px}.h-dial-head{align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex}.h-dial-avatar{background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.h-dial-avatar img{object-fit:cover;width:100%;height:100%}.h-dial-pages{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;grid-auto-columns:92%;grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.h-dial-pages::-webkit-scrollbar{display:none}.h-dial-page{scroll-snap-align:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.app.desktop .h-dial-pages{grid-auto-columns:min(540px,50% - 8px);gap:16px}.dial-tile{aspect-ratio:1;isolation:isolate;background:var(--surface-2);border-radius:8px;position:relative;overflow:hidden}.dial-art{position:absolute;inset:0}.dial-art>*,.dial-art .art,.dial-art .pl-thumb,.dial-art .mix-art{border-radius:0!important;width:100%!important;height:100%!important}.dial-art img{object-fit:cover;width:100%;height:100%}.dial-label{color:#fff;text-align:left;text-shadow:0 1px 2px #00000080;background:linear-gradient(#0000,#000000b8);align-items:center;gap:2px;padding:22px 7px 6px 8px;font-size:12.5px;font-weight:650;display:flex;position:absolute;bottom:0;left:0;right:0}.dial-label .ellipsis{flex:1;min-width:0}.dial-liked{color:#fff;background:linear-gradient(135deg,#8c7cff,#4433c9);place-items:center;display:grid!important}.dial-tile:active{transform:scale(.96)}.h-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.h-dots i{background:var(--surface-3);width:6px;height:6px;transition:width .3s var(--ease-out), background .3s;border-radius:3px}.h-dots i.on{background:var(--text-2);width:16px}.h-song-cols{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter);scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;grid-auto-columns:90%;grid-auto-flow:column;gap:14px;display:grid;overflow-x:auto}.h-song-cols::-webkit-scrollbar{display:none}.app.desktop .h-song-cols{grid-auto-columns:calc((100% - 2 * var(--gutter) - 28px) / 3)}.h-song-col{scroll-snap-align:start;flex-direction:column;gap:2px;min-width:0;display:flex}.h-song{cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:6px 4px 6px 6px;transition:background .2s;display:flex}.h-song:hover,.h-song.on{background:var(--surface)}.h-song-art{border-radius:6px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.h-song-art .art{border-radius:0;width:100%;height:100%}.h-song-eq{background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.h-song-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.h-song-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.h-playall{border-radius:99px}.h-blend{text-align:left;color:#3a2c8f;background:#d8d0fb;border-radius:16px;align-items:stretch;width:100%;min-height:132px;padding:18px 0 18px 18px;display:flex;position:relative;overflow:hidden}.h-blend b{color:#e5532f;max-width:15em;font-size:17px;font-weight:720;line-height:1.3}.h-blend .t-caption{color:#3a2c8fbf}.h-blend-go{color:#e5532f;border:2px solid #e5532f;border-radius:50%;place-items:center;width:32px;height:32px;margin-top:auto;display:grid}.h-blend-art{flex:none;width:130px;position:relative}.h-blend-art i{border:22px solid #e5532f59;border-radius:50%;width:150px;height:150px;position:absolute;right:-40px}.h-blend-art i:first-child{top:-80px}.h-blend-art i:nth-child(2){border-color:#e5532f8c;bottom:-90px}.h-blend-art span{color:#fff;background:radial-gradient(circle at 30% 30%,#ff8a5c,#e5532f);border-radius:50%;place-items:center;width:46px;height:46px;margin-top:-23px;animation:2.6s ease-in-out infinite h-pulse;display:grid;position:absolute;top:50%;right:26px;box-shadow:0 8px 24px #e5532f73}@keyframes h-pulse{50%{transform:scale(1.08)}}:root[data-motion=off] .h-blend-art span{animation:none}.h-home .card.wide .card-badge{inset:auto 8px 8px auto}@media (min-width:701px){.h-blend{min-height:120px}.h-blend b{font-size:19px}}@media (max-width:700px){.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-tile{border-radius:16px;height:84px;padding:13px 14px;font-size:16.5px}.genre-tile:after{border-radius:16px;width:64px;height:64px;bottom:-18px;right:-14px}.set-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.set-hero>.grow{min-width:0}.set-hero>.btn,.set-hero>.row{grid-column:1/-1;justify-self:stretch}.set-hero>.btn{width:100%}.set-hero .t-sub{margin-top:4px}.set-nav{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.pl-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pl-actions>.btn-lg{flex:calc(50% - 5px);justify-content:center}.pl-actions .automix-chip .automix-label{display:none}.pl-hero{gap:18px}.hero-cover{width:min(62vw,260px)}.together-join{align-items:stretch}.together-join .field.code{flex:1;max-width:none;height:52px}.together-join .btn{height:52px}.together-card{padding:20px}.track-row{gap:12px}.section-head h2{font-size:22px}.t-large{font-size:clamp(30px,8.6vw,38px)}.cr-list{grid-template-columns:minmax(0,1fr)}.ident-row{padding:10px 6px}.replay-bars{height:72px}.film-card .row .btn{flex:auto}}@media (max-width:380px){.genre-tile{height:76px;font-size:15px}.pl-actions>.btn-lg{flex-basis:100%}}:where(button,a,[role=button],[role=tab],[role=switch],input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.tr-dur,.q-dur,.prog-time,.wave-times,.tabular,.dimheat-table,.together-code{font-variant-numeric:tabular-nums}::selection{background:color-mix(in srgb, var(--accent) 45%, transparent)}.t-title,.t-sub,.cr-name,.film-title,.together-title{overflow-wrap:anywhere}button:disabled,.btn:disabled,.chip:disabled{cursor:not-allowed}@media (max-width:700px){.tonearm.narrow{width:26%;height:64%;top:-6%;right:-2%}}.together-join>*{margin:0}.wave-times{align-items:center}.wave-times .pb-automix{color:var(--text-3);align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.film-poster{position:relative}.film-poster-blur{object-fit:cover;filter:blur(14px)saturate(1.3)brightness(.7);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.2)}.film-poster>svg{color:#ffffffe6;position:relative}.film-line b{color:var(--text-2);font-weight:650}.together-join .field.code,.together-join .btn{height:50px}.together-join .btn{padding:0 22px}.app.immersive .sidebar{display:none!important}.app.immersive .main-scroll{margin-left:0!important}.np.split .tonearm{display:none}.lyr-line.rtl{text-align:right;letter-spacing:0;font-weight:700;line-height:1.32}.lyr-line.rtl .lyr-tr,.lyr-line.rtl .lyr-bg{text-align:right}.lyr-line.rtl[data-state=active] .w{background-image:linear-gradient(270deg, #fff calc(var(--p,0) * 100% - .2em), #ffffff5c calc(var(--p,0) * 100% + .25em))}.cine .lyr-line.rtl[data-state=active] .w{background-image:linear-gradient(270deg, #fff calc(var(--p,0) * 100% - .15em), #ffffff4d calc(var(--p,0) * 100% + .2em))}.lyr-line.rtl[data-state=active] .lyr-bg{background-image:linear-gradient(270deg, #fff calc(var(--p,0) * 100% - .3em), #ffffff52 calc(var(--p,0) * 100% + .3em))}.lyr-line.rtl .w[data-held],.lyr-line.indic .w[data-held]{letter-spacing:0!important}.lyr-line.rtl.inst .lyr-dots{transform-origin:100%}.lyr-line.indic{letter-spacing:0;font-weight:720;line-height:1.38}.cine .lyr-line.rtl,.cine .lyr-line.indic{font-family:var(--font-display);font-weight:650}.lyr.plain p[dir=auto]{unicode-bidi:plaintext}.app.onboarding .together-pill{display:none}@media (max-width:700px){.together-pill{top:auto;right:12px;bottom:calc(var(--tabbar-h) + var(--player-h) + 16px + env(safe-area-inset-bottom));height:32px;box-shadow:var(--shadow-2)}.app:not(.has-track) .together-pill{bottom:calc(var(--tabbar-h) + 12px + env(safe-area-inset-bottom))}.app:has(.together-pill) .toasts{bottom:calc(var(--tabbar-h) + var(--player-h) + 62px + env(safe-area-inset-bottom))}}.field:focus-visible,.fr-search input:focus-visible{outline:none}.together-card .together-join>.btn{align-self:stretch;margin:0}.page.center{place-items:safe center}@media (max-width:700px){.page.center{padding-top:20px}.fr-setup .field,.fr-setup .btn{justify-content:center;width:100%;height:52px}}.np-cover-wrap{place-items:center;width:100%;display:grid;position:relative}.np-video-note{color:#ffffffe6;white-space:nowrap;z-index:3;pointer-events:none;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.main-scroll,.dock-panel *,.lyr.plain,.sb-playlists,.sheet,.q-list{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.main-scroll:hover,.dock-panel :hover,.lyr.plain:hover,.sb-playlists:hover,.sheet:hover,.q-list:hover{scrollbar-color:#ffffff29 transparent}:root[data-theme=light] .main-scroll:hover,:root[data-theme=light] .sb-playlists:hover{scrollbar-color:#0000002e transparent}.lyr,.lyr.plain,.cine .lyr{scrollbar-width:none}.lyr::-webkit-scrollbar{display:none}.lyr.plain::-webkit-scrollbar{display:none}.dock-inner{padding:16px 18px calc(18px + env(safe-area-inset-bottom))}.dock .lyr-bar{gap:8px;padding-top:12px}.dock .lyr-bar>.grow{flex:1 1 0;min-width:0}.dock .lyr-bar .lyr-select{max-width:132px}.dock .lyr.plain{padding-right:4px}.app.docked .main-scroll{box-shadow:inset -1px 0 #ffffff0a}@media (max-width:1023px){.app.mobile.has-track:after{content:"";z-index:29;pointer-events:none;height:calc(var(--tabbar-h) + var(--player-h) + 26px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 0%, var(--bg) 72%, color-mix(in srgb, var(--bg) 70%, transparent) 86%, transparent);position:fixed;bottom:0;left:0;right:0}.app.mobile.onboarding:after{display:none}}@media (hover:none){.main-scroll{scrollbar-width:none}.main-scroll::-webkit-scrollbar{display:none}}.sec-strip{border-radius:3px;overflow:hidden}@media (max-width:1023px){.np-top .np-phone{display:none}.np-top{padding-top:calc(env(safe-area-inset-top) + 8px);height:76px}.np-grabber{top:calc(env(safe-area-inset-top) + 4px)}.np-top .np-mode{margin-top:4px}}@media (max-width:700px){.btn{white-space:normal;text-align:center;max-width:100%;height:auto;min-height:40px;padding-top:6px;padding-bottom:6px;line-height:1.2}.btn-sm{min-height:32px;padding-top:5px;padding-bottom:5px}.btn-lg{min-height:50px}.btn>svg{flex:none}.chip{max-width:100%}.np .lyr-bar{scrollbar-width:none;padding-bottom:calc(6px + env(safe-area-inset-bottom));flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.np .lyr-bar::-webkit-scrollbar{display:none}.np .lyr-bar>*{flex:none}.np .lyr-bar>.grow{flex:1 0 8px}.np .lyr-src{max-width:none}}.m-account{z-index:28;top:calc(14px + env(safe-area-inset-top));width:40px;height:40px;color:var(--text);background:color-mix(in oklab, var(--surface-raised) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);box-shadow:inset 0 0 0 1px var(--glass-edge);transition:box-shadow .3s, transform .3s var(--ease);border-radius:50%;place-items:center;font-size:16px;font-weight:760;display:grid;position:fixed;right:16px}.m-account img{object-fit:cover;border-radius:50%;width:100%;height:100%}.m-account.scrolled{box-shadow:inset 0 0 0 1px var(--glass-edge), var(--shadow-2)}.m-account-dot{background:var(--danger);width:10px;height:10px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:1px;right:1px}.app.desktop .m-account{display:none}.app.mobile .page-header>.grow,.app.mobile .fr-head,.app.mobile .hero-copy>.t-eyebrow{padding-right:52px}.m-more .sheet-head{margin-bottom:10px}.m-me{border-radius:var(--r-lg);background:var(--surface);text-align:left;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:12px;transition:background .2s;display:flex}.m-me:active{background:var(--surface-2)}.m-me-avatar{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.m-me-avatar img{object-fit:cover;width:100%;height:100%}.m-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.m-tile{border-radius:var(--r-lg);text-align:left;isolation:isolate;background:linear-gradient(150deg, color-mix(in oklab, var(--t) 22%, transparent), color-mix(in oklab, var(--t) 6%, transparent));min-width:0;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--t) 22%, transparent);transition:transform .2s var(--ease-out);flex-direction:column;align-items:flex-start;gap:2px;padding:14px;display:flex;position:relative;overflow:hidden}.m-tile:active{transform:scale(.97)}.m-tile b{margin-top:8px;font-size:15px;font-weight:700}.m-tile .t-caption{font-size:12px;line-height:1.3}.m-tile-icon{background:color-mix(in oklab, var(--t) 30%, transparent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.m-tile-badge{position:absolute;top:12px;right:12px}.m-list{border-radius:var(--r-lg);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.m-list button{text-align:left;align-items:center;gap:14px;height:52px;padding:0 16px;font-size:15px;font-weight:560;transition:background .2s;display:flex}.m-list button+button{box-shadow:inset 0 1px 0 var(--hairline)}.m-list button:active{background:var(--surface-2)}@media (max-width:1023px){.np-top,.np:not(.mobile-panel) .np-stage{touch-action:none}}.wrapped-empty-top{padding-top:calc(14px + env(safe-area-inset-top));justify-content:flex-end;display:flex}.sheet{position:relative}.sheet-x{z-index:2;background:var(--surface-2);position:absolute;top:12px;right:12px}@media (max-width:700px){.sheet:before{content:"";background:var(--hairline-strong);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:7px;left:50%}.cine-top{padding:calc(14px + env(safe-area-inset-top)) 16px 10px;gap:10px}.cine-top .cine-skip{display:none}.cine-art{width:46px;height:46px}.cine-body{padding:0 20px 16px}.cine .lyr-bar{padding:0 16px calc(14px + env(safe-area-inset-bottom));scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.cine .lyr-bar::-webkit-scrollbar{display:none}.cine .lyr-bar>*{flex:none}}.tabbar .tab{isolation:isolate;position:relative}.tab-pill{z-index:-1;background:var(--accent-soft);border-radius:16px;width:58px;height:32px;margin-left:-29px;position:absolute;top:6px;left:50%}@media (hover:none){.card,.genre-tile,.quick-tile,.m-tile,.fr-card,.track-row,.sc-now,.pf-artist,.fr-chart-row,.fr-feed-song{-webkit-tap-highlight-color:transparent;transition:transform .22s var(--ease-out), background-color .2s}.card:active,.genre-tile:active,.quick-tile:active,.fr-card:active,.pf-artist:active{transform:scale(.97)}.track-row:active,.fr-chart-row:active,.fr-feed-song:active{background:var(--surface)}button,a{-webkit-tap-highlight-color:transparent}}:root[data-motion=off] .tab-pill{transition:none}.ob-progress{z-index:3;top:calc(22px + env(safe-area-inset-top));background:#fff3;border-radius:2px;width:120px;height:4px;margin-left:-60px;position:fixed;left:50%;overflow:hidden}.ob-progress i{border-radius:inherit;background:#fff;height:100%;display:block}.ob-choices{flex-direction:column;gap:10px;width:min(420px,100%);margin:14px auto 0;display:flex}.ob-choice{text-align:left;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;transition:background .25s, transform .25s var(--ease-out);background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.ob-choice:hover{background:#ffffff29}.ob-choice b{font-size:16px;font-weight:700}.ob-choice .col span{color:#ffffffb8;font-size:13px;line-height:1.35}.ob-choice>.col{flex:1;min-width:0}.ob-choice.primary{color:#111;background:#fff;border-color:#0000;box-shadow:0 14px 40px #00000059}.ob-choice.primary .col span{color:#0009}.ob-choice-icon{background:#ffffff24;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.ob-choice.primary .ob-choice-icon{background:linear-gradient(135deg, var(--brand-a), var(--brand-b));color:#0b0b0f}.ob-later{margin-top:14px;color:#ffffffb3!important}.ob-avatar{color:#fff;background:linear-gradient(135deg, var(--brand-a), var(--brand-b));border-radius:50%;place-items:center;width:108px;height:108px;margin-bottom:18px;font-size:42px;font-weight:800;display:grid;position:relative}.ob-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ob-avatar-ring{border:3px solid #fff;border-color:#fff #ffffff59 #0000 #0000;border-radius:50%;position:absolute;inset:-8px}.ob-welcome-sub{align-items:center;gap:8px;margin:4px 0 18px;display:inline-flex}.ob-scenes{scrollbar-width:none;gap:8px;margin-top:18px;padding-bottom:2px;display:flex;overflow-x:auto}.ob-scenes::-webkit-scrollbar{display:none}.ob-scenes .chip{color:#fff;background:#ffffff1f}.ob-scenes .chip.on{color:#111;background:#fff}.ob-add{gap:10px;max-width:520px;margin-top:18px;display:flex}.ob-add .field{flex:1;min-width:0}@media (max-width:700px){.onboarding-page{padding:calc(64px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));align-items:flex-start}.ob-step.center-col{margin-top:6vh}.ob-title{font-size:clamp(46px,13vw,64px)}.ob-lede{font-size:16px}.ob-mood{height:42px;padding:0 16px;font-size:14.5px}.ob-actions{background:linear-gradient(#0000,#00000040);padding-top:14px;position:sticky;bottom:0}}:root{--lg-b:26px;--lg-sat:1.9;--lg-bright:1.06;--lg-tint:#1e1e265c;--lg-tint-thick:#18181f94;--lg-tint-thin:#2828323d;--lg-sheen:linear-gradient(180deg, #ffffff1a 0%, #ffffff06 38%, #fff0 62%, #ffffff09 100%);--lg-rim:linear-gradient(140deg, #ffffff6b 0%, #ffffff1a 22%, #ffffff08 50%, #ffffff14 78%, #ffffff42 100%);--lg-inner:inset 0 1px .5px #ffffff38, inset 0 -.5px .5px #ffffff14;--lg-shadow:0 12px 40px #00000052, 0 2px 8px #00000038;--lg-active:#ffffff24}:root[data-theme=light]{--lg-sat:1.7;--lg-bright:1.04;--lg-tint:#ffffff75;--lg-tint-thick:#fcfcfeb3;--lg-tint-thin:#ffffff52;--lg-sheen:linear-gradient(180deg, #ffffff8c 0%, #ffffff1f 40%, #fff0 62%, #fff3 100%);--lg-rim:linear-gradient(140deg, #fffffff2 0%, #fff6 24%, #0000000d 52%, #ffffff59 80%, #ffffffd9 100%);--lg-inner:inset 0 1px .5px #fffc, inset 0 -.5px .5px #0000000d;--lg-shadow:0 12px 36px #14142829, 0 2px 8px #14142814;--lg-active:#00000012}@media (prefers-color-scheme:light){:root[data-theme=system]{--lg-tint:#ffffff75;--lg-tint-thick:#fcfcfeb3;--lg-tint-thin:#ffffff52}}.glass,.glass-thick,.glass-thin{--lg-blur:var(--lg-b);background:var(--lg-sheen) padding-box, linear-gradient(var(--lg-tint), var(--lg-tint)) padding-box, var(--lg-rim) border-box;-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));box-shadow:var(--lg-inner), var(--lg-shadow);border:1px solid #0000}.glass-thick{background:var(--lg-sheen) padding-box, linear-gradient(var(--lg-tint-thick), var(--lg-tint-thick)) padding-box, var(--lg-rim) border-box;--lg-blur:calc(var(--lg-b) * 1.3)}.glass-thin{background:var(--lg-sheen) padding-box, linear-gradient(var(--lg-tint-thin), var(--lg-tint-thin)) padding-box, var(--lg-rim) border-box;--lg-blur:calc(var(--lg-b) * .75);box-shadow:var(--lg-inner)}:root[data-glass=off] .glass,:root[data-glass=off] .glass-thick,:root[data-glass=off] .glass-thin{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--hairline)}@media (prefers-reduced-transparency:reduce){.glass,.glass-thick,.glass-thin{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--hairline)}}.lg-refract .tabbar,.lg-refract .mini,.lg-refract .pbar,.lg-refract .h-top-pill,.lg-refract .m-account{-webkit-backdrop-filter:url(#lg-refract) blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));backdrop-filter:url(#lg-refract) blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright))}:root[data-glass=off].lg-refract .tabbar,:root[data-glass=off].lg-refract .mini,:root[data-glass=off].lg-refract .pbar{-webkit-backdrop-filter:none;backdrop-filter:none}.segmented{background:var(--lg-sheen), linear-gradient(var(--lg-tint-thin), var(--lg-tint-thin));-webkit-backdrop-filter:blur(18px)saturate(1.7);backdrop-filter:blur(18px)saturate(1.7);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff14}.seg-pill{background:var(--lg-sheen), linear-gradient(var(--lg-active), var(--lg-active))!important;box-shadow:inset 0 1px .5px #ffffff4d,inset 0 0 0 .5px #ffffff2e,0 2px 10px #00000040!important}.chip,.btn-secondary,.sb-search,.h-chip{-webkit-backdrop-filter:blur(16px)saturate(1.7);backdrop-filter:blur(16px)saturate(1.7);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff1f;background:var(--lg-sheen), linear-gradient(var(--lg-tint-thin), var(--lg-tint-thin))!important}:root[data-theme=light] .chip,:root[data-theme=light] .btn-secondary,:root[data-theme=light] .sb-search,:root[data-theme=light] .h-chip{box-shadow:inset 0 0 0 1px #0000000f,inset 0 1px #ffffffe6}.chip.on{color:var(--bg);box-shadow:none;background:var(--text)!important}.chip:hover,.btn-secondary:hover:not(:disabled){background:var(--lg-sheen), linear-gradient(var(--lg-active), var(--lg-active))!important}.np-top .icon-btn,.pl-hero .icon-btn,.art-hero .icon-btn,.cine-top .icon-btn,.wrapped-top .icon-btn,.wall .icon-btn,.wrapped-empty-top .icon-btn{background:var(--lg-sheen), linear-gradient(#ffffff1a, #ffffff1a);-webkit-backdrop-filter:blur(16px)saturate(1.8);backdrop-filter:blur(16px)saturate(1.8);box-shadow:inset 0 1px .5px #ffffff47,inset 0 0 0 .5px #ffffff24,0 4px 14px #00000040}.np .segmented{background:var(--lg-sheen), linear-gradient(#ffffff1a, #ffffff1a)}.menu,.sheet,.toast{--lg-blur:calc(var(--lg-b) * 1.5)}.toast{-webkit-backdrop-filter:blur(36px)saturate(1.9);backdrop-filter:blur(36px)saturate(1.9);box-shadow:var(--lg-inner), var(--lg-shadow);border:1px solid #0000;background:var(--lg-sheen) padding-box, linear-gradient(var(--lg-tint-thick), var(--lg-tint-thick)) padding-box, var(--lg-rim) border-box!important}.sheet-root{background:#00000052}@media (min-width:1024px){.app.desktop .sidebar{width:calc(var(--sidebar) - 14px);padding-bottom:calc(var(--player-h) + 22px);border-width:1px;border-radius:26px;top:10px;bottom:10px;left:10px}.app.desktop .pbar{border-radius:28px;bottom:12px}.app.desktop .sb-link.active,.app.desktop .sb-pill{border-radius:14px}.sb-pill{box-shadow:inset 0 1px .5px #ffffff38,inset 0 0 0 .5px #ffffff1f;background:var(--lg-sheen), linear-gradient(var(--lg-active), var(--lg-active))!important}}@media (max-width:1023px){.app.mobile{--tabbar-h:74px;--player-h:58px}.app.mobile .tabbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border-width:1px;border-radius:31px;height:62px;padding:0 4px;transition:right .5s cubic-bezier(.32,.72,0,1),width .5s cubic-bezier(.32,.72,0,1),height .45s cubic-bezier(.32,.72,0,1),border-radius .45s;overflow:hidden}.app.mobile .tab{min-width:0;transition:opacity .3s,transform .45s cubic-bezier(.32,.72,0,1);position:relative}.app.mobile .tab-pill{background:var(--lg-sheen), linear-gradient(var(--lg-active), var(--lg-active));border-radius:26px;width:auto;height:auto;margin:0;inset:5px 4px;box-shadow:inset 0 1px .5px #ffffff40,inset 0 0 0 .5px #ffffff1f}.app.mobile .mini{left:12px;right:12px;bottom:calc(10px + 62px + 8px + env(safe-area-inset-bottom));border-width:1px;border-radius:28px;height:56px;padding:0 8px 0 6px;transition:left .5s cubic-bezier(.32,.72,0,1),bottom .5s cubic-bezier(.32,.72,0,1),height .45s cubic-bezier(.32,.72,0,1)}.app.mobile .mini-art{width:42px;height:42px}.app.mobile .mini-art .pb-art-inner,.app.mobile .mini-art .art{border-radius:50%}.app.mobile .mini-prog .prog-line{border-radius:2px;bottom:3px;left:22px;right:22px}.app.mobile.bars-min .tabbar{grid-template-columns:1fr;right:calc(100% - 74px)}.app.mobile.bars-min .tab:not(.active),.app.mobile.bars-min .tab.active .tab-label{display:none}.app.mobile.bars-min .tabbar:not(:has(.tab.active)) .tab:first-child{display:flex}.app.mobile.bars-min .tabbar:not(:has(.tab.active)) .tab:first-child .tab-label{display:none}.app.mobile.bars-min .tab-pill{left:5px;right:5px}.app.mobile.bars-min .mini{left:82px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:31px;height:62px}.app.mobile .page{padding-bottom:calc(62px + 56px + 60px + env(safe-area-inset-bottom))}.app.mobile.has-track:after{height:calc(62px + 56px + 40px + env(safe-area-inset-bottom));background:linear-gradient(to top, color-mix(in srgb, var(--bg) 82%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 55%, transparent)}.app.mobile:not(.has-track):after{content:"";z-index:29;pointer-events:none;height:calc(62px + 30px + env(safe-area-inset-bottom));background:linear-gradient(to top, color-mix(in srgb, var(--bg) 75%, transparent), transparent);position:fixed;bottom:0;left:0;right:0}.app.mobile .toasts{bottom:calc(62px + 56px + 34px + env(safe-area-inset-bottom))}.app.mobile.bars-min .toasts{bottom:calc(62px + 30px + env(safe-area-inset-bottom))}.app.mobile .together-pill{bottom:calc(62px + 56px + 30px + env(safe-area-inset-bottom))}.h-top{background:var(--lg-sheen), linear-gradient(color-mix(in srgb, var(--bg) 48%, transparent), color-mix(in srgb, var(--bg) 48%, transparent));-webkit-backdrop-filter:blur(24px)saturate(1.9);backdrop-filter:blur(24px)saturate(1.9);box-shadow:inset 0 -.5px #ffffff0f}.m-account{background:var(--lg-sheen), linear-gradient(var(--lg-tint), var(--lg-tint));box-shadow:inset 0 1px .5px #ffffff47, inset 0 0 0 .5px #ffffff24, var(--lg-shadow)}}:root[data-motion=off] .tabbar,:root[data-motion=off] .mini{transition:none!important}:root:not([data-theme=light]) .pbar,:root:not([data-theme=light]) .mini,:root:not([data-theme=light]) .tabbar,:root:not([data-theme=light]) .menu,:root:not([data-theme=light]) .sheet{--lg-bright:.88}@media (max-width:1023px){.app.mobile .mini-art .pb-art-inner,.app.mobile .mini-art .art{border-radius:10px}}:root[data-glass-style=clear]{--lg-rim:linear-gradient(140deg, #ffffffb3 0%, #ffffff2e 24%, #ffffff0d 52%, #ffffff24 78%, #ffffff80 100%);--lg-sheen:linear-gradient(180deg, #ffffff29, #ffffff08 40%, #0000000f 100%)}:root[data-glass-style=clear] .pbar,:root[data-glass-style=clear] .mini,:root[data-glass-style=clear] .tabbar{text-shadow:0 1px 2px #00000059}.lg-ripple{z-index:10000;pointer-events:none;isolation:isolate;position:fixed;overflow:hidden}.lg-ripple i{mix-blend-mode:plus-lighter;background:radial-gradient(circle,#fff0 30%,#ffffff47 56%,#ffffff1a 66%,#fff0 72%);border-radius:50%;position:absolute}:root[data-theme=light] .lg-ripple i{mix-blend-mode:normal;background:radial-gradient(circle,#fff0 30%,#ffffffb3 56%,#ffffff40 66%,#fff0 72%)}.app.mobile .tabbar{transition-property:right,width,height,border-radius,transform,opacity,filter}.app.mobile.np-open .tabbar{opacity:0;filter:blur(6px);pointer-events:none;transition-duration:.5s,.5s,.45s,.45s,.42s,.3s,.42s;transform:translateY(30px)scale(.92)}.app.mobile.np-open .m-account,.app.mobile.np-open .tp{opacity:0;pointer-events:none;transition:opacity .25s}.set-row-stack{flex-direction:column;align-items:stretch;gap:6px}.glass-range{width:100%}.tp{display:none}@media (min-width:700px) and (max-width:1023px){.tp{z-index:31;top:calc(12px + env(safe-area-inset-top));pointer-events:none;justify-content:center;align-items:center;height:48px;padding:0 16px;transition:opacity .3s;display:flex;position:fixed;left:0;right:0}.tp>*{pointer-events:auto}.tp-brand{border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:4px;left:18px}.tp-pill{border-width:1px;border-radius:24px;align-items:center;gap:2px;height:48px;padding:4px;display:flex;position:relative}.tp-tab{letter-spacing:-.01em;min-width:40px;height:40px;color:var(--text-2);-webkit-tap-highlight-color:transparent;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:0 17px;font-size:15px;font-weight:640;transition:color .25s;display:inline-flex;position:relative}.tp-tab:hover{color:var(--text)}.tp-tab.active{color:color-mix(in srgb, var(--accent) 70%, var(--text))}.tp-tab>:not(.tp-on){z-index:1;position:relative}.tp-search{width:40px;padding:0}.tp-on{border-radius:inherit;background:var(--lg-sheen), linear-gradient(var(--lg-active), var(--lg-active));position:absolute;inset:0;box-shadow:inset 0 1px .5px #ffffff40,inset 0 0 0 .5px #ffffff1f}.tp .tab-dot{position:absolute;top:7px;right:7px}.tp-me{width:44px;height:44px;color:var(--text);border-width:1px;border-radius:50%;place-items:center;padding:0;font-weight:760;display:grid;position:absolute;top:2px;right:18px}.tp-me img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tp-me .m-account-dot{top:0;right:0}.lg-refract .tp-pill,.lg-refract .tp-me{-webkit-backdrop-filter:url(#lg-refract) blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright));backdrop-filter:url(#lg-refract) blur(var(--lg-blur)) saturate(var(--lg-sat)) brightness(var(--lg-bright))}.app.mobile .tabbar,.app.mobile .m-account,.app.mobile .h-top{display:none}.app.mobile .mini,.app.mobile.bars-min .mini{left:max(16px,50% - 310px);right:max(16px,50% - 310px);bottom:calc(14px + env(safe-area-inset-bottom));border-radius:30px;height:60px}.app.mobile .page{padding-top:calc(72px + env(safe-area-inset-top));padding-bottom:calc(60px + 60px + env(safe-area-inset-bottom))}.app.mobile.immersive .page{padding-top:0}.app.mobile.has-track:after{height:calc(60px + 44px + env(safe-area-inset-bottom))}.app.mobile:not(.has-track):after{height:0}.app.mobile:before{content:"";z-index:29;height:calc(80px + env(safe-area-inset-top));pointer-events:none;background:linear-gradient(color-mix(in srgb, var(--bg) 70%, transparent), transparent);position:fixed;top:0;left:0;right:0}.app.mobile .toasts,.app.mobile.bars-min .toasts{bottom:calc(60px + 34px + env(safe-area-inset-bottom))}.app.mobile .together-pill{bottom:calc(60px + 30px + env(safe-area-inset-bottom))}}.glass-card{isolation:isolate;background:var(--lg-sheen) padding-box, linear-gradient(var(--lg-tint), var(--lg-tint)) padding-box, var(--lg-rim) border-box;-webkit-backdrop-filter:blur(var(--lg-b)) saturate(var(--lg-sat)) brightness(var(--lg-bright));backdrop-filter:blur(var(--lg-b)) saturate(var(--lg-sat)) brightness(var(--lg-bright));box-shadow:inset 0 1px .5px #ffffff38, inset 0 0 0 .5px #ffffff14, var(--lg-shadow);border:1px solid #0000;border-radius:24px;position:relative;overflow:hidden}:root[data-glass=off] .glass-card{background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none}.rp-head{padding-top:28px}.rp-head h1{margin-top:4px}.rp-periods{scrollbar-width:none;margin:16px calc(var(--gutter) * -1) 0;padding:2px var(--gutter);gap:8px;display:flex;overflow-x:auto}.rp-periods::-webkit-scrollbar{display:none}.rp-periods .chip{flex:none}.rp-hero{align-items:center;gap:22px;margin-top:22px;padding:20px;display:flex}.rp-hero-art{width:132px;height:132px;box-shadow:var(--shadow-2);border-radius:16px;flex:none;overflow:hidden}.rp-hero-art .art,.rp-hero-art img{width:100%;height:100%}.rp-hero-body{flex-direction:column;gap:4px;min-width:0;display:flex}.rp-mins{letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--text), color-mix(in srgb, var(--accent) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(38px,7vw,60px);font-weight:800;line-height:1.02}.rp-mins small{letter-spacing:-.01em;font-size:.38em;font-weight:700}.rp-up{color:var(--success,#3ddc97);font-weight:700}.rp-down{color:var(--text-2);font-weight:700}.rp-artists{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;display:grid}.rp-artist{text-align:center;min-width:0;color:var(--text);flex-direction:column;align-items:center;gap:4px;padding:22px 14px 16px;display:flex}.rp-artist.first{text-align:left;flex-direction:row;grid-column:span 2;align-items:center;gap:18px;padding:20px}.rp-artist.first .rp-artist-text{align-items:flex-start}.rp-artist.first .rp-artist-art{width:120px;height:120px}.rp-artist.first b{font-size:22px}.rp-artist-bg{z-index:-1;opacity:.42;filter:blur(34px)saturate(1.6);position:absolute;inset:-30%}.rp-artist-bg img{object-fit:cover;width:100%;height:100%}.rp-artist-art{flex:none;width:96px;height:96px;box-shadow:0 10px 28px #00000059}.rp-artist b{max-width:100%;margin-top:8px;font-size:15.5px;font-weight:720}.rp-artist .t-caption{font-variant-numeric:tabular-nums}.rp-rank{font-variant-numeric:tabular-nums;min-width:26px;height:26px;color:var(--text);background:var(--lg-sheen), linear-gradient(var(--lg-active), var(--lg-active));border-radius:13px;place-items:center;padding:0 7px;font-size:13px;font-weight:800;display:grid;position:absolute;top:10px;left:12px;box-shadow:inset 0 1px .5px #ffffff4d,inset 0 0 0 .5px #ffffff24}.rp-rank.sm{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#00000061;top:8px;left:8px}.rp-artist-text{align-items:inherit;flex-direction:column;gap:2px;min-width:0;max-width:100%;display:flex}.rp-songs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;margin:0;padding:0;list-style:none;display:grid}.rp-song{text-align:left;width:100%;color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:8px 6px;display:flex}.rp-song:hover{background:var(--surface-2)}.rp-song-art{border-radius:8px;flex:none;width:50px;height:50px;overflow:hidden}.rp-num{text-align:center;width:22px;color:var(--text-2);font-variant-numeric:tabular-nums;flex:none;font-weight:800}.rp-song b{font-size:15px;font-weight:640}.rp-plays{font-variant-numeric:tabular-nums;flex:none}.rp-albums{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.rp-album{text-align:left;min-width:0;color:var(--text);flex-direction:column;gap:3px;display:flex}.rp-album-art{aspect-ratio:1;box-shadow:var(--shadow-1,0 4px 14px #00000040);border-radius:14px;margin-bottom:6px;position:relative;overflow:hidden}.rp-album-art .art{width:100%;height:100%}.rp-album b{font-size:14.5px;font-weight:650}@media (max-width:700px){.rp-hero{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.rp-hero-art{width:96px;height:96px}.rp-artists{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rp-artist.first .rp-artist-art{width:84px;height:84px}.rp-artist.first b{font-size:19px}.rp-artist-art{width:80px;height:80px}.rp-songs{grid-template-columns:1fr}.rp-albums{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.glass-history{flex-wrap:wrap;gap:6px;display:flex}.glass-history .chip{gap:6px}.glass-history .chip .t-caption{font-size:11.5px}:root[data-theme=light][data-glass-style=clear]{--lg-rim:linear-gradient(140deg, #fffffff2 0%, #0000001a 30%, #00000029 55%, #00000014 78%, #ffffffd9 100%);--lg-sheen:linear-gradient(180deg, #ffffff73, #ffffff14 42%, #0000000d 100%)}:root[data-theme=light][data-glass-style=clear] :is(.glass,.glass-thick,.glass-thin,.glass-card,.tabbar,.mini,.pbar,.tp-pill,.tp-me,.m-account){box-shadow:inset 0 1px .5px #ffffffe6,inset 0 0 0 .5px #00000024,inset 0 -10px 22px -14px #0000002e,0 0 0 .5px #0000001f,0 8px 26px #0000001f}:root[data-theme=light][data-glass-style=clear] :is(.pbar,.mini,.tabbar,.tp-pill){text-shadow:0 0 6px #ffffffd9,0 1px 1px #fff9}.rp-saved{background:var(--surface-2);border-radius:14px;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;display:flex}.rp-stats{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:14px;display:grid}.rp-stat{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.rp-stat .t-eyebrow{align-items:center;gap:6px;display:inline-flex}.rp-streaks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rp-streaks>div{flex-direction:column;gap:2px;min-width:0;display:flex}.rp-streaks b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:30px;font-weight:800;line-height:1.1;display:inline-flex}.rp-record b{color:color-mix(in srgb, var(--accent) 70%, var(--text))}.rp-devices{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rp-devices li{grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.rp-dev-name{align-items:center;gap:7px;font-size:14px;font-weight:650;display:inline-flex}.rp-dev-bar{background:var(--surface-3);border-radius:4px;height:8px;overflow:hidden}.rp-dev-bar i{background:var(--accent);border-radius:4px;height:100%;display:block}.rp-dev-val{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px}@media (max-width:700px){.rp-stats{grid-template-columns:1fr}.rp-streaks b{font-size:24px}.rp-devices li{grid-template-columns:88px minmax(0,1fr)}.rp-dev-val{grid-column:2;margin-top:-6px;font-size:12px}}@property --ai-a{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--ai-c1:#ff9f0a;--ai-c2:#ff375f;--ai-c3:#bf5af2;--ai-c4:#0a84ff;--ai-c5:#64d2ff}.ai-page{isolation:isolate;max-width:1040px;position:relative}.ai-aura{z-index:-1;pointer-events:none;opacity:.5;width:min(900px,140vw);height:520px;transition:opacity .8s;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.ai-aura i{filter:blur(70px);mix-blend-mode:screen;border-radius:50%;animation:14s ease-in-out infinite alternate aiDrift;position:absolute}.ai-aura i:first-child{background:var(--ai-c3);width:46%;height:60%;top:10%;left:8%}.ai-aura i:nth-child(2){background:var(--ai-c4);width:40%;height:52%;animation-delay:-5s;top:4%;right:6%}.ai-aura i:nth-child(3){background:var(--ai-c2);opacity:.7;width:34%;height:44%;animation-delay:-9s;top:34%;left:34%}:root[data-theme=light] .ai-aura{opacity:.28}:root[data-theme=light] .ai-aura i{mix-blend-mode:multiply}.ai-page:has(.ai-composer.thinking) .ai-aura{opacity:.85}.ai-page:has(.ai-composer.thinking) .ai-aura i{animation-duration:4s}.ai-page.has-result .ai-aura{opacity:.3}@keyframes aiDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(6%,8%)scale(1.12)}to{transform:translate(-6%,-4%)scale(.94)}}.ai-hero{text-align:center;flex-direction:column;align-items:center;padding-top:clamp(28px,8vh,88px);display:flex}.ai-page.has-result .ai-hero{padding-top:clamp(18px,4vh,40px)}.ai-page.has-result .ai-hello{display:none}.ai-page.has-result .ai-title{letter-spacing:-.035em;margin-top:0;font-size:clamp(26px,3.2vw,36px)}.ai-page.has-result .ai-composer{margin-top:16px}.ai-hello{color:var(--text-2);background:var(--lg-sheen), linear-gradient(var(--lg-tint), var(--lg-tint));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:14px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px .5px #ffffff38,inset 0 0 0 .5px #ffffff1f}.ai-mark{color:#fff;background:conic-gradient(from 200deg, var(--ai-c1), var(--ai-c2), var(--ai-c3), var(--ai-c4), var(--ai-c5), var(--ai-c1));border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.ai-title{letter-spacing:-.045em;margin:16px 0 0;font-size:clamp(36px,6.4vw,66px);font-weight:800;line-height:1.02}.ai-shimmer{background:linear-gradient(100deg, var(--ai-c1), var(--ai-c2), var(--ai-c3), var(--ai-c4), var(--ai-c5), var(--ai-c1));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite aiShimmer}@keyframes aiShimmer{to{background-position:300% 0}}.ai-composer{text-align:left;border-radius:30px;width:min(760px,100%);margin-top:26px;padding:1.5px;position:relative}.ai-rim,.ai-rim:after{border-radius:inherit;background:conic-gradient(from var(--ai-a), var(--ai-c1), var(--ai-c2), var(--ai-c3), var(--ai-c4), var(--ai-c5), var(--ai-c1));animation:8s linear infinite aiSpin;position:absolute;inset:0}.ai-rim{opacity:.45;transition:opacity .4s}.ai-rim:after{content:"";filter:blur(22px);opacity:0;transition:opacity .5s}.ai-composer:focus-within .ai-rim{opacity:.95}.ai-composer:focus-within .ai-rim:after{opacity:.35}.ai-composer.thinking .ai-rim{opacity:1;animation-duration:1.8s}.ai-composer.thinking .ai-rim:after{opacity:.7;animation-duration:1.8s}@keyframes aiSpin{to{--ai-a:360deg}}.ai-composer-body{z-index:1;border-radius:28.5px;padding:18px 12px 12px 22px;position:relative;background:var(--lg-sheen), linear-gradient(color-mix(in srgb, var(--bg) 95%, transparent), color-mix(in srgb, var(--bg) 95%, transparent))!important;border:0!important;box-shadow:inset 0 1px .5px #ffffff1f,0 18px 50px #00000047!important}:root[data-theme=light] .ai-composer-body{background:linear-gradient(#fffffff0,#fffffff0)!important;box-shadow:0 14px 40px #0000001a!important}.ai-composer textarea{resize:none;width:100%;color:var(--text);background:0 0;border:0;outline:none;font-family:inherit;font-size:18px;line-height:1.45}.ai-composer textarea::placeholder{color:var(--text-3)}.ai-composer-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.ai-controls{scrollbar-width:none;flex-wrap:nowrap;gap:6px;min-width:0;display:flex;overflow-x:auto}.ai-controls::-webkit-scrollbar{display:none}.ai-select{height:34px;color:var(--text-2);background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--hairline);cursor:pointer;border-radius:17px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:620;display:inline-flex;position:relative}.ai-select:hover{color:var(--text)}.ai-select select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding-right:2px}.ai-select select option{color:#111}.ai-send{background:var(--text);width:42px;height:42px;color:var(--bg);border-radius:50%;flex:none;place-items:center;transition:opacity .2s,transform .2s;display:grid}.ai-send:disabled{opacity:.28;cursor:default}.ai-mic{width:42px;height:42px}.ai-engine{align-items:center;gap:6px;margin-top:12px;display:inline-flex}.ai-timeline{flex-direction:column;gap:4px;width:min(520px,100%);margin:26px auto 0;padding:0;list-style:none;display:flex}.ai-tl{color:var(--text-3);border-radius:16px;align-items:flex-start;gap:14px;padding:10px 14px;transition:color .3s,background .3s;display:flex;position:relative}.ai-tl b{font-size:15.5px;font-weight:700}.ai-tl.now{color:var(--text);background:var(--surface-2)}.ai-tl.done{color:var(--text-2)}.ai-tl-dot{background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;display:grid;position:relative}.ai-tl.now .ai-tl-dot{background:conic-gradient(from 0deg, var(--ai-c2), var(--ai-c3), var(--ai-c4), var(--ai-c2));animation:1.1s linear infinite aiDot}.ai-tl.now .ai-tl-dot:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:4px}.ai-tl.done .ai-tl-dot{background:var(--success,#3ddc97);color:#04210f}@keyframes aiDot{to{transform:rotate(360deg)}}.ai-ideas-wrap{margin-top:clamp(36px,7vh,64px)}.ai-ideas{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ai-idea{text-align:left;min-height:134px;color:var(--text);transition:transform .3s var(--ease-out);border-radius:22px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px 18px;display:flex}.ai-idea:before{content:"";z-index:-1;background:radial-gradient(120% 90% at 0% 0%, hsl(var(--h) 85% 60% / .26), transparent 60%);position:absolute;inset:0}.ai-idea:hover{transform:translateY(-2px)}.ai-idea b{margin-top:6px;font-size:16px;font-weight:720}.ai-idea .t-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.ai-idea-icon{color:#fff;background:linear-gradient(135deg, hsl(var(--h) 85% 58%), hsl(calc(var(--h) + 40) 80% 48%));width:36px;height:36px;box-shadow:0 6px 18px hsl(var(--h) 80% 40% / .35);border-radius:12px;place-items:center;display:grid}.ai-now{letter-spacing:.04em;text-transform:uppercase;vertical-align:2px;color:var(--on-accent);background:var(--accent);border-radius:6px;margin-right:4px;padding:1px 7px;font-size:11px;font-weight:800;display:inline-block}.ai-recents{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;display:grid}.ai-recent{min-width:0;color:var(--text);text-align:left;border-bottom:1px solid var(--hairline);border-radius:14px;align-items:center;gap:12px;padding:12px 10px;font-size:14.5px;font-weight:560;display:flex}.ai-recent>svg:first-child{color:var(--text-3);flex:none}.ai-recent>svg:last-child{color:var(--text-3);flex:none;margin-left:auto}.ai-recent:hover{background:var(--surface-2)}.ai-result{margin-top:28px}.ai-session{border-radius:28px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:26px;padding:22px;display:grid}.ai-session-art .mix-art{width:100%;box-shadow:var(--shadow-3);border-radius:20px}.ai-session-body{flex-direction:column;gap:10px;min-width:0;display:flex}.ai-session-title{letter-spacing:-.035em;margin:2px 0 0;font-size:clamp(26px,3.4vw,36px);font-weight:800;line-height:1.08}.ai-stats{color:var(--text-2);flex-wrap:wrap;gap:6px 18px;font-size:14px;display:flex}.ai-stats b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:760}.ai-chips{flex-wrap:wrap;gap:6px;margin:0;display:flex}.ai-chips .chip{cursor:default}.ai-shape{border-radius:24px;margin-top:14px;padding:18px 20px}.ai-shape-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.ai-refine{flex-wrap:wrap;gap:6px;margin:0;display:flex}.ai-follow{background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--text-3);border-radius:22px;align-items:center;gap:10px;margin-top:14px;padding:6px 6px 6px 16px;display:flex}.ai-follow:focus-within{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 60%, transparent)}.ai-follow input{min-width:0;height:34px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14.5px}@media (max-width:900px){.ai-ideas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.ai-hero{padding-top:calc(54px + env(safe-area-inset-top))}.ai-title{font-size:clamp(34px,10vw,44px)}.ai-composer{border-radius:26px;margin-top:20px}.ai-composer-body{border-radius:24.5px;padding:14px 10px 10px 16px}.ai-composer textarea{font-size:17px}.ai-select{gap:4px;height:32px;padding:0 9px;font-size:12px}.ai-composer-foot{gap:6px}.ai-mic{width:34px;height:34px}.ai-send{width:38px;height:38px}.ai-engine{font-size:11.5px}.ai-ideas{gap:10px}.ai-idea{border-radius:20px;min-height:120px;padding:14px}.ai-idea b{font-size:15px}.ai-idea .t-caption{font-size:12px}.ai-recents{grid-template-columns:1fr}.ai-session{grid-template-columns:1fr;gap:14px;padding:16px}.ai-session-art{width:128px}.ai-session-art .mix-art{border-radius:16px}.ai-actions{flex-wrap:nowrap!important}.ai-actions .btn-lg{flex:auto;min-width:0;height:42px;padding:0 14px;font-size:14.5px}.ai-actions .icon-btn{flex:none}.ai-session-title{font-size:22px}.ai-stats{gap:4px 12px;font-size:13px}.ai-shape{padding:14px}}:root[data-motion=off] .ai-rim,:root[data-motion=off] .ai-rim:after,:root[data-motion=off] .ai-shimmer,:root[data-motion=off] .ai-aura i{animation:none}