.app-main{min-height:100%;padding:16px 16px calc(var(--player-h) + var(--bottomnav-h) + env(safe-area-inset-bottom) + 16px)}.sidebar{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--surface);border-top:.5px solid var(--border);z-index:20}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px}.nav-item.active{color:var(--primary)}.nav-item svg{width:22px;height:22px}.mini-player{position:fixed;left:0;right:0;bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));height:var(--player-h);background:var(--surface);border-top:.5px solid var(--border);z-index:25}@media (min-width: 768px){.app-main{margin-left:var(--sidebar-w);padding:24px 28px calc(var(--player-h) + 24px)}.sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:#181818;border-right:.5px solid var(--border);padding:20px 14px;z-index:30}.sidebar .brand{font-size:18px;font-weight:500;margin:0 8px 18px}.sidebar .brand .accent{color:var(--primary)}.sidebar .nav-item{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;font-size:14px;padding:10px 12px;border-radius:8px}.sidebar .nav-item.active{background:#1db95424}.bottom-nav{display:none}.mini-player{left:var(--sidebar-w);bottom:0}}.brand-logo{width:28px;height:28px;border-radius:7px}.player-volume{display:none}@media (min-width: 768px){.player-volume{display:flex}}:root{--bg: #121212;--surface: #1e1e1e;--surface-2: #2a2a2a;--primary: #1db954;--on-primary: #000000;--text: #ececec;--muted: #9e9e9e;--border: rgba(255, 255, 255, .08);--player-h: 64px;--bottomnav-h: 60px;--sidebar-w: 240px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;padding-bottom:env(safe-area-inset-bottom)}a{color:var(--primary);text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%{opacity:1}to{opacity:.25}}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}@media (min-width: 768px){.tile-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}}