:root{--bg:#0f1115;--bg-elev:#171a21;--bg-elev2:#1f232c;--fg:#e8eaf0;--fg-dim:#9aa3b2;--fg-faint:#646d7d;--accent:#7aa2f7;--accent-soft:#7aa2f726;--warn:#e0af68;--ok:#9ece6a;--danger:#f7768e;--border:#262b36;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:light){:root{--bg:#f7f8fa;--bg-elev:#fff;--bg-elev2:#eef1f6;--fg:#1a1d24;--fg-dim:#5b6472;--fg-faint:#939cab;--accent:#3b6fd4;--accent-soft:#3b6fd41f;--warn:#b1740f;--ok:#4b8a2b;--danger:#d33a52;--border:#dfe3ea}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,textarea,select{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.topbar{z-index:20;padding:calc(var(--safe-top) + 10px) 14px 10px;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:52px;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:17px;font-weight:600;overflow:hidden}.topbar .sub{color:var(--fg-dim);text-overflow:ellipsis;margin-top:1px;font-size:11px;font-weight:400;display:block;overflow:hidden}.progress-track{background:var(--bg-elev2);border-radius:2px;height:3px;margin-top:5px;display:block;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .25s ease-out;display:block}.install-hint{left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);z-index:40;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--accent);align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;animation:.25s ease-out rise;display:flex;position:fixed;box-shadow:0 8px 28px #00000059}.install-text{flex:1;font-size:13px;line-height:1.65}.install-sub{color:var(--fg-dim);font-size:12px}.share-glyph{vertical-align:-.25em;width:1.15em;height:1.15em;color:var(--accent);display:inline-block}.install-close{color:var(--fg-faint);cursor:pointer;background:0 0;border:0;flex:none;padding:4px 6px;font-size:15px;line-height:1}.icon-btn{border:1px solid var(--border);background:var(--bg-elev);cursor:pointer;border-radius:10px;flex:none;padding:7px 11px;font-size:14px;line-height:1}.icon-btn:active{background:var(--bg-elev2)}.icon-btn.on{border-color:var(--accent);color:var(--accent)}.icon-btn.danger{color:var(--danger)}.icon-btn:disabled{opacity:.4}.seg{background:var(--bg-elev2);border:1px solid var(--border);border-radius:999px;flex:none;padding:2px;display:inline-flex}.seg button{color:var(--fg-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;transition:background .12s,color .12s}.seg button.on{background:var(--accent);color:#fff}.scroller{-webkit-overflow-scrolling:touch;padding:16px 16px calc(var(--safe-bottom) + 120px);flex:1;overflow-y:auto}.lyric-row{border-radius:var(--radius);cursor:pointer;margin-bottom:2px;padding:10px 12px;transition:background .18s}.lyric-row.active{background:var(--accent-soft)}.lyric-ja{word-break:break-word;font-size:21px;line-height:2.3}.lyric-ja ruby{ruby-position:over;-webkit-ruby-position:before}.lyric-ja rt{color:var(--accent);-webkit-user-select:none;user-select:none;font-size:.46em;font-weight:500}.tok{border-radius:4px}.tok.editable{cursor:pointer}.tok.uncertain rt{color:var(--warn);border-bottom:1px dotted var(--warn)}.tok.overridden rt{color:var(--ok)}.tok:active{background:var(--accent-soft)}.lyric-sub{color:var(--fg-dim);word-break:break-word;margin-top:2px;font-size:14px;line-height:1.55}.lyric-sub.romaji{font-style:italic}.lyric-sub.empty{color:var(--fg-faint)}.lyric-time{color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:10px}.song-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.song-card.checked{border-color:var(--accent);background:var(--accent-soft)}.song-card .check{color:var(--accent);flex:none;font-size:20px;line-height:1}.song-card .meta{flex:1;min-width:0}.song-card .t{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.song-card .a{color:var(--fg-dim);margin-top:3px;font-size:12px}.empty-state{text-align:center;color:var(--fg-dim);padding:60px 24px;font-size:14px;line-height:1.9}.sheet-backdrop{z-index:50;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-elev);width:100%;max-height:90vh;padding:18px 16px calc(var(--safe-bottom) + 18px);border-top:1px solid var(--border);border-radius:20px 20px 0 0;animation:.2s ease-out rise;overflow-y:auto}@keyframes rise{0%{opacity:.6;transform:translateY(18px)}}.sheet h2{margin:0 0 14px;font-size:17px}.field{margin-bottom:12px}.field label{color:var(--fg-dim);margin-bottom:5px;font-size:12px;display:block}.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;padding:10px 12px;font-size:15px}.field textarea{resize:vertical;min-height:130px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.row{gap:10px;display:flex}.row>*{flex:1}.btn{border:1px solid var(--border);background:var(--bg-elev2);cursor:pointer;border-radius:12px;width:100%;padding:12px 16px;font-size:15px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.sheet-backdrop.confirm{z-index:60;align-items:center;padding:20px}.sheet.confirm-sheet{border:1px solid var(--border);border-radius:18px;max-width:420px;margin:0 auto;padding:20px 18px}.sheet.confirm-sheet h2{margin-bottom:8px}.btn:disabled{opacity:.45}.tabs{background:var(--bg-elev2);border-radius:12px;gap:6px;margin-bottom:14px;padding:3px;display:flex}.tabs button{color:var(--fg-dim);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:8px;font-size:13px;font-weight:600}.tabs button.on{background:var(--bg-elev);color:var(--fg)}.hint{color:var(--fg-dim);margin:8px 0 14px;font-size:12px;line-height:1.6}.hint.warn{color:var(--warn)}.preview-line{border-bottom:1px solid var(--border);gap:10px;padding:8px 0;font-size:13px;display:flex}.preview-line .p-ja{flex:1}.preview-line .p-zh{color:var(--fg-dim);flex:1}.preview-line.amb{background:#e0af681f}.chips{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.chip{border:1px solid var(--border);background:var(--bg-elev2);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:15px}.fab{right:18px;bottom:calc(var(--safe-bottom) + 22px);z-index:30;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:14px 22px;font-size:15px;font-weight:600;position:fixed;box-shadow:0 8px 24px #0000004d}.banner{background:var(--bg-elev2);border:1px solid var(--border);color:var(--fg-dim);border-radius:10px;margin:10px 16px;padding:10px 12px;font-size:13px}.banner.err{color:var(--danger);border-color:var(--danger)}.big-target{text-align:center;padding:6px 0 12px;font-size:26px}.export-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.export-meta{flex:1;min-width:0}.export-name{font-size:15px;font-weight:600}.export-desc{color:var(--fg-dim);margin-top:3px;font-size:12px;line-height:1.55}.btn.export-btn{flex:none;width:auto;padding:9px 16px;font-size:14px}.sheet.tall{max-height:94vh}.edit-row{border:1px solid var(--border);background:var(--bg);border-radius:12px;margin-bottom:8px;padding:8px 10px 10px}.edit-row-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.edit-no{color:var(--fg-faint);font-variant-numeric:tabular-nums;min-width:20px;font-size:11px}.edit-row-head .spacer{flex:1}.time-input{background:var(--bg-elev2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:8px;width:92px;padding:4px 8px;font-size:12px}.time-input.bad{border-color:var(--danger);color:var(--danger)}button.mini{border:1px solid var(--border);background:var(--bg-elev2);cursor:pointer;border-radius:8px;width:30px;height:30px;padding:0;font-size:13px;line-height:1}button.mini:disabled{opacity:.35}button.mini.danger{color:var(--danger)}.edit-row textarea{background:var(--bg-elev2);border:1px solid var(--border);resize:vertical;field-sizing:content;border-radius:8px;width:100%;padding:8px 10px;line-height:1.5}.edit-row textarea.edit-ja{margin-bottom:6px;font-size:16px}.edit-row textarea.edit-zh{color:var(--fg-dim);font-size:14px}.switch-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;display:flex}