body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1b4b;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg-start:#1e1b4b;--color-bg-end:#4c1d95;--color-surface:#fff;--color-surface-alt:#f5f3ff;--color-text:#211d3d;--color-text-muted:#6b6584;--color-border:#e3ddfb;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-success:#15803d;--color-success-bg:#dcfce7;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--radius:14px;--shadow-card:0 20px 45px #1e1b4b40}*{box-sizing:border-box}body{color:#211d3d;color:var(--color-text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0;padding:0}.page{background:linear-gradient(135deg,#1e1b4b,#4c1d95);background:linear-gradient(135deg,var(--color-bg-start),var(--color-bg-end));display:flex;justify-content:center;min-height:100vh;padding:40px 16px}.container{align-self:flex-start;background-color:#fff;background-color:var(--color-surface);border-radius:20px;box-shadow:0 20px 45px #1e1b4b40;box-shadow:var(--shadow-card);max-width:720px;padding:32px;width:100%}.app-header{justify-content:space-between;margin-bottom:28px}.app-header,.brand{align-items:center;display:flex}.brand{gap:12px}.brand-mark{align-items:center;background:linear-gradient(135deg,#7c3aed,#4c1d95);background:linear-gradient(135deg,var(--color-primary),var(--color-bg-end));border-radius:12px;color:#fff;display:inline-flex;font-size:1.4rem;height:44px;justify-content:center;width:44px}.brand-title{color:#211d3d;color:var(--color-text);font-size:1.7rem;font-weight:700;margin:0}.score-badge{background-color:#f5f3ff;background-color:var(--color-surface-alt);border:1px solid #e3ddfb;border:1px solid var(--color-border);border-radius:999px;color:#7c3aed;color:var(--color-primary);font-size:.95rem;padding:8px 16px}.score-badge strong{font-size:1.05rem}.guess-container,.search-container{display:flex;gap:10px;margin-bottom:20px}.input-wrapper{flex:1 1;position:relative}.guess-input,.search-input{background-color:#f5f3ff;background-color:var(--color-surface-alt);border:2px solid #e3ddfb;border:2px solid var(--color-border);border-radius:14px;border-radius:var(--radius);color:#211d3d;color:var(--color-text);font-size:1rem;padding:14px 16px;transition:border-color .2s;width:100%}.guess-input:focus,.search-input:focus{border-color:#7c3aed;border-color:var(--color-primary);outline:none}.guess-button,.search-button{background-color:#7c3aed;background-color:var(--color-primary);border:none;border-radius:14px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 22px;transition:background-color .2s;white-space:nowrap}.guess-button:hover,.search-button:hover{background-color:#6d28d9;background-color:var(--color-primary-hover)}.search-button.disabled{background-color:#e3ddfb;background-color:var(--color-border);cursor:not-allowed}.link-button{background:none;border:none;color:#7c3aed;color:var(--color-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:0}.link-button:hover{text-decoration:underline}.answer-button{background-color:#f59e0b;background-color:var(--color-accent);border:none;border-radius:14px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:11px 20px;transition:background-color .2s}.answer-button:hover{background-color:#d97706;background-color:var(--color-accent-hover)}.answer-button:disabled{background-color:#e3ddfb;background-color:var(--color-border);cursor:not-allowed}.error{background-color:#fee2e2;background-color:var(--color-danger-bg);color:#dc2626;color:var(--color-danger);margin-bottom:20px;padding:12px 14px}.artist-container,.error{border-radius:14px;border-radius:var(--radius)}.artist-container{background-color:#f5f3ff;background-color:var(--color-surface-alt);margin-bottom:24px;padding:20px}.artist-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.artist-name{color:#211d3d;color:var(--color-text);font-size:1.5rem;margin:0}.track-controls{display:flex;flex-wrap:wrap;gap:10px}.hint-button,.play-button{border:none;border-radius:14px;border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-weight:600;padding:11px 20px;transition:background-color .2s}.play-button{background-color:#7c3aed;background-color:var(--color-primary);color:#fff}.play-button:hover{background-color:#6d28d9;background-color:var(--color-primary-hover)}.hint-button{background-color:#fff;background-color:var(--color-surface);border:2px solid #e3ddfb;border:2px solid var(--color-border);color:#211d3d;color:var(--color-text)}.hint-button:hover{border-color:#7c3aed;border-color:var(--color-primary);color:#7c3aed;color:var(--color-primary)}.song-suggestions-list,.suggestions-list{background-color:#fff;background-color:var(--color-surface);border:1px solid #e3ddfb;border:1px solid var(--color-border);border-radius:0 0 14px 14px;border-radius:0 0 var(--radius) var(--radius);border-top:none;box-shadow:0 10px 20px #1e1b4b1f;left:0;list-style-type:none;margin:0;max-height:220px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.song-suggestions-list li,.suggestions-list li{border-bottom:1px solid #e3ddfb;border-bottom:1px solid var(--color-border);cursor:pointer;padding:12px 15px;transition:background-color .2s}.song-suggestions-list li:last-child,.suggestions-list li:last-child{border-bottom:none}.song-suggestions-list li:hover,.suggestions-list li:hover{background-color:#f5f3ff;background-color:var(--color-surface-alt)}.guess-result{border-radius:14px;border-radius:var(--radius);font-weight:600;margin-bottom:20px;margin-top:4px;padding:12px 14px}.guess-result.correct{background-color:#dcfce7;background-color:var(--color-success-bg);color:#15803d;color:var(--color-success)}.guess-result.incorrect{background-color:#fee2e2;background-color:var(--color-danger-bg);color:#dc2626;color:var(--color-danger)}.hint-container,.song-details{margin-top:20px;text-align:center}.hint-container p{font-weight:600}.album-cover{box-shadow:0 8px 20px #1e1b4b2e;height:auto;margin-top:12px;max-width:260px}.album-cover,.song-details{border-radius:14px;border-radius:var(--radius)}.song-details{background-color:#f5f3ff;background-color:var(--color-surface-alt);padding:20px}.song-details h3{color:#211d3d;color:var(--color-text);font-size:1.3rem;margin-bottom:10px}.song-details p{margin-bottom:6px}.loading,.song-details p{color:#6b6584;color:var(--color-text-muted)}.loading{font-style:italic;text-align:center}.skip-button{background-color:initial;border:2px solid #fee2e2;border:2px solid var(--color-danger-bg);border-radius:14px;border-radius:var(--radius);color:#dc2626;color:var(--color-danger);cursor:pointer;font-size:.95rem;font-weight:600;padding:11px 20px;transition:background-color .2s}.skip-button:hover{background-color:#fee2e2;background-color:var(--color-danger-bg)}.skip-button:disabled{border-color:#e3ddfb;border-color:var(--color-border);color:#6b6584;color:var(--color-text-muted);cursor:not-allowed}@media (max-width:600px){.page{padding:20px 12px}.container{padding:20px}.brand-title{font-size:1.4rem}.guess-container,.search-container{flex-direction:column}.track-controls{justify-content:center}}
/*# sourceMappingURL=main.50643f2a.css.map*/