*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #121212;--bg-secondary: #181818;--bg-elevated: #282828;--bg-highlight: #333333;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-subdued: #6a6a6a;--accent: #1db954;--accent-hover: #1ed760;--error: #e91429}html,body,#root{height:100%;height:100dvh;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary)}button{background:none;border:none;cursor:pointer;color:inherit;font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}input{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-subdued)}@media(max-width:768px){.app-container{grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;height:100vh!important;height:100dvh!important;max-height:100vh;max-height:100dvh}.sidebar{display:none!important}.sidebar.open{display:flex!important;position:fixed;top:0;left:0;width:280px;height:calc(100% - 140px);z-index:100;box-shadow:4px 0 24px #00000080}.sidebar-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}.main-wrapper{margin:0!important;border-radius:0!important;min-height:0;overflow:hidden}.menu-button{display:flex!important}.album-header{flex-direction:column!important;align-items:center!important;text-align:center}.album-cover{width:160px!important;height:160px!important;font-size:56px!important}.album-title{font-size:28px!important}.player{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;height:auto!important;min-height:80px;padding:12px 12px max(12px,env(safe-area-inset-bottom))!important;gap:8px;flex-shrink:0}.player-now-playing,.player-volume{display:none!important}.player-controls{width:100%}.progress-container{max-width:100%!important}.song-item{grid-template-columns:32px 1fr 72px!important;gap:8px!important;padding:10px 8px!important}.song-header{grid-template-columns:32px 1fr 72px!important;gap:8px!important;padding:8px!important}.song-list{padding:0 8px!important}.main-view{padding:16px!important}.header-section{padding:16px!important;gap:16px!important}}@media(max-width:480px){.album-cover{width:120px!important;height:120px!important;font-size:48px!important}.album-title{font-size:22px!important}.control-buttons{gap:12px!important}}