html,body,#root{min-height:100%;margin:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg:#0f1115;--panel:#171a21;--border:#2a2f3a;--text:#e8eaed;--muted:#9aa3af;--accent:#6ea8fe;--accent-strong:#4a86f7;--danger:#e5637a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--panel:#fff;--border:#dde1e7;--text:#1a1d23;--muted:#5b6472}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-nav{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.app-nav a{color:var(--accent);font-size:1.1rem;font-weight:700;text-decoration:none}main{flex:1;width:100%;max-width:780px;margin:0 auto;padding:1.5rem 1rem 4rem}.search-page h1{margin-bottom:1.25rem;font-size:1.5rem}.search-form{flex-wrap:wrap;gap:.5rem;display:flex}.search-form input{border:1px solid var(--border);background:var(--panel);min-width:220px;color:var(--text);border-radius:8px;flex:1;padding:.75rem 1rem;font-size:1rem}.search-form button{background:var(--accent-strong);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem}.search-form button:disabled{opacity:.5;cursor:default}.local-results{margin-top:1rem;padding:0;list-style:none}.local-results li{border-bottom:1px solid var(--border)}.local-results a{color:var(--text);padding:.75rem 0;text-decoration:none;display:block}.error-message{color:var(--danger);margin-top:1rem}.progress-steps{margin-top:1.5rem}.progress-bar-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent-strong);height:100%;transition:width .3s}.progress-steps ul{margin:1rem 0 0;padding:0;list-style:none}.progress-steps li{color:var(--muted);padding:.35rem 0}.progress-steps li.done{color:var(--accent)}.progress-steps li.active{color:var(--text);font-weight:600}.progress-current-step{color:var(--muted);font-style:italic}.youtube-selection{margin-top:1.5rem}.youtube-candidate-list{flex-direction:column;gap:.75rem;display:flex}.youtube-candidate{text-align:left;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;gap:.75rem;padding:.6rem;display:flex}.youtube-candidate:hover{border-color:var(--accent)}.youtube-candidate img{object-fit:cover;border-radius:6px;flex-shrink:0;width:100px;height:56px}.youtube-candidate-info{color:var(--muted);flex-direction:column;gap:.15rem;font-size:.85rem;display:flex}.youtube-candidate-info strong{color:var(--text);font-size:.95rem}.youtube-candidate-reasons{opacity:.8;font-size:.75rem}.song-header h1{margin-bottom:.1rem}.song-header h2{color:var(--muted);margin-top:0;font-size:1rem;font-weight:400}.song-meta{color:var(--muted);gap:1rem;margin-bottom:1rem;font-size:.9rem;display:flex}.approx-warning{border:1px solid var(--danger);background:#e5637a1f;border-radius:8px;padding:.6rem .9rem;font-size:.85rem}.song-controls{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;padding:.75rem;font-size:.9rem;display:flex}.song-controls label{align-items:center;gap:.35rem;display:flex}.song-controls button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:.2rem .6rem}.song-controls a{color:var(--accent)}.chord-diagram-row{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;display:flex}.chord-diagram,.chord-diagram-svg{color:var(--text)}.chord-diagram--none,.chord-diagram--unknown{border:1px dashed var(--border);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.chord-diagram-dot{fill:var(--accent-strong)}.chord-diagram-title{fill:currentColor}.chord-diagram-muted{fill:var(--danger)}.chord-diagram-basefret{fill:var(--muted)}.lyrics-container{font-family:Cascadia Code,Fira Code,ui-monospace,monospace;font-size:1rem;line-height:1.5}.lyric-line-wrap{min-height:1.2em;margin-top:1.1rem;position:relative}.chords-row{height:1.2em;position:relative}.chord-token{color:var(--accent);cursor:pointer;white-space:pre;font-weight:700;position:absolute;top:0}.chord-token:hover{text-decoration:underline}.lyrics-row{white-space:pre}.correction-editor{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.75rem;padding:1rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000059}.correction-editor input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;width:6rem;padding:.4rem .6rem}@media (width<=480px){main{padding:1rem .75rem 3rem}.youtube-candidate img{width:70px;height:40px}}