body{background:#0a0a0a;color:#fff;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main.svelte-r584iz{max-width:600px;margin:0 auto;padding:2rem 1rem;min-height:100vh;background:#0a0a0a}.logo.svelte-r584iz{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.logo.svelte-r584iz h1:where(.svelte-r584iz){font-size:2.5rem;font-weight:700;color:#6366f1;margin:0}.login-screen.svelte-r584iz,.loading-screen.svelte-r584iz,.error-screen.svelte-r584iz{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.tagline.svelte-r584iz{font-size:1.2rem;color:#a0a0a0;margin-bottom:.5rem}.premium-note.svelte-r584iz{color:#666;font-size:.9rem;margin-bottom:2rem}.login-btn.svelte-r584iz{background:#1db954;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1db9544d}.login-btn.svelte-r584iz:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1db95466}.loading-text.svelte-r584iz{color:#a0a0a0;font-size:1.1rem;margin-bottom:2rem}.loading-spinner.svelte-r584iz{width:40px;height:40px;border:3px solid #333;border-top:3px solid #6366f1;border-radius:50%;animation:svelte-r584iz-spin 1s linear infinite}@keyframes svelte-r584iz-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message.svelte-r584iz{color:#ff6b6b;margin:1rem 0 2rem;font-weight:500}.error-actions.svelte-r584iz{display:flex;gap:1rem;flex-wrap:wrap}.retry-btn.svelte-r584iz{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.secondary-btn.svelte-r584iz{background:transparent;color:#a0a0a0;border:2px solid #333;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.secondary-btn.svelte-r584iz:hover{border-color:#6366f1;color:#6366f1}.game-header.svelte-r584iz{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.game-header.svelte-r584iz .logo:where(.svelte-r584iz) h1:where(.svelte-r584iz){font-size:2rem}.header-btn.svelte-r584iz{background:#1a1a1a;color:#666;border:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:not-allowed}.ticker.svelte-r584iz{background:#1a1a1a;color:#a0a0a0;padding:1rem 1.5rem;border-radius:20px;margin-bottom:2rem;font-weight:600;text-align:center;border:1px solid #333;animation:svelte-r584iz-fadeIn .5s ease-in-out;transition:all .3s ease}.ticker.hint.svelte-r584iz{color:#a0a0a0;border-color:#333}.ticker.new-hint.svelte-r584iz{background:#0d1a0d;color:#1db954;border-color:#1db954;box-shadow:0 0 20px #1db9544d;animation:svelte-r584iz-fadeIn .5s ease-in-out,svelte-r584iz-spotifyGlow 2s ease-in-out}@keyframes svelte-r584iz-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-r584iz-spotifyGlow{0%{box-shadow:0 0 5px #1db9544d}50%{box-shadow:0 0 25px #1db95499}to{box-shadow:0 0 10px #1db9544d}}.guess-components.svelte-r584iz{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.guess-component.svelte-r584iz{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transform:scale(.75);opacity:.4}.guess-component.active.svelte-r584iz{transform:scale(1);opacity:1;border-color:#6366f1;box-shadow:0 0 0 1px #6366f133}.guess-component.locked.svelte-r584iz{transform:scale(1);opacity:1}.guess-row.svelte-r584iz{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.play-btn.svelte-r584iz{width:44px;height:44px;border-radius:50%;border:none;background:#333!important;color:#666!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.play-btn.enabled.svelte-r584iz{background:#28a745!important;color:#fff!important;box-shadow:0 2px 8px #28a7454d}.play-btn.playing.svelte-r584iz{background:#007bff!important;color:#fff!important;animation:svelte-r584iz-pulse 1.5s infinite;box-shadow:0 2px 8px #007bff66!important}.play-btn.loading.svelte-r584iz{background:#555!important;color:#aaa!important;cursor:not-allowed}.play-spinner.svelte-r584iz{width:16px;height:16px;border:2px solid #666;border-top:2px solid #aaa;border-radius:50%;animation:svelte-r584iz-spin 1s linear infinite}.play-btn.svelte-r584iz:not(:disabled):hover{transform:scale(1.1)}.play-btn.playing.svelte-r584iz:hover{background:#0056b3!important;transform:scale(1.1)}.play-btn.enabled.svelte-r584iz:hover{background:#218838!important}@keyframes svelte-r584iz-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes svelte-r584iz-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.guess-row.svelte-r584iz input:where(.svelte-r584iz){flex:1;background:#0a0a0a;border:2px solid #333;border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease}.guess-row.svelte-r584iz input:where(.svelte-r584iz):focus{outline:none;border-color:#6366f1;background:#111}.guess-row.svelte-r584iz input:where(.svelte-r584iz):disabled{background:#1a1a1a;color:#666;cursor:not-allowed}.guess-row.svelte-r584iz input.locked:where(.svelte-r584iz){background:#1a1a1a;border-color:#333;color:#a0a0a0;font-weight:600}.action-buttons.svelte-r584iz{display:flex;gap:.5rem;justify-content:center}.submit-btn.svelte-r584iz,.skip-btn.svelte-r584iz{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:70px}.submit-btn.svelte-r584iz{background:#555;color:#999}.submit-btn.enabled.svelte-r584iz{background:#28a745;color:#fff;box-shadow:0 2px 6px #28a7454d}.skip-btn.svelte-r584iz{background:#555;color:#999}.skip-btn.enabled.svelte-r584iz{background:#1a365d;color:#fff;box-shadow:0 2px 6px #1a365d4d}.x-btn.svelte-r584iz{background:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:not-allowed;min-width:70px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.placeholder-btns.svelte-r584iz{display:flex;gap:.5rem}.placeholder-btn.svelte-r584iz{background:#2a2a2a;color:#666;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;min-width:70px;text-align:center}.error-banner.svelte-r584iz{background:#2a1a1a;border:1px solid #ff6b6b;border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;color:#ff6b6b}.close-error.svelte-r584iz{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#ff6b6b;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.logout-button.svelte-r584iz{background:transparent;color:#a0a0a0;border:2px solid #333;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto}.logout-button.svelte-r584iz:hover{border-color:#ff6b6b;color:#ff6b6b}.win-screen.svelte-r584iz,.loss-screen.svelte-r584iz{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.result-icon.svelte-r584iz{font-size:4rem;margin-bottom:1rem}.win-screen.svelte-r584iz h1:where(.svelte-r584iz),.loss-screen.svelte-r584iz h1:where(.svelte-r584iz){font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#6366f1}.result-text.svelte-r584iz{color:#a0a0a0;font-size:1.2rem;margin-bottom:2rem}.song-info.svelte-r584iz{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:2rem;margin-bottom:2rem;max-width:400px;width:100%}.song-info.svelte-r584iz h2:where(.svelte-r584iz){font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff}.song-info.svelte-r584iz p:where(.svelte-r584iz){color:#a0a0a0;font-size:1.1rem;margin:0}.share-btn.svelte-r584iz{background:#6366f1;color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #6366f14d}.share-btn.svelte-r584iz:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}