@import "https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--pink:#ff2e93;--red:#ff4b26;--blue:#2957ff;--yellow:#ffd400;--bg:#150f1e;--bg-alt:#1e1626;--cream:#fff7e8;--ink:#0a070e;--border-width:3px}*{box-sizing:border-box}html,body{min-height:100vh;margin:0}body{background-color:var(--bg);background-image:radial-gradient(var(--pink) 1px, transparent 1px);color:var(--cream);-webkit-font-smoothing:antialiased;background-size:22px 22px;background-attachment:fixed;font-family:Space Grotesk,sans-serif}#app{max-width:760px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.hero{text-align:center;margin-bottom:2.5rem}.title{letter-spacing:.02em;color:var(--cream);text-shadow:3px 3px 0 var(--pink), 6px 6px 0 var(--blue);margin:0;font-family:Anton,sans-serif;font-size:clamp(2.4rem,9vw,4.2rem);font-weight:400;line-height:1}.title .kueh{color:var(--yellow);text-shadow:3px 3px 0 var(--red), 6px 6px 0 var(--blue)}.title .dot{color:var(--yellow);text-shadow:none;padding:0 .05em}.tagline{letter-spacing:.08em;text-transform:uppercase;color:var(--pink);margin-top:.75rem;font-size:.95rem}.search-form{gap:.75rem;margin-bottom:.75rem;display:flex}#search-input{border:var(--border-width) solid var(--cream);background:var(--bg-alt);color:var(--cream);border-radius:999px;flex:1;padding:.9rem 1.2rem;font-family:Space Grotesk,sans-serif;font-size:1rem}#search-input:focus{border-color:var(--yellow);outline:none}#search-input::placeholder{color:#fff7e873}.search-form button{letter-spacing:.03em;background:var(--yellow);color:var(--ink);border:var(--border-width) solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--pink);border-radius:999px;padding:0 1.6rem;font-family:Anton,sans-serif;font-size:1.1rem;transition:transform .1s,box-shadow .1s}.search-form button:hover{box-shadow:6px 6px 0 var(--pink);transform:translate(-2px,-2px)}.search-form button:active{box-shadow:2px 2px 0 var(--pink);transform:translate(1px,1px)}.status-message{min-height:1.2em;color:var(--yellow);margin:0 0 1rem .5rem;font-size:.85rem}.search-results{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.search-results[hidden]{display:none}.result-card{background:var(--bg-alt);border:var(--border-width) solid var(--cream);cursor:pointer;text-align:left;color:var(--cream);box-shadow:4px 4px 0 var(--blue);border-radius:14px;flex-direction:column;gap:.4rem;padding:.6rem;font-family:Space Grotesk,sans-serif;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.result-card:nth-child(4n+1){box-shadow:4px 4px 0 var(--pink)}.result-card:nth-child(4n+2){box-shadow:4px 4px 0 var(--blue)}.result-card:nth-child(4n+3){box-shadow:4px 4px 0 var(--yellow)}.result-card:nth-child(4n+4){box-shadow:4px 4px 0 var(--red)}.result-card:hover{transform:translate(-3px,-3px)}.result-card img{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--ink);border-radius:8px;width:100%}.result-title{font-size:.88rem;font-weight:700;line-height:1.25}.sync-friendly-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--ink);background:var(--yellow);vertical-align:middle;border-radius:999px;margin-left:.4rem;padding:.1rem .45rem;font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:700;display:inline-block}.result-channel{color:#fff7e899;font-size:.75rem}.lyrics-picker{background:var(--bg-alt);border:var(--border-width) solid var(--yellow);border-radius:16px;margin-bottom:2rem;padding:1rem}.picker-label{text-transform:uppercase;letter-spacing:.05em;color:var(--yellow);margin:0 0 .75rem;font-size:.85rem}.lyrics-picker-options{flex-direction:column;gap:.6rem;display:flex}.lyrics-option-row{align-items:stretch;gap:.5rem;display:flex}.lyrics-option{text-align:left;background:var(--bg);width:100%;min-width:0;color:var(--cream);border:2px solid var(--cream);cursor:pointer;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .9rem;font-family:Space Grotesk,sans-serif;display:flex}.lyrics-option-reject{background:var(--bg);color:#fff7e880;cursor:pointer;border:2px solid #fff7e84d;border-radius:10px;flex-shrink:0;padding:0 .8rem;font-size:.9rem}.lyrics-option-reject:hover{border-color:var(--pink);color:var(--pink)}.lyrics-option:hover{border-color:var(--yellow)}.lyrics-option.is-best{border-color:var(--yellow);box-shadow:3px 3px 0 var(--pink)}.lyrics-option-text{flex-direction:column;gap:.15rem;display:flex}.lyrics-option-track{font-size:.9rem;font-weight:700}.lyrics-option-artist{color:#fff7e899;font-size:.78rem}.lyrics-option-preview{color:#fff7e873;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-style:italic;overflow:hidden}.lyrics-option-duration{color:var(--yellow);flex-shrink:0;font-size:.78rem}.lyrics-option-best-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--ink);background:var(--yellow);border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.65rem}.lyrics-option-skip{color:#fff7e899;border-color:#fff7e866;font-style:italic}.now-playing{background:var(--bg-alt);border:var(--border-width) solid var(--cream);box-shadow:6px 6px 0 var(--pink);border-radius:20px;margin-bottom:2.5rem;padding:1.25rem}.video-frame{border:2px solid var(--ink);aspect-ratio:16/9;border-radius:12px;margin-bottom:1rem;overflow:hidden}.video-frame,#yt-player,#yt-player iframe{width:100%;height:100%}.now-playing-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.now-playing-label{text-transform:uppercase;letter-spacing:.08em;color:var(--yellow);text-align:left;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;overflow:hidden}#skip-song-btn{color:var(--red);border:2px solid var(--red);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:.3rem .7rem;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700}#skip-song-btn:hover{background:var(--red);color:var(--cream)}.lyrics-panel{text-align:center}.lyrics-display{scroll-behavior:smooth;max-height:260px;padding:.5rem 0;position:relative;overflow-y:auto}.lyric-line{letter-spacing:.01em;color:#fff7e847;cursor:pointer;border-radius:8px;margin:.55rem 0;padding:.15rem .5rem;font-family:Anton,sans-serif;font-size:1.3rem;font-weight:400;transition:color .2s,font-size .2s,background-color .15s}.lyric-line:hover{background-color:#ffd4001f}.lyric-line.is-near{color:#fff7e88c}.lyric-line.is-current{color:var(--yellow);text-shadow:2px 2px 0 var(--pink);font-size:1.7rem}.pun-word{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1.5px}.lyric-line.is-current .pun-word{color:var(--pink);text-shadow:2px 2px #fff7e847;text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.lyrics-status{color:#fff7e899;margin:0 0 .5rem;font-family:Space Grotesk,sans-serif;font-style:italic}.sync-hint{text-align:center;color:#fff7e880;border-top:2px dashed #fff7e833;margin:.75rem 0 0;padding-top:.75rem;font-size:.75rem}.save-controls{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}#report-lyrics-btn{color:var(--red);border:2px solid var(--red);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700}#report-lyrics-btn:hover:not(:disabled){background:var(--red);color:var(--cream)}#report-lyrics-btn:disabled{opacity:.6;cursor:default}#save-song-btn{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700}#save-song-btn:hover{transform:translateY(-1px)}.save-picker{background:var(--bg);border:2px solid var(--yellow);border-radius:12px;flex-basis:100%;margin-top:.75rem;padding:.75rem}.save-picker-existing{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.6rem;display:flex}.save-picker-pill{background:var(--bg-alt);color:var(--cream);border:2px solid var(--cream);cursor:pointer;border-radius:999px;padding:.25rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700}.save-picker-pill:hover{border-color:var(--yellow);color:var(--yellow)}.save-picker-form,.fix-word-form{align-items:center;gap:.5rem;display:flex}.save-picker-form input,.fix-word-form input{border:2px solid var(--cream);background:var(--bg-alt);min-width:0;color:var(--cream);border-radius:999px;flex:1;padding:.4rem .7rem;font-family:Space Grotesk,sans-serif;font-size:.85rem}.save-picker-form input:focus,.fix-word-form input:focus{border-color:var(--yellow);outline:none}.save-picker-form button,.fix-word-form button{background:var(--pink);color:var(--cream);border:2px solid var(--ink);cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700}.fix-word-arrow{color:var(--yellow);flex-shrink:0;font-weight:700}.collections-section h2{letter-spacing:.02em;align-items:center;gap:.6rem;font-family:Anton,sans-serif;font-size:1.4rem;font-weight:400;display:flex}.collections-list{flex-direction:column;gap:.9rem;display:flex}.collection-group{background:var(--bg-alt);border:var(--border-width) solid var(--blue);border-radius:14px;padding:.75rem .9rem}.collection-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.collection-name{color:var(--cream);font-family:Anton,sans-serif;font-size:1.05rem}.collection-delete{text-transform:uppercase;letter-spacing:.04em;color:#fff7e873;cursor:pointer;background:0 0;border:none;font-family:Space Grotesk,sans-serif;font-size:.7rem}.collection-delete:hover{color:var(--pink)}.collection-songs{flex-wrap:wrap;gap:.5rem;display:flex}.collection-song-chip{background:var(--bg);border:2px solid #fff7e840;border-radius:10px;align-items:center;display:flex;overflow:hidden}.collection-song-play{color:var(--cream);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;max-width:280px;padding:.35rem .5rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;display:flex}.collection-song-play img{object-fit:cover;border-radius:6px;flex-shrink:0;width:34px;height:34px}.collection-song-play span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collection-song-chip:hover{border-color:var(--yellow)}.collection-song-remove{color:#fff7e866;cursor:pointer;background:0 0;border:none;align-self:stretch;padding:0 .6rem;font-size:1rem}.collection-song-remove:hover{color:var(--pink)}.empty-collections{color:#fff7e880;font-size:.9rem;font-style:italic}.queue-section h2{letter-spacing:.02em;align-items:center;gap:.6rem;font-family:Anton,sans-serif;font-size:1.4rem;font-weight:400;display:flex}.badge{background:var(--yellow);color:var(--ink);border-radius:999px;padding:.15rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700}.queue-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.queue-item{background:var(--bg-alt);border:2px solid #fff7e840;border-radius:12px;transition:border-color .12s;overflow:hidden}.queue-item:hover{border-color:var(--yellow)}.queue-item-play{text-align:left;cursor:pointer;width:100%;color:var(--cream);background:0 0;border:none;align-items:center;gap:.75rem;padding:.5rem .75rem;font-family:Space Grotesk,sans-serif;display:flex}.queue-item-play img{object-fit:cover;border-radius:6px;flex-shrink:0;width:56px;height:40px}.queue-title{font-size:.88rem;font-weight:700;display:block}.queue-channel{color:#fff7e88c;font-size:.75rem;display:block}.empty-queue{color:#fff7e880;font-size:.9rem;font-style:italic}.site-footer{text-align:center;color:#fff7e873;margin-top:3rem;font-size:.8rem}.site-footer a{color:var(--pink)}@media (width<=480px){.search-form{flex-direction:column}}