:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5}:root{--bg0:#071416;--bg1:#0b2523;--mint:#2de7c6;--text:#ffffffeb;--muted:#ffffffa8;--border:#ffffff1f;--safe-top:0px;--safe-bottom:0px}html,body,#root{height:100%}body{color:var(--text);background:radial-gradient(900px 700px at 20% 10%,#2de7c62e,transparent 60%),radial-gradient(900px 700px at 80% 15%,#2de7c61a,transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg0));margin:0}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--page-pad:clamp(12px,3.5vw,16px);--player-h:clamp(64px,7.8vh,78px);--tg-header:clamp(44px,8vh,60px);--tg-bg:var(--tg-theme-bg-color,#0f1115);--tg-secondary:var(--tg-theme-secondary-bg-color,#ffffff0f);--tg-text:var(--tg-theme-text-color,#ffffffeb);--tg-hint:var(--tg-theme-hint-color,#ffffffb3);--block:#ffffff14;--stroke:#ffffff1a;--muted:#ffffffb3;--border:#ffffff1a}.app{width:100%;height:100dvh;overflow:hidden}.page{flex-direction:column;height:100%;display:flex}.content{-webkit-overflow-scrolling:touch;padding-top:calc(var(--page-pad) + var(--safe-top) + var(--tg-header));padding-left:var(--page-pad);padding-right:var(--page-pad);padding-bottom:calc(var(--page-pad) + var(--player-h) + var(--safe-bottom));flex:auto;overflow-y:auto}.contentInner{width:100%;max-width:680px;margin:0 auto}.player{padding:10px var(--page-pad)calc(10px + var(--safe-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.playerInner{pointer-events:auto;width:100%;max-width:680px;margin:0 auto}.playerBarNew{height:var(--player-h);background:linear-gradient(0deg,#00000038,#00000038),var(--tg-secondary);color:var(--tg-text);border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;justify-content:space-between;padding:10px 12px;display:flex;box-shadow:0 16px 44px #0006,inset 0 1px #ffffff0f}.playerBarNew__row{align-items:center;gap:12px;min-height:0;display:flex}.playerBarNew__thumb{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;flex:none;width:42px;height:42px;overflow:hidden}.playerBarNew__img{object-fit:cover;width:100%;height:100%;display:block}.playerBarNew__ph{background:radial-gradient(120% 120% at 30% 20%,#ffffff29,#ffffff0a);width:100%;height:100%}.playerBarNew__meta{flex:auto;min-width:0}.playerBarNew__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:850;line-height:1.1;overflow:hidden}.playerBarNew__subtitle{color:var(--tg-hint);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.playerBarNew__controls{flex:none;align-items:center;gap:10px;display:flex}.playerBarNew__btn{width:36px;height:36px;color:var(--tg-text);opacity:.95;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.playerBarNew__btn:disabled{opacity:.55}.playerBarNew__btn:active:not(:disabled){background:#ffffff14;transform:scale(.98)}.playerBarNew__btn--primary{background:var(--tg-text);width:44px;height:44px;color:var(--tg-bg);opacity:1;border-radius:999px}.playerBarNew__btn--primary:disabled{opacity:.65}.playerBarNew__spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.playerBarNew__progress{background:#ffffff1a;border-radius:999px;width:100%;height:3px;overflow:hidden}.playerBarNew__progressFill{background:var(--tg-text);opacity:.9;border-radius:999px;width:0%;height:100%;transition:width .16s}@media (prefers-reduced-motion:reduce){.playerBarNew__progressFill{transition:none}.playerBarNew__spinner{animation:none}}.card{border:1px solid var(--border);background:#00000038;border-radius:16px;width:min(560px,100%);padding:18px;box-shadow:0 14px 40px #00000059}.title{letter-spacing:.2px;margin:0 0 8px;font-size:30px;font-weight:900}.text{color:var(--muted);margin:0;font-size:14px}.browserGate{align-content:center;gap:12px;max-width:520px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:grid}.browserGate__title{margin:0;font-size:22px;font-weight:900}.browserGate__text{opacity:.9;margin:0;line-height:1.35}.browserGate__btn{background:var(--block);border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;height:44px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.browserGate__hint{opacity:.7;margin:0;font-size:12px}.section{margin-bottom:12px}.blockTitle{margin:0 0 10px;font-size:14px;font-weight:800}.playlistsStub{grid-template-columns:1fr 1fr;gap:12px;display:grid}.playlistStubCard{background:var(--block);border:1px solid var(--stroke);border-radius:14px;align-items:center;height:58px;padding:0 12px;display:flex}.tracksList{flex-direction:column;gap:10px;display:flex}.trackRow{text-align:left;background:var(--block);border:1px solid var(--stroke);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.trackRow--active{outline:2px solid #ffffff2e}.trackRow__meta{flex-direction:column;gap:4px;min-width:0;display:flex}.trackRow__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.trackRow__artist{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.trackRow__right{opacity:.8;flex:none;font-size:12px}.infoHint{opacity:.75;font-size:12px}.uploadPanel{margin-bottom:12px}.uploadPanel__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.uploadPanel__btn{cursor:pointer;background:var(--block);border:1px solid var(--stroke);border-radius:14px;justify-content:center;align-items:center;height:40px;padding:0 14px;font-weight:800;display:inline-flex}.uploadPanel__btn--disabled{opacity:.6;cursor:default}.uploadPanel__hint{opacity:.75;font-size:12px}.uploadPanel__error{opacity:.9;margin-top:8px;font-size:12px}@media (max-width:360px){:root{--page-pad:12px;--player-h:66px}.playerBarNew__btn{width:34px;height:34px}.playerBarNew__btn--primary{width:42px;height:42px}}