:root{--ground:#111220;--surface:#1a1c2b;--ink:#e9e9f2;--muted:#9497b4;--faint:#3a3d55;--firefly:#f2c75c;--alarm:#e28f88;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--kr:"Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Nanum Gothic", var(--sans);--script:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:lang(ko){--script:var(--kr)}:lang(ja){--script:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Noto Sans JP", var(--sans)}:lang(zh){--script:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", var(--sans)}:lang(th){--script:"Thonburi", "Leelawadee UI", "Noto Sans Thai", var(--sans)}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}.app{max-width:34rem;height:100dvh;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex;overflow:hidden}.track{border-bottom:1px solid var(--faint);align-items:center;gap:.9rem;padding-bottom:1rem;display:flex}.art{object-fit:cover;border-radius:4px;flex:none;width:56px;height:56px}.art--empty{background:var(--surface);border:1px solid var(--faint)}.track-meta{min-width:0}.track-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:650;overflow:hidden}.track-artist{color:var(--muted);margin:.15rem 0 0;font-size:.85rem}.lyrics{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.lyrics--empty{justify-content:center;gap:.35rem}.lyrics-scroll{scrollbar-width:none;flex:1;min-height:0;padding:35dvh 0;overflow-y:auto}.lyrics-scroll::-webkit-scrollbar{display:none}.lines{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.line{cursor:pointer;--dim:.38;border-radius:6px;padding:.5rem .6rem;transition:background-color .12s;position:relative}.lines[data-synced=true] .line:hover{background:#ffffff0d}.line--past{--dim:.28}.line--active{--dim:1}.line-text,.line-roman,.line-english{transition:opacity .18s}.line-text{opacity:var(--dim)}.line-roman{opacity:calc(var(--dim) * .85)}.line-english{opacity:calc(var(--dim) * .72)}.line--active .line-english{opacity:calc(var(--dim) * .9)}.line-replay{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;color:var(--firefly);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;line-height:1;position:absolute;top:.35rem;left:.1rem;overflow:hidden}.line-replay:focus-visible{clip-path:none;background:var(--surface);outline:2px solid var(--firefly);outline-offset:1px;border-radius:4px;width:auto;height:auto;padding:.25rem .45rem;overflow:visible}.line-text{word-break:keep-all;overflow-wrap:break-word;font-family:var(--script);margin:0;font-size:1.3rem;line-height:1.45}.word{color:inherit;font:inherit;word-break:keep-all;cursor:pointer;text-underline-offset:.28em;background:0 0;border:0;border-radius:3px;margin:-.35rem 0;padding:.35rem .1rem;-webkit-text-decoration:underline dotted #ffffff2e;text-decoration:underline dotted #ffffff2e;transition:background-color .12s;display:inline}.word:hover{background:#ffffff14}.word:focus-visible{outline:2px solid var(--firefly);outline-offset:1px}.word--open{text-decoration-style:solid;-webkit-text-decoration-color:var(--firefly);text-decoration-color:var(--firefly);background:#f2c75c26}.line-roman{font-family:var(--sans);color:var(--muted);margin:.25rem 0 0;font-size:.8rem;line-height:1.45}.line-english{font-family:var(--sans);color:var(--ink);margin:.1rem 0 0;font-size:.875rem;line-height:1.45}.line--active .line-text{color:var(--firefly);font-weight:600}.lines[data-synced=false] .line{--dim:.85;cursor:default}.lines[data-synced=false] .line-text{font-size:1.05rem}.gloss{z-index:20;background:var(--surface);border:1px solid var(--faint);opacity:1;cursor:default;text-align:left;border-radius:8px;max-width:min(19rem,100vw - 1rem);padding:.7rem .85rem;position:fixed;box-shadow:0 10px 30px #00000073}.gloss-entry{gap:.1rem;margin:0;display:grid}.gloss-entry--mod{border-top:1px solid var(--faint);margin-top:.55rem;padding-top:.55rem}.gloss-role{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--firefly);font-size:.5625rem}.gloss-entry--mod .gloss-role{color:var(--muted)}.gloss-head{flex-wrap:wrap;align-items:baseline;gap:0 .45rem;display:flex}.gloss-word{font-family:var(--script);color:var(--ink);word-break:keep-all;font-size:1rem;font-weight:600}.gloss-entry--mod .gloss-word{color:var(--muted);font-size:.9rem;font-weight:500}.gloss-roman,.gloss-pos{font-family:var(--mono);color:var(--muted);font-size:.625rem}.gloss-en{font-family:var(--sans);color:var(--ink);opacity:.85;font-size:.8125rem;line-height:1.4}.gloss-entry--mod .gloss-en{font-size:.75rem}.gap{border-left:2px solid var(--firefly);background:#f2c75c14;border-radius:0 4px 4px 0;align-items:baseline;gap:.55rem;padding:.5rem .6rem;display:flex}.gap-count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--firefly);font-size:1.05rem;font-weight:600}.gap-label,.stalled{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.stalled{color:var(--firefly);margin:0;padding:.4rem .6rem}.notice{border-left:2px solid var(--alarm);font-family:var(--mono);color:var(--alarm);background:#e2686814;border-radius:0 4px 4px 0;margin:0 0 .4rem;padding:.45rem .6rem;font-size:.72rem;line-height:1.45}.transport{border-top:1px solid var(--faint);flex-direction:column;gap:.4rem;padding-top:.75rem;display:flex}.seek{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--firefly) var(--pct,0%), var(--faint) var(--pct,0%));border-radius:2px;height:3px}.seek::-moz-range-track{background:var(--faint);border-radius:2px;height:3px}.seek::-moz-range-progress{background:var(--firefly);border-radius:2px;height:3px}.seek::-webkit-slider-thumb{appearance:none;background:var(--firefly);border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.seek::-moz-range-thumb{background:var(--firefly);border:0;border-radius:50%;width:12px;height:12px}.seek:focus-visible{outline:2px solid var(--firefly);outline-offset:4px;border-radius:4px}.transport-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.time{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);min-width:3ch;font-size:.72rem}.play{border:1px solid var(--faint);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:.85rem;display:grid}.play:hover{border-color:var(--firefly);color:var(--firefly)}.play:focus-visible{outline:2px solid var(--firefly);outline-offset:2px}.screen{flex-direction:column;justify-content:center;align-items:flex-start;gap:.85rem;max-width:30rem;min-height:100dvh;margin:0 auto;padding:2rem 1.5rem;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem}.state-title{text-wrap:balance;margin:0;font-size:1.5rem;font-weight:650;line-height:1.2}.state-body{color:var(--muted);max-width:42ch;margin:0;line-height:1.6}.fine{color:var(--muted);opacity:.8;margin:0;font-size:.8rem}.button{background:var(--firefly);color:#1a1405;font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:.5rem;padding:.65rem 1.4rem;font-weight:650;text-decoration:none;display:inline-block}.button:disabled{opacity:.4;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.snippet{font-family:var(--mono);background:var(--surface);border:1px solid var(--faint);border-radius:4px;width:100%;margin:0;padding:.7rem .9rem;font-size:.78rem;overflow-x:auto}code{font-family:var(--mono);font-size:.85em}.hint{border-top:1px solid var(--faint);width:100%;margin-top:.75rem;padding-top:.85rem}.hint summary{color:var(--muted);cursor:pointer;font-size:.8rem}.hint summary:focus-visible{outline:2px solid var(--firefly);outline-offset:2px;border-radius:2px}.hint>:not(summary){margin-top:.6rem}.hint .snippet{color:var(--firefly);-webkit-user-select:all;user-select:all}.drift{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);border:1px solid var(--faint);pointer-events:none;background:#0b0c16d9;border-radius:4px;gap:.7rem;padding:.3rem .55rem;font-size:.66rem;display:flex;position:fixed;bottom:.75rem;right:.75rem}.drift--over{color:#ff8a8a;border-color:#ff8a8a66}.demo-note{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.app--search{gap:.75rem}.search{flex-direction:column;flex:1;gap:.6rem;min-height:0;display:flex}.search-title{margin:0}.search-field{display:flex}.search-input{min-width:0;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--faint);appearance:none;border-radius:8px;flex:1;padding:.7rem .85rem;font-size:1rem}.search-input:focus-visible{outline:2px solid var(--firefly);outline-offset:1px}.search-status{margin:0}.search-results{scrollbar-width:none;flex-direction:column;flex:1;gap:.15rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-results::-webkit-scrollbar{display:none}.search-hit{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.7rem;padding:.5rem .6rem;display:flex}.search-hit--active{background:#ffffff14}.search-hit:focus-visible{outline:2px solid var(--firefly);outline-offset:1px}.search-art{object-fit:cover;border-radius:3px;flex:none;width:40px;height:40px}.search-art--empty{background:var(--surface);border:1px solid var(--faint);display:block}.search-meta{flex-direction:column;flex:1;min-width:0;display:flex}.search-name,.search-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-artist{color:var(--muted);font-size:.8rem}.search-duration{font-family:var(--mono);color:var(--muted);flex:none;font-size:.75rem}.generating{flex-direction:column;justify-content:center;gap:.7rem;max-width:34rem;height:100dvh;margin:0 auto;padding:2rem 1.25rem;display:flex;overflow:hidden}.stage-label{color:var(--firefly);margin:0;font-size:1.05rem}.progress{background:var(--faint);border-radius:2px;height:4px;overflow:hidden}.progress-bar{background:var(--firefly);height:100%;transition:width .4s}.stage-list{flex-direction:column;gap:.2rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.stage{color:var(--faint)}.stage--done{color:var(--muted)}.stage--now{color:var(--ink)}.button--quiet{border:1px solid var(--faint);color:var(--muted);background:0 0}.track-back{flex:none;margin-left:auto;padding:.35rem .6rem;font-size:.75rem}