@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap";:root{--spotify-green: #1DB954;--spotify-black: #121212;--spotify-gray: #2a2a2a;--spotify-light-gray: #b3b3b3}body{margin:0;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--spotify-black);color:#fff;display:grid;place-items:center;min-height:100vh}.app-container{width:100%;max-width:400px;padding:20px;text-align:center}.app-title{font-size:3rem;font-weight:900;margin:0 0 24px;letter-spacing:-2px}.search-bar-form{position:relative;margin-bottom:32px}.search-input{width:100%;padding:14px 20px 14px 45px;border-radius:9999px;border:none;background-color:var(--spotify-gray);color:#fff;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 0 0 2px var(--spotify-green)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--spotify-light-gray)}.search-suggestions{position:absolute;top:110%;left:0;right:0;background-color:var(--spotify-gray);border-radius:8px;overflow:hidden;text-align:left;z-index:10;box-shadow:0 8px 16px #0000004d}.suggestion-item{padding:12px 20px;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.suggestion-item:hover{background-color:#3a3a3a}.main-player-tile{background-color:#181818;border-radius:12px;padding:24px;box-shadow:0 8px 24px #00000080}.song-artwork{width:100%;border-radius:8px;margin-bottom:24px;box-shadow:0 8px 24px #00000080}.song-info{position:relative}.song-info h2{font-size:1.5rem;font-weight:700;margin:0 0 4px}.song-info p{font-size:1rem;color:var(--spotify-light-gray);margin:0}.lyrics-button{position:absolute;top:0;right:0;background:none;border:none;color:var(--spotify-light-gray);cursor:pointer}.lyrics-button:hover{color:#fff}.progress-bar-container{width:100%;height:4px;background-color:#404040;border-radius:2px;cursor:pointer}.progress-bar{height:100%;background-color:var(--spotify-green);border-radius:2px;width:0%}.time-stamps{display:flex;justify-content:space-between;font-size:.75rem;color:var(--spotify-light-gray);margin-top:8px;margin-bottom:16px}.playback-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.main-controls{display:flex;align-items:center;gap:16px;flex-grow:1;justify-content:center}.control-button{background:none;border:none;color:var(--spotify-light-gray);cursor:pointer;transition:color .2s ease}.control-button:hover{color:#fff}.play-pause-button{background-color:var(--spotify-green);border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--spotify-black);transition:transform .2s ease}.play-pause-button:hover{transform:scale(1.05);color:var(--spotify-black)}.volume-control{display:flex;align-items:center;gap:8px;width:120px}.volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#404040;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--spotify-green);border-radius:50%}.lyrics-modal-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:20}.lyrics-modal-content{background:#181818;padding:32px;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;text-align:center}.lyrics-modal-content h2{margin:0 0 24px}.lyrics-modal-content pre{white-space:pre-wrap;line-height:1.6;font-family:Montserrat,sans-serif;color:var(--spotify-light-gray)}