@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.history-sidebar{animation:slideIn .3s ease-out;background-color:var(--secondary-background);border-left:1px solid var(--border-color);height:100vh;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;width:300px;z-index:100}.history-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.5rem}.history-header h2{color:var(--text-color);font-size:1.5rem;margin:0}.history-list{list-style:none;margin:0;padding:0}.history-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.history-item:hover{border-color:var(--primary-color);transform:translateX(-4px)}.history-item-content{margin-bottom:.5rem}.artist{color:var(--primary-color);font-weight:600}.separator{margin:0 .5rem}.separator,.song{color:var(--text-color)}.timestamp{font-size:.8rem}.no-history,.timestamp{color:var(--text-color);opacity:.7}.no-history{text-align:center}@media (max-width:768px){.history-sidebar{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:1rem;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.modal-header h2{font-size:1.5rem;margin:0}.modal-body,.modal-header h2{color:var(--text-color)}.modal-body h3{color:var(--primary-color);font-size:1.2rem;margin:1.5rem 0 1rem}.modal-body h3:first-child{margin-top:0}.modal-body p{line-height:1.5;margin:.5rem 0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.close-button:hover{background-color:var(--border-color);color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{margin:1rem;width:95%}}.background-canvas{filter:blur(.5px);height:100%;left:0;opacity:.4;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.toast{align-items:center;animation:slideIn .3s ease-in-out;border-radius:8px;display:flex;gap:.5rem;padding:1rem;position:fixed;right:20px;top:20px;z-index:1000}.toast-error{background-color:#f44;color:#fff}.toast-success{background-color:var(--primary-color);color:#fff}.toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:0 .5rem}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}:root{--primary-color:#1db954;--hover-color:#1ed760}:root[data-theme=dark]{--background-color:#121212;--secondary-background:#282828;--text-color:#fff;--border-color:#404040}:root[data-theme=light]{--background-color:#fff;--secondary-background:#f5f5f5;--text-color:#121212;--border-color:#e0e0e0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);font-family:Inter,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}.container{margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.container,.header{display:flex;flex-direction:column}.header{align-items:center;padding:1rem;width:100%}.logo-container{flex:1 1;margin-bottom:1.5rem;max-width:100%}.logo{height:auto;max-width:800px;object-fit:contain;width:100%}.header-buttons{display:flex;gap:10px;margin-bottom:1rem}.header-btn{align-items:center;background:none;border:1px solid var(--text-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.header-btn:hover{background:var(--text-color);color:var(--bg-color)}.help-toggle,.history-toggle,.theme-toggle{align-items:center;background:none;border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.help-toggle:hover,.history-toggle:hover,.theme-toggle:hover{background-color:var(--secondary-background);border-color:#1db954;border-color:var(--primary-color)}.help-toggle{border-radius:50%;font-weight:700;height:32px;justify-content:center;padding:0;width:32px}.search-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;transition:opacity .3s ease}.search-form.disabled{opacity:.7;pointer-events:none}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:#1db954;color:var(--primary-color);font-size:.9rem;font-weight:500}.input-group input{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:all .2s ease}.input-group input:focus{border-color:#1db954;border-color:var(--primary-color);outline:none}.find-lyrics-btn{background-color:#1db954;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;position:relative;transition:all .2s ease}.find-lyrics-btn:hover{background-color:#1ed760;background-color:var(--hover-color)}.find-lyrics-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:20px}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}.lyrics-container{background-color:var(--secondary-background);border:1px solid var(--border-color);border-radius:12px;color:#1db954;color:var(--primary-color);flex-grow:1;line-height:1.6;margin-top:2rem;max-height:60vh;overflow-y:auto;padding:2rem;position:relative;transition:all .3s ease;white-space:pre-line}.copy-btn{background-color:#1db954;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.copy-btn:hover{background-color:#1ed760;background-color:var(--hover-color)}.footer{font-size:.9rem;margin-top:2rem;padding:1rem;text-align:center}.footer,.footer a{color:#1db954;color:var(--primary-color)}.footer a{text-decoration:none}.footer a:hover{color:#1ed760;color:var(--hover-color);text-decoration:underline}@media (max-width:768px){.container{padding:1rem}.lyrics-container{max-height:50vh;padding:1rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.header-buttons{justify-content:space-between;width:100%}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake,.shake *{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}
/*# sourceMappingURL=main.3b714067.css.map*/