:root{--bg:#0d0d12;--surface:#17171f;--surface-2:#20202b;--surface-3:#2a2a37;--border:#ffffff12;--text:#f4f4f8;--text-2:#a3a3b5;--text-3:#6c6c80;--accent:#ff3d6e;--accent-2:#ff7a45;--accent-soft:#ff3d6e29;--radius:14px;--tab-h:58px;--mini-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-size:15px}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:default}input{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}h1,h2{margin:0}[hidden]{display:none!important}.accent{color:var(--accent)}.muted{color:var(--text-3)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{height:100%;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tab-h) + var(--safe-bottom) + 24px);position:absolute;inset:0;overflow-y:auto}.app--with-player .screen{padding-bottom:calc(var(--tab-h) + var(--mini-h) + var(--safe-bottom) + 24px)}.page{max-width:640px;margin:0 auto;padding:16px 16px 0}.page-header h1{letter-spacing:-.02em;margin:8px 0 18px;font-size:26px;font-weight:800}.bottom-dock{z-index:20;background:linear-gradient(to top, var(--bg) 70%, #0d0d1200);padding-top:10px;position:fixed;bottom:0;left:0;right:0}.tab-bar{height:calc(var(--tab-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#0d0d12f0;display:flex}.tab-bar__item{color:var(--text-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;transition:color .15s;display:flex}.tab-bar__item--active{color:var(--text)}.mini-player{height:var(--mini-h);background:var(--surface-2);border-radius:14px;align-items:center;gap:4px;margin:0 8px 8px;padding:0 8px 0 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000073}.mini-player__open{flex:1;align-items:center;gap:12px;min-width:0;height:100%;display:flex}.mini-player__text{min-width:0}.mini-player__title,.mini-player__artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-player__title{font-size:14px;font-weight:700}.mini-player__artist{color:var(--text-2);margin-top:2px;font-size:12.5px}.mini-player__progress{background:var(--accent);height:2px;transition:width .25s linear;position:absolute;bottom:0;left:0}.icon-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .1s,background .15s;display:inline-flex}.icon-btn:active{background:#ffffff0f;transform:scale(.9)}.icon-btn--lg{width:48px;height:48px}.primary-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 22px;font-weight:700;transition:transform .1s;display:inline-flex}.primary-btn:active{transform:scale(.97)}.chip{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.chip:active{background:var(--surface-3)}.chip--small{height:30px;padding:0 12px;font-size:13px}.cover{object-fit:cover;background:var(--surface-2);flex-shrink:0;display:block}.cover--placeholder{color:#ffffffbf;justify-content:center;align-items:center;display:flex}.mosaic{aspect-ratio:1;border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mosaic img{object-fit:cover;width:100%;height:100%;display:block}.track-list{flex-direction:column;display:flex}.track-row{border-radius:12px;align-items:center;margin:0 -8px;padding:0 0 0 8px;display:flex}.track-row:active{background:#ffffff0a}.track-row__main{flex:1;align-items:center;gap:12px;min-width:0;padding:7px 0;display:flex}.track-row__cover{flex-shrink:0;position:relative}.track-row__text{flex:1;min-width:0}.track-row__title,.track-row__artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-row__title{font-size:15px;font-weight:600}.track-row--current .track-row__title{color:var(--accent)}.track-row__artist{color:var(--text-2);align-items:center;gap:4px;margin-top:2px;font-size:13px;display:flex}.track-row__fav{color:var(--accent);flex-shrink:0}.track-row__duration{color:var(--text-3);font-variant-numeric:tabular-nums;padding-left:4px;font-size:12.5px}.track-row__more{color:var(--text-3)}.eq{background:#00000080;border-radius:8px;justify-content:center;align-items:flex-end;gap:3px;padding-bottom:14px;display:flex;position:absolute;inset:0}.eq span{background:#fff;border-radius:2px;width:3px;height:6px}.eq--playing span{animation:.9s ease-in-out infinite eq}.eq--playing span:nth-child(2){animation-delay:-.3s}.eq--playing span:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:5px}50%{height:18px}}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.quick-card{border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;height:58px;padding:0 16px;font-weight:700;display:flex}.quick-card--fav svg{color:var(--accent)}.quick-card:active{background:var(--surface-2)}.section{margin-top:24px}.section__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section__title{letter-spacing:-.01em;margin-bottom:12px;font-size:19px;font-weight:800}.section__head .section__title{margin-bottom:0}.section__actions{gap:8px;display:flex}.carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:0 16px 4px;scroll-padding:0 16px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;flex:0 0 132px;min-width:0}.card__art{aspect-ratio:1;margin-bottom:8px;position:relative}.card__art>.cover,.card__art>.mosaic{width:100%;height:100%}.card__play{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #0006}.card__title,.card__artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card__title{font-size:14px;font-weight:700}.card__artist{color:var(--text-2);margin-top:2px;font-size:12.5px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 12px;display:grid}.search-head{z-index:5;background:var(--bg);margin:-16px -16px 12px;padding:16px 16px 12px;position:sticky;top:-16px}.search-box{align-items:center;display:flex;position:relative}.search-box__icon{color:var(--text-3);pointer-events:none;position:absolute;left:14px}.search-box__input{background:var(--surface-2);appearance:none;border:1px solid #0000;border-radius:12px;outline:none;width:100%;height:46px;padding:0 44px 0 42px;font-size:16px}.search-box__input:focus{border-color:#ff3d6e80}.search-box__input::-webkit-search-cancel-button{display:none}.search-box__clear{color:var(--text-2);position:absolute;right:4px}.segmented{background:var(--surface);border-radius:10px;margin-top:10px;padding:3px;display:inline-flex}.segmented__item{height:32px;color:var(--text-2);border-radius:8px;padding:0 18px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.segmented__item--active{background:var(--surface-3);color:var(--text)}.list-loader{color:var(--text-3);justify-content:center;padding:18px 0;display:flex}.center-state{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.center-state__icon{background:var(--surface);width:72px;height:72px;color:var(--text-3);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.center-state__title{color:var(--text);font-size:17px;font-weight:800}.center-state__text{max-width:280px;font-size:14px;line-height:1.4}.center-state .primary-btn,.center-state .chip{margin-top:8px}.hint{color:var(--text-3);align-items:center;gap:8px;padding:14px 0;font-size:13.5px;display:flex}.menu{flex-direction:column;display:flex}.menu--card{background:var(--surface);border-radius:var(--radius);padding:4px 0}.menu--card .menu__item{padding:0 14px}.menu__item{border-radius:10px;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 4px;font-weight:600;display:flex}.menu__item:active{background:#ffffff0d}.menu__item--danger{color:#ff5a5a}.menu__label{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.menu__label small{color:var(--text-3);font-size:12.5px;font-weight:500}.menu__badge,.menu__plus{background:var(--surface-3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.menu__badge--fav{background:var(--accent-soft);color:var(--accent)}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:12px 0 20px;display:flex}.hero__icon{width:132px;height:132px;color:var(--text-2);background:linear-gradient(135deg,#3a3a52,#1d1d2a);border-radius:14px;justify-content:center;align-items:center;display:flex}.hero__icon--fav{background:linear-gradient(135deg, var(--accent), #7b2ff7);color:#fff}.hero__title{letter-spacing:-.02em;word-break:break-word;font-size:24px;font-weight:800}.hero__sub{color:var(--text-2);margin-top:4px;font-size:14px}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.sheet-root{z-index:60;pointer-events:none;position:fixed;inset:0}.sheet-root--open{pointer-events:auto}.sheet-backdrop{opacity:0;background:#0000008c;transition:opacity .22s;position:absolute;inset:0}.sheet-root--open .sheet-backdrop{opacity:1}.sheet{max-height:82%;padding:8px 16px calc(16px + var(--safe-bottom));background:var(--surface);border-radius:20px 20px 0 0;max-width:640px;margin:0 auto;transition:transform .26s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet-root--open .sheet{transform:translateY(0)}.sheet__handle{background:var(--surface-3);border-radius:2px;width:38px;height:4px;margin:0 auto 12px}.sheet__title{margin-bottom:10px;font-size:17px;font-weight:800}.sheet-track{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:6px;padding-bottom:12px;display:flex}.sheet-track__text{min-width:0}.sheet-track__title,.sheet-track__artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sheet-track__title{font-weight:700}.sheet-track__artist{color:var(--text-2);margin-top:2px;font-size:13.5px}.create-form{flex-direction:column;gap:12px;padding-top:6px;display:flex}.text-input{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;outline:none;height:48px;padding:0 14px;font-size:16px}.text-input:focus{border-color:#ff3d6e80}.full-player{z-index:40;background:var(--bg);transition:transform .32s cubic-bezier(.2,.8,.2,1);position:fixed;inset:0;overflow:hidden;transform:translateY(100%)}.full-player--open{transform:translateY(0)}.full-player__bg{filter:blur(48px)saturate(1.4)brightness(.45);background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.full-player__content{max-width:520px;height:100%;padding:10px 22px calc(18px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.full-player__top{justify-content:space-between;align-items:center;display:flex}.full-player__caption{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.full-player__art{flex:1;justify-content:center;align-items:center;min-height:0;padding:18px 0;display:flex}.full-player__cover{aspect-ratio:1;width:min(100%,46vh);height:auto;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform:scale(.88);box-shadow:0 24px 60px #0000008c}.full-player__art--playing .full-player__cover{transform:scale(1)}.full-player__meta{align-items:center;gap:8px;margin-bottom:14px;display:flex}.full-player__text{flex:1;min-width:0}.full-player__title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;overflow:hidden}.full-player__artist{max-width:100%;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:16px;display:block;overflow:hidden}.full-player__bottom{justify-content:center;margin-top:18px;display:flex}.full-player__bottom .chip{background:#ffffff1a}.seekbar input{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.seekbar input::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff var(--percent), #fff3 var(--percent));border-radius:2px;height:4px}.seekbar input::-moz-range-track{background:linear-gradient(to right, #fff var(--percent), #fff3 var(--percent));border-radius:2px;height:4px}.seekbar input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.seekbar input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.seekbar__times{color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:12px;display:flex}.controls{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.play-btn{color:#0d0d12;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .1s;display:flex}.play-btn:active{transform:scale(.93)}.queue{flex-direction:column;display:flex}.queue__row{align-items:center;display:flex}.queue__main{flex:1;align-items:center;gap:12px;min-width:0;padding:6px 0;display:flex}.queue__row--current .track-row__title{color:var(--accent)}.toast{left:50%;bottom:calc(var(--tab-h) + var(--mini-h) + var(--safe-bottom) + 28px);z-index:80;color:#0d0d12;opacity:0;pointer-events:none;background:#fff;border-radius:12px;max-width:calc(100% - 32px);padding:11px 18px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px);box-shadow:0 10px 30px #0006}.toast--visible{opacity:1;transform:translate(-50%)}.splash{height:100%;color:var(--text-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;display:flex}.splash__logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;display:flex;box-shadow:0 16px 40px #ff3d6e59}.splash__error{max-width:280px;font-size:15px;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}