@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap";:root{--bg-base:#000;--bg-highlight:#121212;--bg-elevated:#242424;--text-base:#fff;--text-subdued:#b3b3b3;--accent:#1db954;--accent-hover:#1ed760;--divider:#ffffff1a;--player-height:90px;--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-base);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.glass{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--divider);background:#121212d9}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex}.main-content{padding-bottom:calc(var(--player-height) + var(--nav-height) + 20px);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-nav{height:var(--nav-height);z-index:40;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--divider);background:#121212f2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-subdued);flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--text-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.truncate-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}