@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-devanagari-400-normal-CJDn6rn8.woff2)format("woff2"),url(/assets/poppins-devanagari-400-normal-CqVvlrh5.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2)format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-devanagari-500-normal-BIdkeU1p.woff2)format("woff2"),url(/assets/poppins-devanagari-500-normal-DMPDjHtT.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-ext-500-normal-CK-6C4Hw.woff2)format("woff2"),url(/assets/poppins-latin-ext-500-normal-CgAe2rWW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2)format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2)format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2)format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-normal-O-jipLrW.woff2)format("woff2"),url(/assets/poppins-devanagari-700-normal-fHs-vx92.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-normal-cby-RkWa.woff2)format("woff2"),url(/assets/poppins-latin-ext-700-normal-DctTR6Tg.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#8f4a2b;--on-primary:#fff;--primary-container:#ffdbc9;--on-primary-container:#390c00;--secondary:#77574a;--on-secondary:#fff;--secondary-container:#ffdbc9;--on-secondary-container:#2c160b;--tertiary:#675f31;--on-tertiary:#fff;--tertiary-container:#efe3a9;--on-tertiary-container:#201c00;--surface:#fff8f5;--surface-container-lowest:#fff;--surface-container-low:#fef1ec;--surface-container:#f9ebe4;--surface-container-high:#f3e5de;--surface-container-highest:#eddfd8;--on-surface:#221a15;--on-surface-variant:#52443c;--outline:#85736b;--outline-variant:#d7c2b8;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#410002;--ok:#4a6741;--on-surface-muted:color-mix(in srgb, var(--on-surface-variant) 74%, transparent);--on-surface-faint:color-mix(in srgb, var(--on-surface-variant) 50%, transparent);--outline-strong:color-mix(in srgb, var(--outline) 50%, transparent);--player-tint:var(--primary);--bg:var(--surface);--bg-raised:var(--surface-container-low);--bg-sunken:var(--surface-container);--line:var(--outline-variant);--line-strong:var(--outline-strong);--ink:var(--on-surface);--ink-soft:var(--on-surface-variant);--ink-muted:var(--on-surface-muted);--ink-faint:var(--on-surface-faint);--accent:var(--primary);--accent-ink:var(--on-primary);--accent-soft:color-mix(in srgb, var(--primary) 12%, transparent);--danger:var(--error);--font-display:var(--font);--radius:var(--shape-sm);--radius-lg:var(--shape-lg);--art-radius:var(--shape-sm);--shape-xs:4px;--shape-sm:8px;--shape-md:12px;--shape-lg:16px;--shape-xl:28px;--shape-full:999px;--state-hover:color-mix(in srgb, var(--on-surface) 8%, transparent);--state-press:color-mix(in srgb, var(--on-surface) 12%, transparent);--dur-micro:.12s;--dur-quick:.18s;--dur-standard:.26s;--dur-sheet:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.3, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--font:"Poppins", system-ui, -apple-system, sans-serif;--gutter:28px;--player-h:76px;--tabbar-h:0px;--sidebar-w:232px;--elev-1:0 1px 2px #0000001a, 0 1px 3px #0000000f;--elev-2:0 1px 3px #0000001f, 0 2px 8px #00000014;--elev-3:0 4px 12px #00000024, 0 1px 4px #0000001a;--shadow-pop:var(--elev-3)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#ffb693;--on-primary:#552004;--primary-container:#713518;--on-primary-container:#ffdbc9;--secondary:#e7bead;--on-secondary:#442a1e;--secondary-container:#5d4033;--on-secondary-container:#ffdbc9;--tertiary:#d2c78f;--on-tertiary:#373106;--tertiary-container:#4e471b;--on-tertiary-container:#efe3a9;--surface:#131110;--surface-container-lowest:#0d0b0a;--surface-container-low:#1b1817;--surface-container:#211d1b;--surface-container-high:#2b2624;--surface-container-highest:#36302d;--on-surface:#ece5e1;--on-surface-variant:#cfc4be;--outline:#9a8d86;--outline-variant:#453e3a;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--ok:#8aa982;--elev-1:0 1px 2px #0000004d, 0 1px 3px #0003;--elev-2:0 1px 3px #0006, 0 2px 8px #0000004d;--elev-3:0 4px 14px #00000080, 0 1px 4px #0006}*{box-sizing:border-box}@media (width<=1100px){:root{--gutter:24px}}@media (width<=860px){:root{--gutter:20px;--player-h:64px;--tabbar-h:calc(56px + env(safe-area-inset-bottom))}}@media (width<=400px){:root{--gutter:16px}}html,body{height:100%;margin:0;padding:0}body{background:var(--surface);color:var(--on-surface);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;font-size:14px;line-height:1.5}#root{height:100%}::selection{background:var(--accent-soft)}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.app{grid-template-rows:1fr auto;grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;transition:grid-template-columns var(--dur-standard) var(--ease-emphasized);grid-template-areas:"sidebar main""player player";display:grid}@media (width<=860px){.app{grid-template:"main"1fr"player""tabs"/1fr}}.app:not(.has-player){--player-h:0px}.sidebar{background:var(--surface-container-low);flex-direction:column;grid-area:sidebar;gap:2px;padding:12px 12px 16px;display:flex;overflow:hidden auto}@media (width<=860px){.sidebar{display:none}}.brand{align-items:center;gap:6px;padding:2px 2px 14px;display:flex}.brand-mark{letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:700}.brand-mark em{color:var(--primary);font-style:normal}.nav-section{text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-faint);white-space:nowrap;padding:16px 13px 6px;font-size:10.5px;font-weight:600}.nav-link{border-radius:var(--shape-sm);color:var(--on-surface-variant);text-align:left;white-space:nowrap;width:100%;transition:background .12s var(--ease-standard), color .12s var(--ease-standard);background:0 0;border:none;align-items:center;gap:13px;padding:8px 13px;font-size:13.5px;font-weight:500;display:flex}.nav-link svg{opacity:.8;flex-shrink:0}.nav-link:hover{background:var(--state-hover);color:var(--on-surface)}.nav-link:active{background:var(--state-press)}.nav-link.active{background:var(--state-press);color:var(--on-surface);font-weight:600}.nav-link.active svg{color:var(--primary);opacity:1}.sidebar-foot{color:var(--on-surface-faint);white-space:nowrap;padding:14px 13px 4px;font-size:11px;line-height:1.7}.sidebar-foot a{color:inherit}.sidebar-foot a:hover{color:var(--on-surface)}@media (width>=861px){.app.nav-collapsed{grid-template-columns:68px 1fr}}.app:not(.nav-collapsed) .nav-link span,.app:not(.nav-collapsed) .brand-mark span{animation:fade-in var(--dur-quick) var(--ease-standard)}.app.nav-collapsed .sidebar{padding:12px 10px 16px}.app.nav-collapsed .nav-link{justify-content:center;gap:0;padding:10px 0}.app.nav-collapsed .nav-link span,.app.nav-collapsed .brand-mark,.app.nav-collapsed .nav-section span,.app.nav-collapsed .sidebar-foot{display:none}.app.nav-collapsed .nav-section{padding:8px 0 0}.app.nav-collapsed .brand{justify-content:center;padding:2px 0 14px}.drawer-backdrop{z-index:110;opacity:0;pointer-events:none;transition:opacity var(--dur-quick) var(--ease-standard);background:#00000080;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{z-index:111;background:var(--surface-container-low);width:min(300px,84vw);padding:8px 12px calc(24px + env(safe-area-inset-bottom));transition:transform var(--dur-standard) var(--ease-emphasized), visibility var(--dur-standard);visibility:hidden;outline:none;flex-direction:column;gap:2px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%)}.drawer.open{visibility:visible;box-shadow:var(--elev-3);transform:none}.drawer-head{justify-content:space-between;align-items:center;padding:8px 2px 12px 13px;display:flex}.main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;grid-area:main;min-height:0;scroll-padding-top:64px;position:relative;overflow:hidden auto}.page{max-width:1360px;padding:16px var(--gutter) 48px;animation:page-in var(--dur-quick) var(--ease-standard);margin:0 auto}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width<=860px){.page{padding:8px var(--gutter) 28px}}.topbar{z-index:30;padding:10px var(--gutter) 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background var(--dur-quick) var(--ease-standard), box-shadow var(--dur-quick) var(--ease-standard);background:0 0;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar.scrolled{background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:0 1px 0 var(--outline-variant)}.topbar .hamburger,.topbar .topbar-brand,.topbar .topbar-search{display:none}@media (width<=860px){.topbar{padding:6px var(--gutter);gap:4px;min-height:56px}.topbar .hamburger{display:inline-grid}.topbar .search-box{display:none}.topbar .topbar-search{display:inline-grid}.topbar .topbar-brand{letter-spacing:-.01em;align-items:center;margin-right:2px;padding:4px 6px;font-size:18px;display:inline-flex}.topbar .btn.small{padding:9px 16px;font-size:13px}.topbar .topbar-avatar{border-radius:var(--shape-full);place-items:center;width:44px;height:44px;display:inline-grid}}.search-box{flex:1;max-width:460px;position:relative}.search-box input{border-radius:var(--shape-full);background:var(--surface-container-high);width:100%;color:var(--on-surface);transition:background .15s var(--ease-standard), box-shadow .15s var(--ease-standard);border:none;padding:10px 16px 10px 40px;font-size:14px}.search-box input::placeholder{color:var(--on-surface-variant);opacity:.8}.search-box input:focus{background:var(--surface-container-highest);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.search-hero{border-radius:var(--shape-full);background:var(--surface-container-high);width:100%;max-width:560px;color:var(--on-surface);transition:background .15s var(--ease-standard), box-shadow .15s var(--ease-standard);border:none;padding:14px 22px;font-size:16px}.search-hero:focus{background:var(--surface-container-highest);box-shadow:0 0 0 2px var(--accent-soft);outline:none}@media (width<=860px){.search-hero{text-overflow:ellipsis;max-width:none;min-height:52px;padding:15px 20px}}.search-box svg{color:var(--on-surface-faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}h1.page-title{letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.2}.page-sub{color:var(--on-surface-muted);max-width:62ch;margin:0 0 28px;font-size:13px;line-height:1.55}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:30px 0 12px;display:flex}.section-head:first-child{margin-top:0}@media (width<=860px){h1.page-title{font-size:22px}.page-sub{margin-bottom:20px}.section-head{margin:24px 0 10px}}.section-title{letter-spacing:0;margin:0;font-size:16px;font-weight:600}.section-note{color:var(--on-surface-faint);font-size:12px;font-weight:400}.section-link{color:var(--on-surface-muted);font-size:12.5px;font-weight:500}.section-link:hover{color:var(--primary)}@media (width<=860px){.section-link{align-items:center;min-height:32px;padding-left:10px;font-size:13px;display:inline-flex}}.card-row{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:24px 16px;display:grid}.card-row.wide{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}@media (width<=640px){.card-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px 14px}.card-row.wide{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.shelf{overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px var(--gutter) 8px;margin:0 calc(-1 * var(--gutter));scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf>*{animation:fade-in var(--dur-quick) var(--ease-standard) backwards}.shelf>:first-child{animation-delay:0s}.shelf>:nth-child(2){animation-delay:25ms}.shelf>:nth-child(3){animation-delay:50ms}.shelf>:nth-child(4){animation-delay:75ms}.shelf>:nth-child(5){animation-delay:.1s}.shelf>:nth-child(6){animation-delay:.125s}.shelf>:nth-child(7){animation-delay:.15s}.shelf>:nth-child(n+8){animation-delay:.165s}.shelf>*{scroll-snap-align:start;flex:0 0 148px}.shelf>.collection-tile{flex-basis:240px}@media (width<=640px){.shelf{gap:12px}.shelf>*{flex-basis:132px}.shelf>.collection-tile{flex-basis:210px}}.tile{display:block}.tile-art{aspect-ratio:1;border-radius:var(--shape-sm);background:var(--surface-container);transition:transform .15s var(--ease-standard);position:relative;overflow:hidden}.tile:active .tile-art{transform:scale(.975)}.tile-art img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease-standard);display:block}img.img-loading{opacity:0}img.img-loaded{opacity:1;transition:opacity var(--dur-quick) var(--ease-standard)}.tile:hover .tile-art img{transform:scale(1.03)}.tile-art .art-fallback{width:100%;height:100%;color:var(--on-surface-faint);place-items:center;font-size:32px;font-weight:600;display:grid}.tile-play{background:var(--primary);width:38px;height:38px;color:var(--on-primary);opacity:0;transition:opacity .15s var(--ease-standard), transform .15s var(--ease-standard);box-shadow:var(--elev-2);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(4px)}.tile:hover .tile-play,.tile:focus-within .tile-play{opacity:1;transform:none}@media (hover:none){.tile-play{opacity:1;width:34px;height:34px;transform:none}}.tile-more{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--dur-micro) var(--ease-standard), background var(--dur-micro) var(--ease-standard);background:#0000006b;position:absolute;top:6px;right:6px}.tile-more:hover,.tile-more:focus-visible{color:#fff;background:#0009}.tile:hover .tile-more,.tile:focus-within .tile-more,.tile-more[aria-expanded=true]{opacity:1}@media (hover:none){.tile-more{opacity:1}}.tile-title{white-space:nowrap;text-overflow:ellipsis;margin:8px 1px 0;font-size:13px;font-weight:500;line-height:1.35;overflow:hidden}.tile-sub{color:var(--on-surface-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 1px;font-size:12px;overflow:hidden}@media (width<=860px){.tile-title{margin-top:9px;font-size:13.5px}.tile-sub{font-size:12.5px}}.tile-sub a:hover{color:var(--primary)}.artist-tile .tile-art{border-radius:50%}.tracklist{margin:0 -10px}@media (width<=860px){.tracklist{margin:0 -8px}}@media (width>=1000px){.home-tracklist{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}}.track-row{border-radius:var(--shape-sm);cursor:pointer;min-height:52px;transition:background .1s var(--ease-standard);grid-template-columns:24px 40px 1fr auto auto;align-items:center;gap:12px;padding:4px 10px;display:grid}.track-row:hover{background:var(--state-hover)}.track-row:active{background:var(--state-press);transform:scale(.997)}.track-row{transition:background .1s var(--ease-standard), transform .1s var(--ease-standard)}.track-row.playing{background:color-mix(in srgb, var(--player-tint) 9%, transparent)}.track-row .idx{color:var(--on-surface-faint);font-variant-numeric:tabular-nums;text-align:right;font-size:12.5px;position:relative}.track-row .row-play{color:var(--on-surface);background:0 0;border:none;place-items:center;width:100%;padding:0;display:none}.track-row:hover .idx span{display:none}.track-row:hover .row-play{display:grid}.track-row.playing .idx span:not(.eq),.track-row.playing:hover .idx .eq{display:none}.track-row.playing .row-play{color:var(--player-tint);display:grid}.track-row.playing:not(:hover) .row-play{display:none}.eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.eq i{background:var(--player-tint);border-radius:1px;width:3px;animation:.9s ease-in-out infinite eq-bounce}.eq i:first-child{animation-delay:0s}.eq i:nth-child(2){animation-delay:.25s}.eq i:nth-child(3){animation-delay:.5s}@keyframes eq-bounce{0%,to{height:4px}50%{height:12px}}@media (prefers-reduced-motion:reduce){.eq i{height:8px;animation:none}}.track-row .art{border-radius:var(--shape-xs);background:var(--surface-container);flex-shrink:0;width:40px;height:40px;overflow:hidden}.track-row .art img{object-fit:cover;width:100%;height:100%;display:block}.track-row .meta{min-width:0}.track-row .t-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;line-height:1.4;overflow:hidden}.track-row.playing .t-title{color:color-mix(in srgb, var(--player-tint) 80%, var(--on-surface));font-weight:600}.track-row .t-sub{color:var(--on-surface-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-row .t-sub a:hover{color:var(--primary)}.track-row .actions{opacity:0;align-items:center;gap:2px;display:flex}.track-row:hover .actions,.track-row:focus-within .actions{opacity:1}.track-row .actions:has(.menu){opacity:1}@media (hover:none){.track-row .actions{opacity:1}}.track-row .dur{color:var(--on-surface-faint);font-variant-numeric:tabular-nums;text-align:right;min-width:40px;font-size:12.5px}.track-row .art-state{display:none}@media (width<=860px){.track-row{border-radius:var(--shape-md);grid-template-columns:48px minmax(0,1fr) auto;gap:12px;min-height:64px;padding:6px 8px}.track-row .idx,.track-row .dur{display:none}.track-row .art{border-radius:var(--shape-sm);width:48px;height:48px;position:relative}.track-row .t-title{font-size:14.5px;line-height:1.35}.track-row .t-sub{margin-top:1px;font-size:12.5px}.track-row .actions{gap:0}.track-row.playing .art-state{color:#fff;background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.track-row.playing .art-state .eq i{background:#fff}}@media (width<=520px){.track-row .actions .fav-btn:not(.active){display:none}}.source-chip{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--shape-xs);background:var(--surface-container-highest);color:var(--on-surface-variant);vertical-align:2px;align-items:center;gap:4px;margin-left:8px;padding:2px 7px;font-size:9px;font-weight:600;display:inline-flex}.source-chip.local{color:var(--ok)}.source-chip.community{color:color-mix(in srgb, var(--primary) 80%, var(--on-surface))}.source-chip.external{box-shadow:inset 0 0 0 1px var(--outline-variant);background:0 0}.original-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);vertical-align:2px;white-space:nowrap;align-items:center;font-size:9px;font-weight:600;line-height:1.4;display:inline-flex}.original-badge.compact{letter-spacing:.12em}.home-greeting{letter-spacing:-.01em;margin:4px 0 16px;font-size:22px;font-weight:700}.featured{background:var(--surface-container-low);border-radius:var(--shape-lg);grid-template-columns:96px 1fr;align-items:center;gap:18px;margin:0 0 4px;padding:14px;display:grid}.featured img{aspect-ratio:1;object-fit:cover;border-radius:var(--shape-sm);width:100%;display:block}.featured .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-faint);margin-bottom:3px;font-size:10px;font-weight:600}.featured h2{letter-spacing:-.01em;margin:0 0 1px;font-size:18px;font-weight:600;line-height:1.25}.featured .featured-artist{color:var(--on-surface-muted);margin-bottom:10px;font-size:13px}.featured p.blurb{display:none}@media (width<=640px){.featured{grid-template-columns:80px 1fr;gap:14px;padding:12px}}.collection-tile{color:inherit;flex-direction:column;gap:8px;min-width:0;text-decoration:none;display:flex}.collection-tile .collection-art{aspect-ratio:16/10;border-radius:var(--shape-sm);background:var(--surface-container);overflow:hidden}.collection-tile .collection-art img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.collection-tile:hover .collection-art img{transform:scale(1.03)}.collection-tile .tile-title{font-weight:600}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.station-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.station-card{border-radius:var(--shape-lg);text-align:left;background:var(--surface-container);cursor:pointer;font:inherit;color:inherit;transition:background .15s var(--ease-standard), transform .12s var(--ease-standard);border:none;padding:18px}.station-card:hover{background:var(--surface-container-high)}.station-card:active{transform:scale(.985)}.station-card .station-name{margin-bottom:3px;font-size:14.5px;font-weight:600}.station-card .station-desc{color:var(--on-surface-muted);font-size:12.5px;line-height:1.45}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px 40px;margin-bottom:40px;display:grid}.about-grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.release-hero{text-align:center;max-width:560px;color:var(--on-surface-variant);margin:24px auto 30px}.channel-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:720px;margin:0 auto;display:grid}.channel-card{border-radius:var(--shape-md);background:var(--surface-container);border:1px solid var(--outline);transition:background var(--dur-micro) var(--ease-standard), transform var(--dur-micro) var(--ease-standard);flex-direction:column;gap:6px;padding:18px 16px;text-decoration:none;display:flex}.channel-card:hover{background:var(--state-hover)}.channel-card:active{transform:scale(.99)}.channel-name{color:var(--on-surface);align-items:center;gap:6px;font-size:14.5px;font-weight:600;display:inline-flex}.channel-desc{color:var(--on-surface-muted);font-size:12.5px;line-height:1.5}.plain-list{color:var(--on-surface-variant);margin:0;padding-left:18px;font-size:13px;line-height:1.7}.about-card{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.about-card h3{margin:0;font-size:14.5px;font-weight:600}.about-card p{color:var(--on-surface-variant);margin:0;font-size:13px;line-height:1.65}.about-card a{color:var(--primary)}.about-card .btn{color:inherit}.about-card code{background:color-mix(in srgb, var(--on-surface) 7%, transparent);border-radius:var(--shape-xs);padding:1px 5px;font-size:12px}.about-steps{color:var(--on-surface-variant);margin:0;padding-left:20px;font-size:13.5px;line-height:1.9}.about-links{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.about-links a{align-items:center;gap:5px;display:inline-flex}.qris-img{border:1px solid var(--outline-variant);background:#fff;border-radius:8px;width:100%;max-width:220px}.supporter-wall{flex-wrap:wrap;gap:8px;display:flex}.release-notes{border-top:1px solid var(--outline-variant);color:var(--on-surface-faint);max-width:560px;margin-top:28px;padding-top:16px;font-size:12px;line-height:1.8}.release-notes p{margin:0}.release-notes a{color:inherit;text-decoration:underline}.site-footer{border-top:1px solid var(--outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:56px;padding:28px 0 12px;display:flex}.site-footer .f-brand{font-size:15px;font-weight:600}.site-footer .f-brand em{color:var(--primary);font-style:normal}.site-footer .f-tagline{color:var(--on-surface-faint);margin-top:4px;font-size:12px}.site-footer nav{flex-wrap:wrap;gap:4px 18px;font-size:12.5px;display:flex}.site-footer nav a{color:var(--on-surface-muted);text-decoration:none}.site-footer nav a:hover{color:var(--on-surface);text-decoration:underline}.btn{border-radius:var(--shape-full);background:var(--secondary-container);color:var(--on-secondary-container);letter-spacing:.01em;transition:background .15s var(--ease-standard), transform .1s var(--ease-standard), box-shadow .15s var(--ease-standard);border:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--on-secondary-container) 8%, var(--secondary-container))}.btn:active{transform:scale(.97)}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.primary:hover{background:color-mix(in srgb, var(--on-primary) 8%, var(--primary));box-shadow:var(--elev-1)}.btn.small{padding:6px 14px;font-size:12.5px}.btn.danger{color:var(--on-error-container);background:var(--error-container)}.btn.danger:hover{background:color-mix(in srgb, var(--on-error-container) 8%, var(--error-container))}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border-radius:var(--shape-full);width:36px;height:36px;color:var(--on-surface-muted);transition:color .12s var(--ease-standard), background .12s var(--ease-standard);background:0 0;border:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--state-hover);color:var(--on-surface)}.icon-btn:active{background:var(--state-press)}.icon-btn.active{color:var(--accent)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:disabled:hover{color:var(--on-surface-muted);background:0 0}.link-btn{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.field{margin-bottom:16px}.field label{color:var(--on-surface-variant);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.field .hint{color:var(--on-surface-faint);margin-top:4px;font-size:12px}.field input[type=text],.field input[type=url],.field input[type=email],.field input[type=password],.field textarea,.field select{border:1px solid var(--outline);border-radius:var(--shape-xs);width:100%;color:var(--on-surface);transition:border-color .12s var(--ease-standard), box-shadow .12s var(--ease-standard);background:0 0;padding:10px 14px;font-size:14px}.field textarea{resize:vertical;min-height:90px}.input{border:1px solid var(--outline);border-radius:var(--shape-xs);width:100%;color:var(--on-surface);transition:border-color .12s var(--ease-standard), box-shadow .12s var(--ease-standard);background:0 0;padding:10px 14px;font-size:14px}.input:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);outline:none}textarea.input{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);outline:none}.field-check{align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.field-check input{accent-color:var(--primary);margin-top:3px}.form-error{background:var(--error-container);color:var(--on-error-container);border-radius:var(--shape-md);margin-bottom:16px;padding:10px 14px;font-size:13.5px}.form-ok{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok);border-radius:var(--shape-md);margin-bottom:16px;padding:10px 14px;font-size:13.5px}.player-bar{height:var(--player-h);background:color-mix(in srgb, var(--player-tint) 8%, var(--surface-container));z-index:40;transition:background .6s var(--ease-standard);grid-area:player;grid-template-columns:minmax(0,3fr) minmax(280px,4fr) minmax(0,3fr);align-items:center;gap:16px;padding:0 16px;display:grid;position:relative}@media (width<=860px){.player-bar{height:var(--player-h);cursor:pointer;background:color-mix(in srgb, var(--player-tint) 8%, var(--surface-container));border-radius:var(--shape-md) var(--shape-md) 0 0;box-shadow:0 -1px 0 var(--outline-variant);grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:0 10px 0 12px}}.pb-now{align-items:center;gap:12px;min-width:0;display:flex;position:relative}.pb-art{border-radius:var(--shape-xs);background:var(--surface-container);cursor:pointer;width:50px;height:50px;box-shadow:var(--elev-1);flex-shrink:0;overflow:hidden}@media (width<=860px){.pb-art{width:44px;height:44px}}.pb-art img{object-fit:cover;width:100%;height:100%;display:block}.pb-meta{flex:0 auto;min-width:0;max-width:65%}@media (width<=860px){.pb-meta{flex:auto;max-width:none}.pb-now{gap:10px}}@media (width<=640px){.pb-meta .source-chip{display:none}}.pb-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.pb-sub{color:var(--on-surface-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.4;overflow:hidden}@media (width<=860px){.pb-title{font-size:13.5px}.pb-sub{font-size:12px}}.pb-center{flex-direction:column;align-items:center;gap:2px;display:flex}@media (width<=860px){.pb-center .pb-seek{display:none}}.pb-controls{align-items:center;gap:4px;display:flex}.pb-play{border-radius:var(--shape-full);background:color-mix(in srgb, var(--player-tint) 70%, var(--on-surface));width:40px;height:40px;color:var(--surface);transition:background .6s var(--ease-standard), transform .1s var(--ease-standard);border:none;place-items:center;margin:0 6px;display:grid}.pb-play:hover{transform:scale(1.05)}.pb-play:active{transform:scale(.94)}.pb-play:disabled{opacity:.4}.pb-seek{align-items:center;gap:10px;width:100%;max-width:560px;display:flex}.pb-time{color:var(--on-surface-faint);font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}.pb-time:last-child{text-align:left}.seek-track{cursor:pointer;flex:1;align-items:center;height:16px;display:flex;position:relative}.seek-rail{background:var(--outline-strong);border-radius:2px;width:100%;height:4px;overflow:hidden}.seek-fill{background:var(--player-tint);height:100%;transition:background .6s var(--ease-standard);border-radius:2px}.seek-track:hover .seek-rail{height:6px}.pb-right{justify-content:flex-end;align-items:center;gap:2px;display:flex}@media (width<=860px){.pb-right .desktop-only,.pb-center .desktop-only,.pb-controls .icon-btn[aria-label=Previous\ track]{display:none}.pb-controls{gap:2px}.pb-controls .icon-btn{width:44px;height:44px}.pb-play{width:44px;height:44px;margin:0 2px}.pb-right .ctx-trigger{min-width:44px;min-height:44px}}.player-bar{transition:background .6s var(--ease-standard), transform var(--dur-standard) var(--ease-emphasized), opacity var(--dur-standard) var(--ease-emphasized), height var(--dur-standard) var(--ease-emphasized)}.player-bar:not(.has-item){opacity:0;pointer-events:none;height:0;overflow:hidden;transform:translateY(14px)}.pb-now{animation:pb-fade var(--dur-quick) var(--ease-standard)}@keyframes pb-fade{0%{opacity:.3;transform:translateY(2px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pb-now{animation:none}}.pb-play svg,.ps-play svg,.tile-play svg,.row-play svg{animation:icon-in var(--dur-micro) var(--ease-standard)}@keyframes icon-in{0%{opacity:.4;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.icon-btn.active svg{animation:heart-pop .22s var(--ease-emphasized)}@keyframes heart-pop{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.pb-spectrum{opacity:.85;pointer-events:none;flex:1 1 0;align-self:center;min-width:28px;height:30px;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 92%,#0000)}@media (width<=860px){.pb-spectrum{display:none}}.ps-ambient{z-index:0;pointer-events:none;opacity:.5;width:100%;height:46%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 70%);mask-image:linear-gradient(#0000 4%,#000 70%)}.ps-vis-pop{border-radius:var(--shape-lg);background:var(--surface-container-high);width:232px;box-shadow:var(--elev-3);z-index:5;animation:menu-in var(--dur-quick) var(--ease-emphasized);transform-origin:bottom;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;bottom:calc(100% + 10px);right:50%;transform:translate(50%)}@keyframes menu-in{0%{opacity:0;transform:translate(50%)scale(.94)}to{opacity:1;transform:translate(50%)scale(1)}}.ps-vis-select{border-radius:var(--shape-sm);border:1px solid var(--outline-variant);background:var(--surface-container);width:100%;color:var(--on-surface);padding:7px 10px;font-size:12.5px}.ps-vis-dial{color:var(--on-surface-muted);grid-template-columns:74px 1fr;align-items:center;gap:10px;font-size:11.5px;display:grid}.ps-vis-dial input[type=range]{width:100%;accent-color:var(--accent)}.vol-wrap{align-items:center;display:flex;position:relative}.vol-pop{border-radius:var(--shape-md);background:var(--surface-container-highest,var(--surface-container-high));border:1px solid var(--outline-variant);box-shadow:var(--elev-2,0 8px 24px #00000059);opacity:0;visibility:hidden;pointer-events:none;z-index:60;transition:opacity .14s var(--ease-standard), transform .14s var(--ease-standard), visibility .14s;padding:10px 12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.vol-pop:after{content:"";height:10px;position:absolute;top:100%;left:0;right:0}.vol-wrap:hover .vol-pop,.vol-wrap:focus-within .vol-pop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.vol-pop input[type=range]{width:104px;accent-color:var(--accent);height:4px;margin:0;display:block}.vol-btn[aria-pressed=true]{color:var(--accent)}@media (hover:none){.vol-pop{opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:0 0;border:0;padding:0 0 0 6px;position:static;transform:none}.vol-pop:after{content:none}}@media (prefers-reduced-motion:reduce){.vol-pop{transition:none;transform:translate(-50%)}}.pb-miniprogress{background:var(--player-tint);z-index:41;border-radius:0 2px 2px 0;height:2px;position:absolute;top:0;left:0}@media (width<=860px){.pb-miniprogress{border-radius:0 2px 2px 0;top:0;left:0;right:0}}.seg-tabs{border-bottom:1px solid var(--outline-variant);gap:4px;margin:2px 0 20px;display:flex}.seg-tabs a{color:var(--on-surface-variant);border-radius:var(--shape-sm) var(--shape-sm) 0 0;transition:background .12s var(--ease-standard), color .12s var(--ease-standard);padding:10px 16px 11px;font-size:14px;font-weight:500;position:relative}.seg-tabs a:hover{background:var(--state-hover);color:var(--on-surface)}.seg-tabs a.active{color:var(--primary);font-weight:600}.seg-tabs a.active:after{content:"";background:var(--primary);height:3px;animation:tab-ind var(--dur-quick) var(--ease-emphasized);border-radius:3px 3px 0 0;position:absolute;bottom:-1px;left:12px;right:12px}@keyframes tab-ind{0%{opacity:.4;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}@media (width<=640px){.seg-tabs{scrollbar-width:none;margin:0 -16px 18px;padding:0 12px;overflow-x:auto}.seg-tabs::-webkit-scrollbar{display:none}.seg-tabs a{white-space:nowrap}}.tabbar{background:var(--surface-container);height:var(--tabbar-h);padding:0 4px env(safe-area-inset-bottom);box-shadow:0 -1px 0 var(--outline-variant);grid-area:tabs;display:none}@media (width<=860px){.tabbar{display:flex}}.tabbar a{min-width:0;color:var(--on-surface-variant);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:6px 2px;font-size:11px;font-weight:500;display:flex}.tabbar a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar a{transition:color var(--dur-micro) var(--ease-standard)}.tabbar a svg{border-radius:var(--shape-full);box-sizing:content-box;transition:background var(--dur-quick) var(--ease-standard), transform var(--dur-micro) var(--ease-standard);padding:3px 14px}.tabbar a:active svg{transform:scale(.92)}.tabbar a.active{color:var(--on-surface);font-weight:600}.tabbar a.active svg{background:var(--secondary-container);color:var(--on-secondary-container)}.player-sheet{z-index:90;background:color-mix(in srgb, var(--player-tint) 5%, var(--surface));border-radius:var(--shape-xl) var(--shape-xl) 0 0;animation:sheet-in var(--dur-sheet) var(--ease-emphasized);transition:background .6s var(--ease-standard);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes sheet-in{0%{opacity:.4;transform:translateY(48px)}to{opacity:1;transform:none}}.player-sheet.closing{animation:sheet-out .24s var(--ease-exit) forwards}@keyframes sheet-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(48px)}}.player-sheet:before{content:"";border-radius:var(--shape-full);background:color-mix(in srgb, var(--on-surface-variant) 40%, transparent);z-index:5;pointer-events:none;width:32px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.ps-backdrop{z-index:0;position:absolute;inset:0;overflow:hidden}.ps-backdrop img{object-fit:cover;filter:blur(64px)saturate(1.1);opacity:.24;width:100%;height:100%;transform:scale(1.3)}[data-theme=dark] .ps-backdrop img{opacity:.18}.ps-body{z-index:1;flex:1;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:40px;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:20px 48px 32px;display:grid;position:relative;overflow:hidden}@media (width<=860px){.ps-body{grid-template-columns:1fr;padding:12px 20px 24px;overflow-y:auto}}.ps-left{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:0;display:flex}.ps-art{aspect-ratio:1;border-radius:var(--shape-md);width:min(360px,72vw,42vh);box-shadow:var(--elev-3);background:var(--surface-container);animation:art-swap var(--dur-standard) var(--ease-emphasized);overflow:hidden}@keyframes art-swap{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ps-art img{object-fit:cover;width:100%;height:100%;display:block}.ps-art .art-fallback{width:100%;height:100%;color:var(--on-surface-faint);place-items:center;font-size:90px;display:grid}.ps-titleblock{text-align:center;max-width:480px}.ps-track-title{letter-spacing:-.01em;margin:0;font-size:clamp(20px,2.6vw,26px);font-weight:600;line-height:1.25}.ps-track-artist{color:var(--on-surface-muted);margin:4px 0 0;font-size:14px}.ps-track-artist a:hover{color:var(--primary)}.ps-right{flex-direction:column;min-height:0;padding-top:12px;display:flex}.ps-tabs{border-bottom:1px solid var(--outline-variant);gap:4px;margin-bottom:14px;display:flex}.ps-tabs button{color:var(--on-surface-variant);border-radius:var(--shape-sm) var(--shape-sm) 0 0;transition:background .12s var(--ease-standard), color .12s var(--ease-standard);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px;font-weight:500}.ps-tabs button:hover{background:var(--state-hover);color:var(--on-surface)}.ps-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.ps-panel{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.lyrics-body{white-space:pre-wrap;color:var(--on-surface-variant);padding-bottom:40px;font-size:15px;line-height:1.9}.ps-controls-zone{z-index:1;padding:8px 48px calc(20px + env(safe-area-inset-bottom));width:100%;max-width:760px;margin:0 auto;position:relative}@media (width<=860px){.ps-controls-zone{padding:8px 20px 20px}}.ps-main-controls{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.ps-play{border-radius:var(--shape-lg);background:color-mix(in srgb, var(--player-tint) 70%, var(--on-surface));width:60px;height:60px;color:var(--surface);transition:transform .1s var(--ease-standard), border-radius .2s var(--ease-emphasized), background .6s var(--ease-standard);border:none;place-items:center;display:grid}.ps-play:hover{transform:scale(1.04)}.ps-play:active{border-radius:var(--shape-full);transform:scale(.96)}.ps-topbar{z-index:2;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:relative}.queue-row{border-radius:var(--shape-sm);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.queue-row:hover{background:var(--state-hover)}.queue-item-wrap{transition:opacity var(--dur-quick) var(--ease-exit), transform var(--dur-quick) var(--ease-exit)}.queue-item-wrap.removing{opacity:0;pointer-events:none;transform:translate(14px)}.queue-row.current{background:color-mix(in srgb, var(--player-tint) 10%, transparent)}.queue-row .q-art{border-radius:var(--shape-xs);background:var(--surface-container);flex-shrink:0;width:36px;height:36px;overflow:hidden}.queue-row .q-art img{object-fit:cover;width:100%;height:100%}.queue-row .q-meta{flex:1;min-width:0}.queue-row .q-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.queue-row.current .q-title{color:color-mix(in srgb, var(--player-tint) 80%, var(--on-surface))}.queue-row .q-sub{color:var(--on-surface-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.immersive{z-index:100;color:#efeae0;background:#0c0b09;position:fixed;inset:0}.immersive canvas{width:100%;height:100%;position:absolute;inset:0}.imm-ui{padding:24px 32px calc(24px + env(safe-area-inset-bottom));z-index:2;flex-direction:column;justify-content:space-between;transition:opacity .5s;display:flex;position:absolute;inset:0}.imm-ui.hidden{opacity:0;pointer-events:none}.imm-top{justify-content:space-between;align-items:flex-start;display:flex}.imm-bottom{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.imm-lyrics{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#efeae0eb;white-space:pre-wrap;text-align:center;background:#100f0cd1;border:1px solid #ffffff1a;border-radius:12px;max-width:min(620px,84vw);max-height:52vh;padding:24px 28px;font-size:clamp(16px,2.2vw,21px);line-height:1.75;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.imm-meta .t{font-size:24px;font-weight:600}.imm-meta .a{color:#efeae0a6;font-size:15px}.imm-controls{align-items:center;gap:6px;display:flex}.immersive .icon-btn{color:#efeae0b3}.immersive .icon-btn:hover{color:#fff;background:#ffffff14}.imm-select{color:#efeae0;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;padding:6px 10px;font-size:13px}.pill-row,.seg-row{flex-wrap:wrap;gap:8px;display:flex}.mod-list{flex-direction:column;gap:10px;display:flex}.mod-card{background:var(--surface-container);border:1px solid var(--outline);border-radius:var(--shape-md);padding:14px 16px}.mod-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.status-chip{border-radius:var(--shape-full);background:var(--state-hover);color:var(--on-surface-variant);white-space:nowrap;padding:2px 10px;font-size:11px;font-weight:600}.status-chip.status-published{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--primary)}.status-chip.status-taken_down{background:#dd666638}.pill{border-radius:var(--shape-sm);color:var(--on-surface-variant);background:var(--surface-container-high);transition:background .12s var(--ease-standard), color .12s var(--ease-standard);border:none;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.pill:hover{background:color-mix(in srgb, var(--on-surface) 8%, var(--surface-container-high));color:var(--on-surface)}.pill.active{background:var(--secondary-container);color:var(--on-secondary-container);font-weight:600}.ctx-trigger{color:var(--on-surface-muted);border-radius:var(--shape-full);cursor:pointer;transition:background var(--dur-micro) var(--ease-standard), color var(--dur-micro) var(--ease-standard);background:0 0;border:none;place-items:center;padding:6px;display:inline-grid}.ctx-trigger:hover{background:var(--state-hover);color:var(--on-surface)}.ctx-trigger:active{background:var(--state-press)}.ctx-trigger[aria-expanded=true]{background:var(--state-press);color:var(--on-surface)}.ctx-menu{z-index:190;border-radius:var(--shape-md);background:var(--surface-container-high);border:1px solid var(--line);min-width:216px;max-width:min(320px,100vw - 16px);box-shadow:var(--elev-3);overscroll-behavior:contain;animation:ctx-in var(--dur-micro) var(--ease-emphasized);padding:6px;position:fixed;overflow-y:auto}.ctx-menu:focus{outline:none}.ctx-menu.closing{animation:ctx-out .11s var(--ease-exit) forwards}@keyframes ctx-in{0%{opacity:0;transform:scale(.97)translateY(-2px)}to{opacity:1;transform:none}}@keyframes ctx-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.98)}}.ctx-group+.ctx-group{border-top:1px solid var(--line);margin-top:5px;padding-top:5px}.ctx-item{text-align:left;width:100%;color:var(--on-surface);border-radius:var(--shape-sm);cursor:pointer;transition:background var(--dur-micro) var(--ease-standard);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;line-height:1.3;display:flex}.ctx-item>svg{color:var(--on-surface-muted);flex:none}.ctx-item .ctx-icon-space{flex:none;width:16px}.ctx-item .ctx-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ctx-item .ctx-hint{max-width:40%;color:var(--on-surface-faint);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11.5px;font-weight:500;overflow:hidden}.ctx-item:hover,.ctx-item.active{background:var(--state-hover)}.ctx-item:active{background:var(--state-press)}.ctx-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.ctx-item.danger,.ctx-item.danger>svg{color:var(--error)}.ctx-item.danger:hover,.ctx-item.danger.active{background:color-mix(in srgb, var(--error) 12%, transparent)}.ctx-sheet-backdrop{z-index:190;animation:fade-in var(--dur-micro) var(--ease-standard);background:#14110c73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ctx-sheet-backdrop.closing{animation:fade-out .11s var(--ease-exit) forwards}.ctx-sheet{overscroll-behavior:contain;width:min(560px,100%);max-height:76dvh;padding:8px 10px calc(14px + env(safe-area-inset-bottom));background:var(--surface-container-high);border-radius:var(--shape-xl) var(--shape-xl) 0 0;box-shadow:var(--elev-3);animation:ctx-sheet-in var(--dur-quick) var(--ease-emphasized);overflow-y:auto}.ctx-sheet:focus{outline:none}.ctx-sheet.closing{animation:ctx-sheet-out .11s var(--ease-exit) forwards}@keyframes ctx-sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ctx-sheet-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.ctx-sheet-head:before{content:"";border-radius:var(--shape-full);background:var(--outline-variant);width:32px;height:4px;margin:0 auto 12px;display:block}.ctx-sheet-head{touch-action:none;cursor:grab;padding:6px 8px 10px}.ctx-sheet-title{color:var(--on-surface);font-size:15px;font-weight:600}.ctx-sheet-sub{color:var(--on-surface-muted);margin-top:2px;font-size:12px}.ctx-sheet .ctx-item{gap:14px;padding:13px 10px;font-size:15px}.ctx-sheet .ctx-item .ctx-hint{font-size:12.5px}@media (prefers-reduced-motion:reduce){.ctx-menu,.ctx-menu.closing,.ctx-sheet,.ctx-sheet.closing,.ctx-sheet-backdrop,.ctx-sheet-backdrop.closing{animation:none}}.dialog.compact{max-width:400px;padding:22px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.empty{text-align:center;color:var(--on-surface-muted);padding:48px 24px}.empty h3{color:var(--on-surface);margin:0 0 6px;font-size:15px;font-weight:600}.empty p{margin:0 0 14px;font-size:13.5px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.stat{border-radius:var(--shape-lg);background:var(--surface-container);padding:16px}.stat .n{font-size:24px;font-weight:600}.stat .l{color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.status-badge{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--shape-xs);padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.status-badge.pending{background:var(--tertiary-container);color:var(--on-tertiary-container)}.status-badge.reviewing{background:var(--secondary-container);color:var(--on-secondary-container)}.status-badge.approved{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.status-badge.published{background:color-mix(in srgb, var(--ok) 25%, transparent);color:var(--ok)}.status-badge.rejected{background:var(--error-container);color:var(--on-error-container)}.catalog-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:10px;display:flex}.catalog-actions{flex-wrap:wrap;gap:8px;display:flex}.detail-head{flex-wrap:wrap;align-items:flex-end;gap:26px;margin-bottom:26px;display:flex}.detail-art{border-radius:var(--shape-sm);background:var(--surface-container);width:200px;height:200px;box-shadow:var(--elev-2);flex-shrink:0;overflow:hidden}.detail-art.round{border-radius:50%}.detail-art img{object-fit:cover;width:100%;height:100%;display:block}.detail-art .art-fallback{width:100%;height:100%;color:var(--on-surface-faint);place-items:center;font-size:64px;display:grid}.detail-kind{text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-faint);margin-bottom:6px;font-size:10.5px;font-weight:600}.detail-title{letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(24px,3.6vw,36px);font-weight:700;line-height:1.12}.detail-meta{color:var(--on-surface-muted);font-size:13.5px}.detail-meta a{color:var(--on-surface-variant);font-weight:500}.detail-meta a:hover{color:var(--accent)}.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.prose{color:var(--on-surface-variant);max-width:68ch;line-height:1.7}@media (width<=640px){.detail-head{margin-bottom:20px;display:block}.detail-art{width:min(46vw,190px);height:min(46vw,190px);margin-bottom:14px}.detail-art .art-fallback{font-size:48px}.detail-title{font-size:26px}.detail-meta{font-size:13px}.detail-actions{gap:8px;margin-top:14px}.detail-actions .btn{min-height:44px}.detail-actions .btn.primary{flex:auto;min-width:140px}.detail-actions .icon-btn{width:44px;height:44px}.prose{font-size:13.5px;line-height:1.65}}.dialog-backdrop{z-index:120;animation:fade-in var(--dur-quick) var(--ease-standard);background:#14110c73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface-container-high);border-radius:var(--shape-xl);box-shadow:var(--elev-3);width:100%;max-width:440px;max-height:85dvh;animation:dialog-in var(--dur-quick) var(--ease-emphasized);padding:24px;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.dialog h3{margin:0 0 4px;font-size:17px;font-weight:600}.dialog .dialog-sub{color:var(--on-surface-muted);margin:0 0 18px;font-size:13px}.toast-zone{bottom:calc(var(--player-h) + var(--tabbar-h) + 14px);z-index:200;pointer-events:none;max-width:calc(100vw - 2 * var(--gutter));flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--on-surface);color:var(--surface-container-low);border-radius:var(--shape-sm);box-shadow:var(--elev-3);animation:toast-life 2.8s var(--ease-standard) both;padding:10px 18px;font-size:13px}@keyframes toast-life{0%{opacity:0;transform:translateY(8px)}7%{opacity:1;transform:none}90%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.toast{opacity:1;animation:none}}.dropzone{border:1.5px dashed var(--outline);border-radius:var(--shape-lg);text-align:center;color:var(--on-surface-muted);transition:border-color .15s var(--ease-standard), background .15s var(--ease-standard);cursor:pointer;padding:40px 24px}.dropzone.over{border-color:var(--primary);background:var(--accent-soft)}.dropzone h3{color:var(--on-surface);margin:0 0 4px;font-size:15px;font-weight:600}.spin{border:2px solid var(--outline-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{color:var(--on-surface-muted);place-items:center;padding:80px 0;display:grid}.kbd{background:var(--surface-container);border:1px solid var(--outline-strong);border-radius:var(--shape-xs);border-bottom-width:2px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:11px}.note-card{background:var(--surface-container);border-radius:var(--shape-md);color:var(--on-surface-variant);padding:12px 16px;font-size:13px}table.simple{border-collapse:collapse;width:100%;font-size:13.5px}table.simple th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-faint);border-bottom:1px solid var(--outline-variant);padding:6px 10px;font-size:11px}table.simple td{border-bottom:1px solid var(--outline-variant);padding:8px 10px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-greeting{animation:greeting-in var(--dur-standard) var(--ease-emphasized) both}@keyframes greeting-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.avatar{object-fit:cover;background:var(--surface-container-high);border-radius:50%;flex-shrink:0;display:inline-block}.avatar-fallback{color:var(--on-primary-container);background:var(--primary-container);-webkit-user-select:none;user-select:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.topbar-avatar{transition:background var(--dur-micro) var(--ease-standard), transform var(--dur-micro) var(--ease-standard);border-radius:50%;padding:2px;display:inline-flex}.topbar-avatar:hover{background:var(--state-hover)}.topbar-avatar:active{transform:scale(.94)}.profile-head{animation:profile-in var(--dur-standard) var(--ease-standard) both;align-items:flex-start;gap:22px;margin:6px 0 30px;display:flex}@keyframes profile-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.profile-avatar{box-shadow:var(--elev-1)}.profile-identity{flex:1;min-width:0}.profile-role-row{color:var(--on-surface-faint);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:11.5px;font-weight:500;display:flex}.role-chip{border-radius:var(--shape-full);background:var(--secondary-container);color:var(--on-secondary-container);letter-spacing:.06em;padding:2px 8px}.profile-name{letter-spacing:-.02em;margin:6px 0 2px;font-size:32px;font-weight:700;line-height:1.15}.profile-username{color:var(--on-surface-muted);font-size:13.5px}.profile-bio{max-width:62ch;color:var(--on-surface-variant);white-space:pre-wrap;margin:12px 0 0;font-size:14px;line-height:1.65}.profile-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.profile-link{border-radius:var(--shape-full);background:var(--surface-container-high);color:var(--on-surface-variant);transition:background var(--dur-micro) var(--ease-standard), transform var(--dur-micro) var(--ease-standard);align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.profile-link:hover{background:var(--surface-container-highest);color:var(--on-surface)}.profile-link:active{transform:scale(.97)}.profile-artist-row{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.profile-artist-card{border-radius:var(--shape-md);background:var(--surface-container-low);transition:background var(--dur-quick) var(--ease-standard), transform var(--dur-quick) var(--ease-standard);align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex}.profile-artist-card:hover{background:var(--surface-container)}.profile-artist-card:active{transform:scale(.99)}.profile-artist-card span{display:grid}.profile-artist-card strong{font-size:13.5px;font-weight:600}.profile-artist-card em{color:var(--on-surface-muted);font-size:12px;font-style:normal}.profile-playlists{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.profile-playlist{border-radius:var(--shape-md);background:var(--surface-container-low);transition:background var(--dur-quick) var(--ease-standard), transform var(--dur-quick) var(--ease-standard);gap:3px;padding:14px 16px;display:grid}.profile-playlist:hover{background:var(--surface-container)}.profile-playlist:active{transform:scale(.99)}.profile-playlist strong{font-size:14px;font-weight:600}.profile-playlist span{color:var(--on-surface-muted);font-size:12px}.profile-playlist em{color:var(--on-surface-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-style:normal;overflow:hidden}.profile-playlist,.profile-artist-card{position:relative}.card-more{opacity:0;position:absolute;top:8px;right:8px}.profile-playlist:hover .card-more,.profile-playlist:focus-within .card-more,.profile-artist-card:hover .card-more,.profile-artist-card:focus-within .card-more,.card-more[aria-expanded=true]{opacity:1}@media (hover:none){.card-more{opacity:1}}@media (width<=640px){.profile-head{gap:16px}.profile-name{font-size:25px}}.page-narrow{max-width:720px}.edit-card{background:var(--surface-container-low);border-radius:var(--shape-lg);animation:card-in var(--dur-quick) var(--ease-standard) both;margin-bottom:16px;padding:18px 20px}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.edit-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-muted);margin:0 0 14px;font-size:13px;font-weight:600}.edit-card-note{color:var(--on-surface-muted);max-width:60ch;margin:-6px 0 14px;font-size:12.5px;line-height:1.55}.edit-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 8px;display:flex}.avatar-editor{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.optional{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-faint);margin-left:4px;font-size:10.5px;font-weight:500}.hint-error{color:var(--error)}.hint-warn{color:var(--tertiary)}.input-prefix{background:var(--surface-container-high);border-radius:var(--shape-sm);align-items:center;gap:6px;padding-left:12px;display:flex}.input-prefix span{color:var(--on-surface-faint);font-size:14px}.input-prefix input{background:0 0!important;padding-left:0!important}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.link-row{grid-template-columns:minmax(90px,.5fr) 1fr auto;align-items:center;gap:8px;margin-bottom:10px;display:grid}.link-row input{border-radius:var(--shape-sm);background:var(--surface-container-high);color:var(--on-surface);border:none;padding:9px 12px;font-family:inherit;font-size:13.5px}.link-row input:focus{box-shadow:inset 0 0 0 1px var(--primary);outline:none}.link-row-error{grid-column:1/-1;margin:-2px 0 2px}.admin-page{max-width:1180px}.admin-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-sub{color:var(--on-surface-muted);max-width:60ch;margin:4px 0 0;font-size:13px;line-height:1.55}.admin-readonly{border-radius:var(--shape-full);background:var(--tertiary-container);color:var(--on-tertiary-container);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.admin-tabs{border-bottom:1px solid var(--outline-variant);flex-wrap:wrap;gap:2px;margin:20px 0 18px;display:flex}.admin-tab{color:var(--on-surface-muted);transition:color var(--dur-micro) var(--ease-standard), background var(--dur-micro) var(--ease-standard);border-radius:var(--shape-sm) var(--shape-sm) 0 0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}.admin-tab:hover{background:var(--state-hover);color:var(--on-surface)}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.admin-tab.active svg{color:var(--primary)}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-search{border-radius:var(--shape-full);background:var(--surface-container-high);max-width:320px;color:var(--on-surface);transition:box-shadow var(--dur-micro) var(--ease-standard);border:none;flex:220px;padding:9px 14px;font-family:inherit;font-size:13.5px}.admin-search:focus{box-shadow:0 0 0 2px var(--accent-soft);outline:none}.admin-toolbar-end{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:26px;display:grid}.admin-stat{border-radius:var(--shape-lg);background:var(--surface-container-low);transition:background var(--dur-quick) var(--ease-standard), transform var(--dur-quick) var(--ease-standard);padding:16px 18px}.admin-stat:hover{background:var(--surface-container)}.admin-stat:active{transform:scale(.99)}.admin-stat .n{font-size:26px;font-weight:600;line-height:1.1}.admin-stat .l{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-muted);margin-top:2px;font-size:11px}.admin-stat-split{color:var(--on-surface-faint);gap:10px;margin-top:10px;font-size:11.5px;display:flex}.admin-attention{border-radius:var(--shape-md);background:color-mix(in srgb, var(--tertiary-container) 60%, transparent);margin:0 0 24px;padding:12px 16px 12px 32px;font-size:13px;line-height:1.9}.admin-attention a{color:var(--on-tertiary-container);text-decoration:underline}.admin-quick{flex-wrap:wrap;gap:8px;display:flex}.admin-list{flex-direction:column;gap:4px;display:flex}.admin-row{border-radius:var(--shape-md);background:var(--surface-container-low);animation:row-in var(--dur-quick) var(--ease-standard) both;transition:background var(--dur-micro) var(--ease-standard), transform var(--dur-micro) var(--ease-standard);align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;display:flex}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.admin-row:hover{background:var(--surface-container)}.admin-row:active{transform:scale(.998)}.admin-row-main{flex:1;gap:1px;min-width:0;display:grid}.admin-row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.admin-row-main em{color:var(--on-surface-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-style:normal;overflow:hidden}.admin-row-kind{text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-faint);flex-shrink:0;width:54px;font-size:10px}.admin-row-art{border-radius:var(--shape-xs);background:var(--surface-container);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.admin-row-art img{object-fit:cover;width:100%;height:100%}.admin-row-counts,.admin-row-date{color:var(--on-surface-faint);white-space:nowrap;font-size:11.5px}.admin-row-date{text-align:right;min-width:84px}.warn-chip{border-radius:var(--shape-full);background:var(--error-container);color:var(--on-error-container);white-space:nowrap;padding:2px 8px;font-size:10.5px;font-weight:600}.status-chip.status-unlisted{background:var(--surface-container-highest);color:var(--on-surface-variant)}.status-chip.status-archived{background:color-mix(in srgb, var(--outline) 22%, transparent);color:var(--on-surface-variant)}.admin-editor{animation:card-in var(--dur-quick) var(--ease-standard) both}.admin-editor-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.admin-back{color:var(--on-surface-muted);font-size:12.5px}.admin-back:hover{color:var(--primary)}.admin-editor-title{letter-spacing:-.01em;margin:6px 0 4px;font-size:22px;font-weight:600}.admin-editor-meta{color:var(--on-surface-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.admin-editor-meta a{color:var(--primary)}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.admin-grid .edit-card{margin-bottom:0}.admin-mini-list{flex-direction:column;gap:2px;display:flex}.admin-mini-row{border-radius:var(--shape-sm);transition:background var(--dur-micro) var(--ease-standard);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.admin-mini-row:hover{background:var(--state-hover)}.admin-track-no{width:20px;color:var(--on-surface-faint);font-size:12px}.admin-order{gap:2px;display:flex}.admin-order .icon-btn{width:26px;height:26px;font-size:13px}.admin-suggest{background:var(--surface-container);border-radius:var(--shape-sm);animation:menu-in var(--dur-quick) var(--ease-standard);flex-direction:column;gap:2px;margin:-8px 0 14px;display:flex;overflow:hidden}.admin-suggest-item{text-align:left;cursor:pointer;color:var(--on-surface);background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:13px}.admin-suggest-item em{color:var(--on-surface-muted);margin-left:6px;font-style:normal}.admin-suggest-item:hover,.admin-suggest-item.active{background:var(--state-hover)}.admin-empty{margin-top:10px}.media-url-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-top:5px;display:flex}.media-url-foot .hint{align-items:center;gap:5px;margin:0;display:inline-flex}.media-url-actions{flex-shrink:0;gap:12px;display:inline-flex}.media-preview{border-radius:var(--shape-sm);animation:card-in var(--dur-quick) var(--ease-standard) both;margin-top:10px}.media-preview-art{object-fit:cover;background:var(--surface-container);display:block}.media-preview-audio{background:var(--surface-container);align-items:center;gap:10px;width:fit-content;padding:8px 10px;display:flex}.media-preview-audio .hint{margin:0}.media-preview-failed{background:var(--error-container);color:var(--on-error-container);padding:8px 12px;font-size:12.5px}@media (width<=720px){.admin-row{flex-wrap:wrap}.admin-row-date{display:none}.field-pair{grid-template-columns:1fr}.link-row{grid-template-columns:1fr auto}.link-row input:first-child{grid-column:1/-1}}h1.page-title,.detail-title,.profile-name,.ps-track-title,.section-title{overflow-wrap:anywhere}@media (hover:none) and (width<=1024px){.icon-btn{width:42px;height:42px}.ctx-trigger{min-width:42px;min-height:42px;padding:9px}.btn{padding:11px 20px;font-size:13.5px}.btn.small{padding:9px 16px;font-size:13px}.tile-more,.card-more{opacity:1}[data-ctx-target]{-webkit-touch-callout:none}[data-ctx-target] .t-title,[data-ctx-target] .t-sub,[data-ctx-target] .tile-title,[data-ctx-target] .tile-sub{-webkit-user-select:none;user-select:none}}@media (width<=640px){.seg-tabs{margin:2px calc(-1 * var(--gutter)) 18px;padding:0 var(--gutter);overscroll-behavior-x:contain;overflow-x:auto}.seg-tabs a{padding:10px 12px}.empty{padding:36px 8px}.empty h3{font-size:16px}.empty p{max-width:34ch;margin-inline:auto;font-size:14px}.empty .btn{min-height:44px}.profile-head{align-items:center;gap:14px;margin-bottom:22px}.profile-name{margin-top:4px;font-size:24px}.profile-bio{font-size:13.5px}.profile-playlists{grid-template-columns:1fr}.profile-artist-row{flex-direction:column;align-items:stretch}.field input,.field textarea,.field select,.link-row input,.admin-search,.search-box input{font-size:16px}.field input,.field select{min-height:46px}.edit-actions .btn,.dialog-actions .btn{min-height:44px}.dialog-backdrop{place-items:end stretch;padding:0}.dialog{border-radius:var(--shape-xl) var(--shape-xl) 0 0;max-width:none;max-height:88dvh;padding:20px var(--gutter) calc(20px + env(safe-area-inset-bottom));animation:dialog-sheet-in var(--dur-quick) var(--ease-emphasized);overscroll-behavior:contain}.dialog-actions{margin-top:20px}.dialog-actions .btn{flex:auto;justify-content:center}}@keyframes dialog-sheet-in{0%{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=640px){.ctx-sheet{padding-inline:8px}.ctx-sheet .ctx-item{min-height:52px;padding:14px 12px}.ctx-sheet-head{padding:0 12px 12px}.ctx-sheet .ctx-item.danger{margin-top:2px}}@media (width<=860px){.ps-topbar{padding:max(14px, env(safe-area-inset-top)) 12px 10px}.ps-topbar .icon-btn{width:44px;height:44px}.ps-controls-zone{padding:8px var(--gutter) calc(16px + env(safe-area-inset-bottom))}.ps-body{padding:8px var(--gutter) 20px}.queue-row{min-height:56px;padding:10px 8px}.ps-main-controls .icon-btn{width:48px;height:48px}}.drawer{overscroll-behavior:contain}@media (width<=860px){.drawer .nav-link{min-height:46px}.drawer-head{padding-top:max(8px, env(safe-area-inset-top))}}.search-form{margin:0 0 22px}.search-field{align-items:center;max-width:560px;display:flex;position:relative}.search-field>svg{color:var(--on-surface-faint);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-field .search-hero{padding-left:48px;padding-right:50px}.search-field .search-clear{position:absolute;top:50%;right:5px;transform:translateY(-50%)}@media (width<=860px){.search-form{margin-bottom:18px}.search-field{max-width:none}}.detail-identity{flex:1;min-width:240px}@media (width<=640px){.detail-identity{min-width:0}}.blurb{margin:0 0 4px}.blurb-toggle{margin-top:8px;padding:4px 0;font-size:13px;display:none}@media (width<=860px){.blurb:not(.open) .prose{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blurb-toggle{display:inline-block}}@media (width<=640px){.home-greeting{margin:2px 0 14px;font-size:20px}.featured .btn{min-height:40px}}@media (hover:none),(width<=860px){body.scroll-locked .main{overflow:hidden}}.detail-art.landscape{aspect-ratio:16/10;width:min(100%,300px);height:auto}@media (width<=640px){.detail-art.landscape{width:100%}}@media (width<=860px){.ps-panel{flex:none;padding-right:0;overflow:visible}.ps-right{padding-top:16px}}@media (hover:none) and (width<=860px){.pill{padding:9px 16px}}@media (width<=640px){.site-footer{gap:16px;margin-top:36px;padding:20px 0 8px}.site-footer nav{gap:10px 16px}.site-footer nav a{padding:4px 0}.profile-head .profile-avatar{width:84px!important;height:84px!important;font-size:32px!important}}.main{flex-direction:column;display:flex}.main>*{flex:none}.main>.page:last-child{margin-top:auto}@media (width<=860px){.ps-body{grid-template-columns:minmax(0,1fr)}.ps-left,.ps-right,.ps-panel{min-width:0}.ps-titleblock{max-width:100%}.track-row .t-title .source-chip,.track-row .t-title .original-badge,.queue-row .source-chip,.queue-row .original-badge{display:none}}@media (width>=641px) and (width<=860px){.track-row{grid-template-columns:48px minmax(0,1fr) auto auto}.track-row .dur{display:block}}@media (width<=640px){.detail-head{gap:14px;margin-bottom:18px}.detail-art:not(.landscape){width:min(40vw,156px);height:min(40vw,156px)}.detail-art.round{width:min(33vw,128px);height:min(33vw,128px)}.detail-art .art-fallback{font-size:40px}.detail-kind{margin-bottom:4px}.detail-actions{gap:8px;margin-top:14px}.detail-actions>.btn.primary{flex:100%;justify-content:center;min-height:48px}.detail-actions>.btn{flex:0 auto}.compact-hide{display:none}}@media (hover:none) and (width<=1024px){.site-footer nav a,.section-link,.profile-link{align-items:center;min-height:40px;display:inline-flex}.pill,.btn.small,.seg-tabs a{min-height:40px}.site-footer nav{gap:0 18px}}@media (width<=640px){.support-note{display:none}}.legal-page{max-width:820px}.legal-page .page-sub{max-width:68ch}.legal-date{color:var(--on-surface-faint);margin:-8px 0 18px;font-size:12.5px}.legal-section{margin-top:34px}.legal-section h2{letter-spacing:-.01em;margin:0 0 10px;scroll-margin-top:72px;font-size:17px;font-weight:600}.legal-section .prose{margin:0 0 12px}.legal-list{color:var(--on-surface-variant);max-width:68ch;margin:0 0 12px;padding-left:20px;line-height:1.7}.legal-list li{margin-bottom:8px}.legal-list code{border-radius:var(--shape-xs);background:var(--surface-container-high);padding:1px 5px;font-size:12.5px}.legal-table-wrap{-webkit-overflow-scrolling:touch;margin:0 0 14px;overflow-x:auto}.legal-table{width:100%;min-width:460px}.legal-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-faint);padding-bottom:6px;font-size:11px;font-weight:600}.legal-table td{vertical-align:top;padding:8px 14px 8px 0;line-height:1.6}.legal-table tr+tr td{border-top:1px solid var(--outline-variant)}.legal-nav{border-top:1px solid var(--outline-variant);flex-wrap:wrap;gap:8px 20px;margin-top:40px;padding-top:18px;font-size:13px;display:flex}.legal-nav a{color:var(--primary)}.legal-note{color:var(--on-surface-faint);max-width:68ch;margin-top:14px;font-size:12.5px;line-height:1.65}@media (width<=640px){.legal-section{margin-top:26px}.legal-section h2{font-size:16px}.legal-list{padding-left:18px;font-size:13.5px}.legal-table{min-width:420px;font-size:13px}.legal-nav{gap:0 18px}.legal-nav a{align-items:center;min-height:40px;display:inline-flex}}.data-actions{gap:2px;max-width:620px;margin-bottom:8px;display:grid}.data-action{border-radius:var(--shape-md);background:var(--surface-container-low);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.data-action strong{font-size:13.5px;font-weight:600}.data-action p{color:var(--on-surface-muted);max-width:46ch;margin:3px 0 0;font-size:12.5px;line-height:1.55}.data-action .btn{flex-shrink:0}@media (width<=640px){.data-action{flex-direction:column;align-items:stretch;gap:12px}.data-action .btn{justify-content:center;min-height:44px}}.dialog-legal{text-align:center;color:var(--on-surface-faint);margin:14px 0 0;font-size:12px;line-height:1.6}.dialog-legal a{color:var(--on-surface-muted);text-decoration:underline}.main>*{min-width:0;max-width:100%}@media (width<=640px){.legal-table-wrap{overflow-x:visible}.legal-table,.legal-table tbody,.legal-table tr,.legal-table td{width:auto;min-width:0;display:block}.legal-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.legal-table tr{border-top:1px solid var(--outline-variant);padding:12px 0}.legal-table tr:first-child{border-top:0;padding-top:0}.legal-table td,.legal-table tr+tr td{border:0;padding:3px 0}.legal-table td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-faint);margin-bottom:1px;font-size:10.5px;display:block}.legal-table td:first-child{color:var(--on-surface);font-weight:600}}.main:focus,.main:focus-visible{outline:none}