:root{--spotify-green: #1DB954;--bg-dark: #121212;--card-bg: #1e1e1e;--text-primary: #FFFFFF;--text-secondary: #B3B3B3;--active-tab: #2a2a2a}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-container{max-width:480px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:80px}.header{padding:20px;display:flex;justify-content:space-between;align-items:center;background:#121212e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;border-bottom:1px solid #333}.version-badge{font-size:.75rem;background:#333;padding:4px 8px;border-radius:12px;color:#ccc}.player-section{padding:20px;animation:fadeIn .4s ease}.album-art-container{position:relative;width:100%;aspect-ratio:1;margin-bottom:25px;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0009}.album-art{width:100%;height:100%;object-fit:cover}.track-title{font-size:1.5rem;font-weight:700;margin:0 0 5px}.track-artist{color:var(--text-secondary);font-size:1.1rem;margin:0}.controls{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:30px}.control-btn{background:none;border:none;color:#fff;cursor:pointer;transition:transform .1s;display:flex;align-items:center;justify-content:center}.control-btn:active{transform:scale(.9)}.play-circle{width:72px;height:72px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #fff3}.queue-container{margin-top:30px}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-left:10px;border-left:4px solid var(--spotify-green)}.queue-item{display:flex;align-items:center;gap:15px;padding:12px;border-radius:8px;background:#ffffff08;margin-bottom:8px}.queue-thumb{width:48px;height:48px;border-radius:4px}.search-section{padding:20px;animation:slideUp .3s ease}.search-input{width:100%;background:#333;border:none;padding:16px;border-radius:12px;color:#fff;font-size:1rem;margin-bottom:20px;box-sizing:border-box}.result-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #333}.add-btn{background:transparent;border:1px solid #555;color:#fff;padding:6px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s}.add-btn:hover{background:#fff;color:#000;border-color:#fff}.nav-tabs{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#181818;border-top:1px solid #333;display:flex;justify-content:space-around;align-items:center;z-index:20}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:.75rem;background:none;border:none;cursor:pointer;width:50%;height:100%;justify-content:center}.nav-item.active{color:#fff;background:#ffffff0d}.nav-icon{font-size:1.5rem}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#1db954;color:#fff;padding:12px 24px;border-radius:30px;font-weight:600;box-shadow:0 10px 30px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);z-index:100;display:flex;align-items:center;gap:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}