@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080808;--bg-elevated:#111;--bg-surface:#171717;--bg-hover:#202020;--text:#fff;--text-2:#a3a3a3;--text-3:#737373;--border:#292929;--danger:#f87171;--ok:#4ade80;--font:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--radius:10px;--radius-sm:6px;--nav-h:56px;--mini-h:64px;--ease:cubic-bezier(.25, .1, .25, 1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--bg-elevated:#fff;--bg-surface:#fff;--bg-hover:#f0f0f0;--text:#111;--text-2:#666;--text-3:#737373;--border:#e5e5e5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior-y:none;font-synthesis:none;height:100%;margin:0;padding:0;font-size:15px;line-height:1.5}#root{min-height:100dvh}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:2px}::selection{background:#fff2}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-track{background:0 0}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-main{padding:calc(var(--s6) + env(safe-area-inset-top)) var(--s4) calc(var(--mini-h) + var(--nav-h) + env(safe-area-inset-bottom) + var(--s8));flex:1;width:100%;max-width:720px;margin:0 auto}@media (width>=900px){.app-shell{flex-direction:row}.app-main{padding:var(--s12) var(--s10);flex:1;min-width:0;max-width:none;margin:0}}.page{gap:var(--s8);animation:page-in var(--motion,.22s) var(--ease);flex-direction:column;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root{--motion:0s}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-title{letter-spacing:-.022em;margin:0;font-size:28px;font-weight:640}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin:0;font-size:11.5px;font-weight:620}.page-subtitle{color:var(--text-2);margin:6px 0 0;font-size:14px}.muted{color:var(--text-2)}.muted-3{color:var(--text-3)}.wordmark{letter-spacing:.32em;color:var(--text);-webkit-user-select:none;user-select:none;font-size:18px;font-weight:700}.track-row{gap:var(--s3);min-height:56px;padding:0 var(--s2);border-radius:var(--radius-sm);text-align:left;width:100%;color:inherit;transition:background-color .12s var(--ease);border:0;grid-template-columns:44px 1fr auto;align-items:center;display:grid}.track-row:hover{background:var(--bg-hover)}.track-row.playing{background:var(--bg-surface)}.track-row-art{border-radius:var(--radius-sm);background:var(--bg-surface);object-fit:cover;width:44px;height:44px;overflow:hidden}.track-row-art.placeholder,.art-fallback{color:var(--text-3);justify-content:center;align-items:center;display:flex}.track-row-text{flex-direction:column;gap:1px;min-width:0;display:flex}.track-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.track-row-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row-actions{align-items:center;gap:var(--s1);color:var(--text-3);display:flex}.section-stack{gap:var(--s3);flex-direction:column;display:flex}.h-scroll{gap:var(--s4);padding-bottom:var(--s2);scrollbar-width:none;scroll-snap-type:x proximity;display:flex;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.album-tile{scroll-snap-align:start;text-align:left;flex:none;width:128px}.album-tile .art{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-surface);width:128px;height:128px;margin-bottom:var(--s2)}.album-tile .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.album-tile .s{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.icon-btn{width:44px;height:44px;color:var(--text-2);transition:color .12s var(--ease), background-color .12s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.active{color:var(--text)}.icon-btn:disabled{opacity:.35;pointer-events:none}.text-btn{align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);transition:background-color .12s var(--ease);font-size:14px;font-weight:520;display:inline-flex}.text-btn:hover{background:var(--bg-hover)}.text-btn.solid{background:var(--text);color:var(--bg);border-color:var(--text)}.text-btn.solid:hover{opacity:.9}.text-btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.text-btn.ghost:hover{color:var(--text)}.text-btn.danger{color:var(--danger)}.text-btn:disabled{opacity:.4;pointer-events:none}.chip{border-radius:var(--radius-sm);border:1px solid var(--border);min-height:34px;color:var(--text-2);white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.badge{letter-spacing:.08em;border:1px solid var(--border);color:var(--text-3);text-transform:uppercase;border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.badge.solid{background:var(--bg-surface);color:var(--text-2)}.bottom-nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-elevated);border-top:1px solid var(--border);z-index:30;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:44px;font-size:10.5px;font-weight:500;display:flex}.bottom-nav a.active{color:var(--text)}@media (width>=900px){.bottom-nav{display:none}}.sidebar{display:none}@media (width>=900px){.sidebar{border-right:1px solid var(--border);width:232px;padding:var(--s8) var(--s4);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-between;height:100dvh;display:flex;position:sticky;top:0}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a{align-items:center;gap:var(--s3);height:40px;padding:0 var(--s3);border-radius:var(--radius-sm);color:var(--text-2);font-size:14.5px;font-weight:500;display:flex}.sidebar nav a:hover{background:var(--bg-hover);color:var(--text)}.sidebar nav a.active{background:var(--bg-surface);color:var(--text)}}.mini-player{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:25;background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:fixed}.mini-player-inner{height:var(--mini-h);align-items:center;gap:var(--s3);padding:0 var(--s3);width:100%;max-width:720px;margin:0 auto;display:flex}.mini-art{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-surface);flex-shrink:0;width:44px;height:44px}.mini-progress{background:var(--text);height:2px;transition:width .4s linear;position:absolute;top:-1px;left:0}@media (width>=900px){.mini-player{bottom:env(safe-area-inset-bottom);left:0;right:0}}.now-playing-overlay{z-index:50;background:var(--bg);padding:calc(var(--s4) + env(safe-area-inset-top)) var(--s6) calc(var(--s6) + env(safe-area-inset-bottom));animation:overlay-in .26s var(--ease);flex-direction:column;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.np-grid{justify-content:center;align-items:center;gap:var(--s6);flex-direction:column;flex:1;width:100%;max-width:520px;min-height:0;margin:0 auto;display:flex}.np-art{aspect-ratio:1;border-radius:var(--radius);object-fit:cover;background:var(--bg-surface);width:min(72vw,330px);height:auto;box-shadow:inset 0 1px #ffffff0a}.np-baseline{gap:var(--s4);align-items:center;width:100%;display:flex}.np-titles{flex:1;min-width:0}.np-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:600;overflow:hidden}.np-artist{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.seek-wrap{width:100%;padding:var(--s2) 0}.seek{background:var(--border);cursor:pointer;touch-action:none;border-radius:2px;width:100%;height:4px;position:relative}.seek-fill{background:var(--text);pointer-events:none;border-radius:2px;position:absolute;inset:0 auto 0 0}.seek-knob{background:var(--text);pointer-events:none;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%)}.time-row{color:var(--text-3);font-variant-numeric:tabular-nums;padding-top:var(--s1);justify-content:space-between;font-size:12px;display:flex}.np-controls{justify-content:center;align-items:center;gap:var(--s6);width:100%;display:flex}.play-btn{background:var(--text);width:68px;height:68px;color:var(--bg);transition:transform .12s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.play-btn:active{transform:scale(.95)}.search-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:44px;padding:0 var(--s4);color:var(--text);font-size:16px}.search-input:focus{border-color:var(--text-3);outline:none}.empty-state{text-align:center;align-items:center;gap:var(--s3);padding:var(--s12) var(--s6);color:var(--text-2);flex-direction:column;display:flex}.empty-state .icon{color:var(--text-3)}.empty-state h3{color:var(--text);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:560}.empty-state p{max-width:320px;margin:0;font-size:14px;line-height:1.55}.dialog-backdrop{z-index:60;animation:fade-in .14s var(--ease);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}@media (width>=768px){.dialog-backdrop{align-items:center}}.dialog{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;max-height:78dvh;padding:var(--s5) 0 calc(var(--s5) + env(safe-area-inset-bottom));overflow-y:auto}@media (width>=768px){.dialog{padding-bottom:var(--s5)}}.dialog-title{color:var(--text-2);padding:0 var(--s5) var(--s3);border-bottom:1px solid var(--border);margin-bottom:var(--s2);font-size:14px;font-weight:600}.menu-btn{align-items:center;gap:var(--s4);min-height:48px;padding:0 var(--s5);text-align:left;width:100%;color:var(--text);font-size:15px;display:flex}.menu-btn:hover{background:var(--bg-hover)}.menu-btn.danger{color:var(--danger)}.menu-btn svg{color:var(--text-2);flex-shrink:0}.menu-btn.danger svg{color:var(--danger)}.settings-row{justify-content:space-between;align-items:center;gap:var(--s4);border-bottom:1px solid var(--border);min-height:56px;padding:18px 0;display:flex}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s5)}.progress-track{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-indeterminate{background:var(--text);width:40%;height:100%;animation:indeterminate 1.2s infinite var(--ease);border-radius:2px}@keyframes indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.progress-fill{background:var(--text);height:100%;transition:width .25s var(--ease);border-radius:2px}.status-error{color:var(--danger)}.src-badge-row{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast{align-items:center;gap:var(--s3);left:50%;bottom:calc(var(--mini-h) + var(--nav-h) + env(safe-area-inset-bottom) + var(--s4));background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);z-index:200;max-width:min(88vw,420px);animation:toast-in .18s var(--ease);padding:10px 14px;font-size:13.5px;font-weight:480;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000073}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.toast-action{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex-shrink:0;margin:-2px 0;padding:4px 10px;font-size:13px;font-weight:550}.toast-action:hover{background:var(--bg-hover)}.skeleton{background:var(--bg-surface);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0b,#0000);animation:1.6s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}[data-theme=light] .skeleton:after{background:linear-gradient(90deg,#0000,#0000000a,#0000)}.splash{z-index:300;background:var(--bg);transition:opacity .42s var(--ease);opacity:1;place-items:center;display:grid;position:fixed;inset:0}.splash.dissolved{opacity:0;pointer-events:none}.splash-mark{align-items:center;gap:var(--s4);animation:splash-lift 1.15s var(--ease);flex-direction:column;display:flex}@keyframes splash-lift{0%{opacity:0;transform:translateY(6px)}35%{opacity:1;transform:none}to{opacity:1}}.splash-mark svg{width:64px;height:64px;stroke:var(--text);fill:none;stroke-linecap:round;stroke-width:44px}.splash-ring path{stroke-dasharray:1108;stroke-dashoffset:1108px;animation:splash-draw .9s var(--ease) 60ms forwards}.splash-stroke path{stroke-dasharray:328;stroke-dashoffset:328px;animation:splash-draw .62s var(--ease) .32s forwards}@keyframes splash-draw{to{stroke-dashoffset:0}}.splash-wordmark{letter-spacing:.42em;animation:splash-fade .7s var(--ease) .15s both;margin-left:.42em;font-size:17px;font-weight:640}.splash-tagline{letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);animation:splash-fade .8s var(--ease) .42s both;font-size:10.5px}@keyframes splash-fade{0%{opacity:0}to{opacity:1}}.splash-credit{bottom:calc(var(--s10) + env(safe-area-inset-bottom));letter-spacing:.22em;color:var(--text-3);opacity:.38;animation:splash-fade 1.2s var(--ease) .5s both;font-size:9px;position:absolute}.scroller{scroll-snap-type:x proximity;scrollbar-width:none;margin:0 calc(var(--s3) * -1);padding:4px var(--s3) 6px;touch-action:pan-y;overscroll-behavior-x:contain;gap:10px;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start}.tile{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);text-align:left;width:148px;height:148px;transition:border-color .16s var(--ease);flex-shrink:0;padding:0;position:relative;overflow:hidden}.tile:active{border-color:var(--text-3)}.tile img{object-fit:cover;filter:grayscale()contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.tile-overlay{background:linear-gradient(#0000,#000000c7);flex-direction:column;gap:1px;min-width:0;padding:34px 10px 10px;display:flex;position:absolute;inset:auto 0 0}.tile-title{color:var(--text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.tile-sub{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.tile-badge{width:24px;height:24px;color:var(--text-2);background:#0000008c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px}.tile-badge.on{background:var(--text);color:var(--bg)}.chips-row{gap:8px}.discover-section{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:26px 0 2px;display:flex}.discover-section:first-of-type{border-top:0}.section-note{color:var(--text-3);letter-spacing:.01em;padding:0 8px;font-size:12px}.collection-note{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:8px;margin:2px 8px 6px;padding:8px 10px;font-size:12.5px;display:flex}.collection-note .text-btn{gap:5px;min-height:26px;padding:0 8px;font-size:11.5px}.discover-search{border:1px solid var(--border);border-radius:var(--radius-sm);height:46px;color:var(--text-3);transition:border-color .16s var(--ease);align-items:center;gap:10px;margin:14px 0 12px;padding:0 12px;display:flex}.discover-search:focus-within{border-color:var(--text-3)}.discover-search input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.discover-search input::placeholder{color:var(--text-3)}.discover-attribution{letter-spacing:.02em;border-top:1px solid var(--border);margin-top:30px;padding:34px 8px 24px;font-size:11.5px}.dl-state-btn{color:var(--text-2);justify-content:center;align-items:center;display:flex;position:relative}.dl-state-btn .dl-spin{animation:1.1s linear infinite dl-rotate}@keyframes dl-rotate{to{transform:rotate(360deg)}}.dl-check{background:var(--text);width:18px;height:18px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.dl-state-btn .dl-spin{animation:none}}.row-badge{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 6px 0;font-size:10px;font-weight:600;display:inline-block}