:root{--tg-bg-color:#f7f8fb;--tg-text-color:#16181d;--tg-hint-color:#687385;--tg-button-color:#2563eb;--tg-button-text-color:#fff;--tg-secondary-bg-color:#fff;--bottom-nav-height:74px;--mini-player-reserve:238px;color:var(--tg-text-color);background:var(--tg-bg-color);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--tg-bg-color);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{background:var(--tg-button-color);color:var(--tg-button-text-color);cursor:pointer;border:0;border-radius:8px;min-height:44px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.55}input[type=text],.search-row input{border:1px solid color-mix(in srgb, var(--tg-hint-color) 35%, transparent);background:var(--tg-secondary-bg-color);width:100%;min-height:44px;color:var(--tg-text-color);border-radius:8px;padding:0 12px}.app-shell{background:var(--tg-bg-color);min-height:100vh}.content-scroll{width:min(760px,100%);padding:14px 14px calc(var(--mini-player-reserve) + var(--bottom-nav-height) + env(safe-area-inset-bottom) + 20px);margin:0 auto}.auth-screen{padding-bottom:28px}.auth-status,.history-section,.track-section,.favorites-section,.playlist-section,.mini-player,.debug-panel,.notice,.catalog-actions,.screen-section{background:var(--tg-secondary-bg-color);border:1px solid color-mix(in srgb, var(--tg-hint-color) 22%, transparent);border-radius:8px;margin-bottom:12px;padding:14px}.screen-section{gap:12px;display:grid}.screen-section .history-section,.screen-section .track-section,.screen-section .favorites-section,.screen-section .catalog-actions,.screen-section .playlist-section{margin-bottom:0}.auth-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-status strong{font-size:18px;display:block}.auth-status span,.muted,.safe-meta,.track-copy span,.now-playing span,.now-playing em,.section-header span,.library-card span{color:var(--tg-hint-color)}.status-line{align-items:center;gap:8px;display:flex}.dot{background:var(--tg-hint-color);border-radius:50%;flex:none;width:10px;height:10px}.dot.authenticated{background:#16a34a}.dot.authenticating{background:#ca8a04}.dot.error{background:#dc2626}.screen-title h1,.search-bar label,.section-header h2,.debug-panel h2{letter-spacing:0;margin:0 0 8px;font-size:17px;font-weight:700;display:block}.screen-title h1{margin-bottom:0;font-size:24px}.search-row{grid-template-columns:1fr auto;gap:8px;display:grid}.quick-actions,.player-controls{gap:8px;margin-top:10px;display:flex}.quick-actions button,.player-controls button{flex:1}button.primary{font-weight:700}.text-action,.back-button{background:color-mix(in srgb, var(--tg-button-color) 14%, var(--tg-secondary-bg-color));width:fit-content;color:var(--tg-text-color);border:1px solid color-mix(in srgb, var(--tg-button-color) 32%, transparent)}.repeat-button{background:color-mix(in srgb, var(--tg-button-color) 16%, var(--tg-secondary-bg-color));color:var(--tg-text-color);border:1px solid color-mix(in srgb, var(--tg-button-color) 32%, transparent)}.repeat-button.active{background:var(--tg-button-color);color:var(--tg-button-text-color)}.section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.track-list,.library-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.track-list li,.library-list li{background:color-mix(in srgb, var(--tg-bg-color) 70%, var(--tg-secondary-bg-color));border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.track-list li.active{outline:2px solid color-mix(in srgb, var(--tg-button-color) 45%, transparent)}.track-copy{gap:4px;min-width:0;display:grid}.track-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.favorite-button{background:color-mix(in srgb, var(--tg-button-color) 12%, var(--tg-secondary-bg-color));width:44px;min-width:44px;color:var(--tg-hint-color);border:1px solid color-mix(in srgb, var(--tg-hint-color) 24%, transparent);place-items:center;padding:0;display:inline-grid}.favorite-button.compact{width:40px;min-width:40px;min-height:40px}.favorite-button.active{color:#e11d48;background:color-mix(in srgb, #e11d48 12%, var(--tg-secondary-bg-color));border-color:#e11d4857}.favorite-button svg{fill:currentColor;width:20px;height:20px}.now-playing-row{grid-template-columns:1fr auto;align-items:start;gap:10px;display:grid}.empty-state{background:color-mix(in srgb, var(--tg-bg-color) 70%, var(--tg-secondary-bg-color));border-radius:8px;gap:6px;padding:12px;display:grid}.empty-state span{color:var(--tg-hint-color)}.track-copy strong,.now-playing strong,.library-card strong,.library-list strong{overflow-wrap:anywhere}.library-menu{gap:10px;display:grid}.library-card{background:color-mix(in srgb, var(--tg-bg-color) 70%, var(--tg-secondary-bg-color));width:100%;min-height:72px;color:var(--tg-text-color);border:1px solid color-mix(in srgb, var(--tg-hint-color) 22%, transparent);text-align:left;justify-items:start;gap:4px;padding:12px;display:grid}.fixed-playback-stack{z-index:20;width:min(760px,100%);padding:0 14px env(safe-area-inset-bottom);background:linear-gradient(to top, var(--tg-bg-color) 82%, color-mix(in srgb, var(--tg-bg-color) 0%, transparent));position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%)}.fixed-playback-stack .mini-player{margin-bottom:8px;box-shadow:0 -8px 24px #0000001f}.bottom-navigation{min-height:var(--bottom-nav-height);background:var(--tg-secondary-bg-color);border:1px solid color-mix(in srgb, var(--tg-hint-color) 22%, transparent);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;padding:8px;display:grid}.bottom-navigation button{min-height:54px;color:var(--tg-hint-color);background:0 0;align-content:center;justify-items:center;gap:4px;padding:6px 4px;display:grid}.bottom-navigation button.active{background:color-mix(in srgb, var(--tg-button-color) 14%, transparent);color:var(--tg-button-color)}.bottom-navigation svg{width:20px;height:20px}.bottom-navigation span{text-align:center;font-size:12px;line-height:1.1}.now-playing{gap:3px;min-height:58px;display:grid}.now-playing strong{font-size:16px}.now-playing em{font-style:normal}.seek-row{font-variant-numeric:tabular-nums;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-top:12px;display:grid}.seek-row input{width:100%}.player-state{min-height:24px;margin-top:8px}.error-message{color:#b91c1c;margin:8px 0}.debug-panel dl{grid-template-columns:minmax(120px,1fr) minmax(80px,1fr);gap:6px 10px;margin:0;display:grid}.debug-panel dt{color:var(--tg-hint-color)}.debug-panel dd{text-align:right;overflow-wrap:anywhere;margin:0}@media (width<=460px){.auth-status,.search-row,.track-list li,.library-list li{grid-template-columns:1fr}.auth-status{align-items:start}.track-actions{justify-content:flex-start}.player-controls{grid-template-columns:1fr 1fr;display:grid}}