.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);background:radial-gradient(120% 80% at 50% 30%,#101014 0%,var(--bg) 70%)}.splash-mark{text-align:center;animation:fadeIn var(--t-slow) both}.splash-logo-img{width:min(78vw,340px);height:auto;display:block}.splash-status{font-size:12px;color:var(--muted);letter-spacing:.04em}.splash-bar{width:220px;height:3px;border-radius:3px;background:var(--bg-elev-2);overflow:hidden}.splash-bar-fill{height:100%;width:40%;background:var(--accent);border-radius:3px;animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-height:56px;flex-shrink:0}.topbar-side{display:flex;align-items:center;gap:var(--sp-2);min-width:40px}.topbar-side.right{justify-content:flex-end}.topbar-center{flex:1;min-width:0}.topbar-title{font-size:20px;font-weight:700;color:var(--lyric);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{font-size:12px;color:var(--muted);margin-top:1px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-sm);color:var(--lyric);transition:background var(--t-fast),color var(--t-fast)}.icon-btn:active{background:var(--bg-elev-2)}.icon-btn.active{color:var(--accent)}.chip{--chip-accent: var(--accent);display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--bg-elev-1);border:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap;transition:all var(--t-fast)}.chip.active{background:var(--chip-accent);border-color:var(--chip-accent);color:#0a0a0a}.keybadge{display:flex;flex-direction:column;align-items:center;line-height:1.05;min-width:34px}button.keybadge.clickable{background:none;border:none;padding:4px 2px;border-radius:var(--radius-sm)}button.keybadge.clickable:active{background:var(--bg-elev-2)}.keybadge.clickable .keybadge-val{color:var(--accent)}.keybadge-val{font-size:17px;font-weight:700;color:var(--lyric)}.keybadge-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6);gap:var(--sp-2);color:var(--muted)}.empty-ico{color:var(--border-strong);margin-bottom:var(--sp-2)}.empty-title{font-size:16px;font-weight:600;color:var(--section)}.empty-hint{font-size:13px;color:var(--muted);max-width:260px}.song-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:transparent;width:100%;text-align:left}.song-card:active{background:var(--bg-elev-1)}.song-card .sc-main{flex:1;min-width:0}.song-card .sc-title{font-size:15px;font-weight:600;color:var(--lyric);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card .sc-artist{font-size:12px;color:var(--muted);margin-top:1px}.song-card .sc-meta{font-size:11px;color:var(--section);margin-top:2px;font-family:var(--font-mono)}.song-card .sc-right{display:flex;align-items:center;gap:2px;color:var(--muted)}.star-on{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 18px;border-radius:var(--radius);font-weight:700;font-size:15px;background:var(--bg-elev-2);color:var(--lyric);border:1px solid var(--border)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.btn.next{background:var(--next);color:#06180a;border-color:var(--next)}.btn.ghost{background:transparent}.btn.block{width:100%}.btn.danger{color:var(--danger);border-color:#e74c3c66}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;padding:var(--sp-4) var(--sp-4) var(--sp-2)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-brand-logo{height:128px;width:auto;flex-shrink:0}.home-scroll{flex:1;padding:var(--sp-2) var(--sp-4) var(--sp-6)}.resume-card{display:block;width:100%;text-align:left;background:linear-gradient(135deg,#14140f 0%,var(--bg-elev-1) 60%);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--sp-4);margin-bottom:var(--sp-5)}.resume-card:active{transform:scale(.995)}.resume-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:var(--sp-3)}.resume-row{display:flex;align-items:center;gap:var(--sp-3)}.resume-diamond{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-dim);color:var(--accent);transform:rotate(0)}.resume-main{flex:1;min-width:0}.resume-title{font-size:17px;font-weight:700;color:var(--lyric)}.resume-sub{font-size:12px;color:var(--muted);margin-top:2px}.resume-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#0a0a0a;font-weight:700;font-size:12px;padding:9px 12px;border-radius:10px;white-space:nowrap}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.home-tile{display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);min-height:96px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between}.home-tile:active{background:var(--bg-elev-2);transform:scale(.98)}.tile-ico{display:inline-flex}.tile-labels{display:flex;flex-direction:column;gap:1px}.tile-label{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--lyric)}.tile-sub{font-size:11px;font-weight:500;color:var(--muted)}.aps-sheet{padding-bottom:calc(var(--sp-4) + var(--safe-bottom))}.aps-head{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--sp-2) var(--sp-2) var(--sp-3)}.aps-title{font-size:16px;font-weight:700;color:var(--lyric)}.aps-head .icon-btn{position:absolute;right:0}.aps-artist{text-align:center;font-size:18px;font-weight:700;color:var(--lyric);margin-bottom:var(--sp-4)}.aps-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 var(--sp-4) var(--sp-2)}.aps-sorts{display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3)}.aps-sort{display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left}.aps-sort.active{border-color:var(--accent);background:var(--accent-dim)}.aps-sort-label{font-size:14px;font-weight:700;color:var(--lyric)}.aps-sort-hint{font-size:12px;color:var(--muted)}.aps-fav-toggle{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4) var(--sp-4);font-size:14px;color:var(--lyric)}.aps-actions{display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-4)}.lib-search{display:flex;align-items:center;gap:var(--sp-2);margin:0 var(--sp-4) var(--sp-3);padding:0 var(--sp-3);height:44px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);flex-shrink:0}.lib-search input{flex:1;background:none;border:none;outline:none;color:var(--lyric);font-size:15px}.lib-search input::placeholder{color:var(--muted)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.lib-tags{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);flex-shrink:0}.lib-tags-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:2px}.lib-list{flex:1}.lib-empty{text-align:center;color:var(--muted);padding:var(--sp-6);font-size:14px}.lib-modes{display:flex;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);flex-shrink:0}.lib-mode{flex:1;height:36px;border-radius:var(--radius-sm);background:var(--bg-elev-1);border:1px solid var(--border);color:var(--muted);font-weight:700;font-size:13px}.lib-mode.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.lib-artist-row{display:flex;align-items:center;border-bottom:1px solid var(--border)}.lib-artist-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:var(--sp-3) var(--sp-4)}.lib-artist-main:active{background:var(--bg-elev-1)}.lib-artist-name{font-size:15px;font-weight:600;color:var(--lyric)}.lib-artist-count{font-size:12px;color:var(--muted);margin-top:2px}.lib-artist-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3);flex-shrink:0}.lib-artist-back{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:700;color:var(--lyric);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-artist-play{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--accent);color:#0a0a0a;font-weight:700;font-size:12px;white-space:nowrap;flex-shrink:0}.chordsheet{--line-gap: .9em;font-family:var(--font-sans);line-height:1.15;padding-bottom:40vh}.cs-section{margin-bottom:var(--line-gap)}.cs-seclabel{margin:.9em 0 .35em;font-size:.5em}.cs-line{display:block;margin-bottom:.15em;word-break:break-word}.cs-col{display:inline-flex;flex-direction:column;align-items:flex-start;vertical-align:bottom}.cs-chord{display:block;color:var(--chord);font-family:var(--font-mono);font-weight:600;font-size:.82em;line-height:1.05;padding-right:.5em;white-space:pre;min-height:1.05em}.cs-lyric{display:block;color:var(--lyric);white-space:pre-wrap}.cs-blank{height:.7em}.cs-instrumental{margin:.1em 0 .3em}.cs-inst-chord{font-size:.82em;margin-right:1.1em}.cs-col+.cs-col .cs-chord{padding-left:0}.audio-empty{padding:var(--sp-3) var(--sp-4)}.audio-err{color:var(--warn);font-size:12px;margin-top:6px}.audio-hint{color:var(--muted);font-size:12px;padding:4px var(--sp-4)}.audio-full{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);margin:var(--sp-3) var(--sp-4) 0}.audio-row1{display:flex;align-items:center;gap:var(--sp-3)}.audio-mid{flex:1;min-width:0}.audio-play{width:46px;height:46px;flex-shrink:0;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#0a0a0a}.audio-play:disabled{opacity:.4}.audio-pause-ico{width:16px;height:16px;border-left:4px solid #0a0a0a;border-right:4px solid #0a0a0a;box-sizing:border-box}.audio-seek{width:100%;accent-color:var(--accent)}.audio-times{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:2px}.audio-row2{display:flex;gap:var(--sp-4);margin-top:var(--sp-3);flex-wrap:wrap}.audio-group{flex:1;min-width:130px}.audio-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}.audio-rates{display:flex;gap:6px}.audio-rate{flex:1;height:34px;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--lyric);font-family:var(--font-mono);font-size:13px;font-weight:600}.audio-rate.on{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.audio-loop{display:flex;gap:6px}.audio-ab{flex:1;height:34px;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--lyric);font-family:var(--font-mono);font-size:12px;font-weight:600}.audio-ab.on{border-color:var(--next);color:var(--next)}.audio-ab.clear{color:var(--muted);flex:.8}.audio-ab:disabled{opacity:.4}.audio-foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-3)}.audio-status{font-size:11px;color:var(--muted)}.audio-remove{font-size:11px;color:var(--danger)}.audio-compact{display:flex;align-items:center;gap:var(--sp-2);padding:8px var(--sp-4);background:#0d0d0fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border)}.audio-compact .audio-play{width:38px;height:38px}.audio-compact .audio-seek{flex:1}.audio-rates.compact{display:flex;gap:4px}.audio-rates.compact .audio-rate{width:40px;height:32px;flex:none;font-size:12px}.kps-sheet{padding-bottom:calc(var(--sp-4) + var(--safe-bottom))}.kps-head{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--sp-2) var(--sp-2) var(--sp-3)}.kps-title{font-size:16px;font-weight:700;color:var(--lyric)}.kps-head .icon-btn{position:absolute;right:0}.kps-toggle{display:flex;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-4)}.kps-mode{flex:1;height:38px;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--muted);font-weight:700;font-size:13px}.kps-mode.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.kps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);padding:0 var(--sp-4)}.kps-key{height:54px;border-radius:var(--radius-sm);background:var(--bg-elev-1);border:1px solid var(--border);color:var(--lyric);font-family:var(--font-mono);font-weight:700;font-size:17px}.kps-key.active{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.kps-original{display:block;width:calc(100% - var(--sp-4) * 2);margin:var(--sp-4) var(--sp-4) 0;padding:var(--sp-3);text-align:center;font-size:13px;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}.sv-badges{display:flex;align-items:center;gap:var(--sp-3)}.sv-keyline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted);text-align:center;padding:4px var(--sp-4) 0;font-family:var(--font-mono)}.sv-keyline b{color:var(--lyric);font-weight:700}.sv-keyline-sep{opacity:.5}.sv-keyline-edit{color:var(--muted);font-family:var(--font-mono);font-size:11px;border-bottom:1px dashed var(--border-strong)}.sv-keyline-reset{color:var(--accent);text-decoration:underline;font-family:var(--font-sans)}.sv-body{flex:1;padding:var(--sp-3) var(--sp-4) var(--sp-5)}.sv-actions{display:flex;align-items:stretch;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);background:#08080af0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.sv-act{flex:1;display:inline-flex;align-items:center;justify-content:center;height:46px;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--lyric);font-weight:700;font-size:14px}.sv-act:active{transform:scale(.96);background:var(--bg-elev-3)}.sv-act.on{color:var(--accent);border-color:var(--accent)}.sv-act.play{flex:1.6;gap:6px;background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.sv-act-main{font-size:14px}.sv-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fadeIn var(--t-fast) both}.sv-menu-sheet{width:100%;max-width:640px;background:var(--bg-elev-1);border-top:1px solid var(--border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--sp-3) var(--sp-3) calc(var(--sp-3) + var(--safe-bottom))}.sv-menu-item{display:block;width:100%;text-align:left;padding:var(--sp-4);font-size:15px;font-weight:600;color:var(--lyric);border-radius:var(--radius-sm)}.sv-menu-item:active{background:var(--bg-elev-2)}.sv-menu-item.danger{color:var(--danger)}.improv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#030304b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-start;justify-content:center;animation:fadeIn var(--t-fast) both}.improv-sheet{width:100%;max-width:640px;height:100%;display:flex;flex-direction:column;background:#0a0a0c99;padding-top:var(--safe-top)}.improv-head{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--sp-4)}.improv-title{font-size:17px;font-weight:700;color:var(--lyric)}.improv-head .icon-btn{position:absolute;right:var(--sp-3)}.improv-search{display:flex;align-items:center;gap:var(--sp-2);margin:0 var(--sp-4) var(--sp-3);padding:0 var(--sp-3);height:46px;background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--muted)}.improv-search input{flex:1;background:none;border:none;outline:none;color:var(--lyric);font-size:16px}.improv-tabs{display:flex;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3)}.improv-tab{flex:1;padding:9px 6px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid transparent}.improv-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.improv-list{flex:1;padding-bottom:calc(var(--sp-6) + var(--safe-bottom))}.improv-item{display:flex;align-items:center;width:100%;text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.improv-item:active{background:var(--bg-elev-1)}.improv-item-title{font-size:15px;font-weight:600;color:var(--lyric)}.improv-item-sub{font-size:12px;color:var(--muted);margin-top:2px}.perf{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.perf-hud{display:flex;align-items:center;gap:var(--sp-2);padding:calc(var(--safe-top) + 6px) var(--sp-3) 8px;background:linear-gradient(180deg,#050505f5,#05050500);transition:opacity var(--t-med),transform var(--t-med);z-index:10}.perf-hud.hidden{opacity:0;transform:translateY(-6px);pointer-events:none}.perf-hud-title{flex:1;min-width:0;text-align:center;line-height:1.1}.perf-hud-spacer{width:42px;flex-shrink:0}.perf-exit-fab{position:absolute;top:calc(var(--safe-top) + 8px);left:10px;z-index:45;display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 14px 0 11px;border-radius:999px;background:#141418d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);color:var(--lyric);font-size:13px;font-weight:700}.perf-exit-fab:active{transform:scale(.94);background:var(--bg-elev-3)}.perf.focus .perf-exit-fab{display:inline-flex}.perf-song{display:block;font-size:15px;font-weight:700;color:var(--lyric);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-hud-meta{font-size:11px;color:var(--accent)}.perf-stage{flex:1;min-height:0;padding:0 var(--sp-4);touch-action:pan-y}.perf-quick{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 78px);display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--sp-4);justify-content:center;transition:opacity var(--t-med);z-index:12}.perf-quick.hidden{opacity:0;pointer-events:none}.perf-q-group{display:flex;align-items:center;gap:6px}.perf-q{min-width:62px;height:40px;padding:0 10px;border-radius:var(--radius-sm);background:#16161ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--lyric);font-weight:700;font-size:13px;font-family:var(--font-mono)}.perf-q.narrow{min-width:40px;padding:0;font-size:18px}.perf-speed{min-width:40px;text-align:center;font-size:13px;font-weight:700;color:var(--accent)}.perf-q.on{color:var(--next);border-color:var(--next)}.perf-q:active{transform:scale(.95)}.perf-bottom{padding:8px var(--sp-4) calc(var(--safe-bottom) + 10px);background:linear-gradient(0deg,#050505f5,#05050500);transition:opacity var(--t-med),transform var(--t-med);z-index:10}.perf-bottom.hidden{opacity:0;transform:translateY(6px);pointer-events:none}.perf-next{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:12px var(--sp-4);border-radius:var(--radius);background:var(--bg-elev-1);border:1px solid var(--border-strong);color:var(--lyric)}.perf-next-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.perf-next-title{font-weight:700;font-size:15px;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-next-meta{font-size:12px;color:var(--next)}.perf-next.end{justify-content:center;color:var(--muted);font-size:13px}.perf-audio{transition:opacity var(--t-med)}.perf-audio.hidden,.perf.focus .perf-hud,.perf.focus .perf-bottom,.perf.focus .perf-audio{display:none}.perf-focus-exit{position:absolute;top:calc(var(--safe-top) + 8px);right:var(--sp-4);font-size:11px;color:var(--muted);background:#16161ab3;padding:6px 10px;border-radius:999px;z-index:20}.perf-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);color:var(--muted)}.flow{flex:1;min-height:0;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,#0c0c0f,var(--bg) 70%)}.flow-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-3)}.flow-set-name{font-size:14px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.flow-body{flex:1;display:flex;gap:var(--sp-3);padding:var(--sp-4);align-items:stretch}.flow-rail{display:flex;flex-direction:column;align-items:center;padding-top:26px}.flow-dot{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:700;font-family:var(--font-mono);border:2px solid var(--border-strong);color:var(--muted);flex-shrink:0}.flow-dot.now{border-color:var(--next);color:var(--next)}.flow-dot.next{border-color:var(--accent);color:var(--accent)}.flow-dot.after{border-color:#5aa9ff;color:#5aa9ff}.flow-line{flex:1;width:2px;background:var(--border);min-height:40px}.flow-blocks{flex:1;display:flex;flex-direction:column;gap:var(--sp-3)}.flow-block{flex:1;text-align:left;padding:var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev-1);display:flex;flex-direction:column;justify-content:center;gap:4px}.flow-block:disabled{opacity:.5}.flow-block.now{border-color:var(--next);background:var(--next-dim)}.flow-block.next{border-color:#ffc93c80;background:var(--accent-dim)}.flow-block.after{border-color:#5aa9ff66;background:#5aa9ff14}.flow-tag{font-size:11px;font-weight:700;letter-spacing:.12em}.flow-tag.now{color:var(--next)}.flow-tag.next{color:var(--accent)}.flow-tag.after{color:#5aa9ff}.flow-title{font-size:22px;font-weight:700;color:var(--lyric)}.flow-title.empty{font-size:15px;color:var(--muted)}.flow-meta{font-size:13px;color:var(--muted)}.flow-transition-hint{text-align:center;font-size:12px;color:var(--accent);padding:0 var(--sp-4) var(--sp-3)}.flow-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-top:1px solid var(--border)}.flow-remaining{font-size:13px;color:var(--muted)}.sets-scroll{flex:1;padding-bottom:var(--sp-6)}.setrow{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.setrow:active{background:var(--bg-elev-1)}.setrow-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--accent-dim);color:var(--accent);flex-shrink:0}.setrow-main{flex:1;min-width:0}.setrow-name{font-size:15px;font-weight:700;color:var(--lyric)}.setrow-sub{font-size:12px;color:var(--muted);margin-top:2px}.setrow-badge{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5aa9ff;border:1px solid rgba(90,169,255,.4);border-radius:999px;padding:3px 8px}.sets-empty{color:var(--muted);font-size:13px;padding:var(--sp-2) var(--sp-4) var(--sp-4)}.sets-actions{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4)}.sb-list{flex:1;padding-bottom:var(--sp-5)}.sb-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3);border-bottom:1px solid var(--border)}.sb-index{width:26px;text-align:center;font-size:14px;font-weight:700;color:var(--muted);flex-shrink:0}.sb-main{flex:1;min-width:0}.sb-title{font-size:15px;font-weight:600;color:var(--lyric)}.sb-sub{font-size:12px;color:var(--muted);margin-top:1px}.sb-potmeta{display:flex;gap:var(--sp-2);margin-top:4px;flex-wrap:wrap}.tag-entry,.tag-trans{font-size:10px;padding:2px 7px;border-radius:999px;font-family:var(--font-mono)}.tag-entry{color:var(--next);border:1px solid rgba(85,214,107,.4)}.tag-trans{color:var(--accent);border:1px solid rgba(255,201,60,.4)}.sb-reorder{display:flex;flex-direction:column;gap:2px}.sb-reorder button{width:30px;height:22px;border-radius:6px;background:var(--bg-elev-2);color:var(--muted);font-size:11px}.sb-reorder button:disabled{opacity:.3}.sb-add{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:calc(100% - var(--sp-4) * 2);margin:var(--sp-4);padding:var(--sp-4);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--accent);font-weight:600}.sb-foot{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border)}.sb-foot .btn{flex:1}.ie-title{font-size:16px;font-weight:700;padding:var(--sp-2) var(--sp-2) var(--sp-3)}.ie-field{display:block;padding:var(--sp-2)}.ie-field span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.ie-field input{width:100%;height:42px;padding:0 var(--sp-3);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--lyric);font-size:15px}.ie-actions{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2) var(--sp-2)}.ie-actions .btn{flex:1}.an-scroll{flex:1;padding-bottom:var(--sp-6)}.an-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);padding:var(--sp-4)}.an-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.an-val{font-size:26px;font-weight:700;color:var(--accent);font-family:var(--font-mono)}.an-label{font-size:12px;color:var(--muted);margin-top:4px}.an-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4)}.an-rank{width:20px;color:var(--muted);font-weight:700}.an-title{flex:0 0 40%;text-align:left;font-size:14px;font-weight:600;color:var(--lyric);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-bar{flex:1;height:8px;background:var(--bg-elev-2);border-radius:999px;overflow:hidden}.an-bar-fill{display:block;height:100%;background:var(--accent);border-radius:999px}.an-count{color:var(--muted);font-size:13px;min-width:24px;text-align:right}.an-empty{color:var(--muted);font-size:13px;padding:var(--sp-4)}.imp-scroll{flex:1;padding:var(--sp-3) var(--sp-4) var(--sp-6)}.imp-save{padding:8px 16px;font-size:14px}.imp-url{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-2)}.imp-url input{flex:1;height:42px;padding:0 var(--sp-3);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--lyric);font-size:14px}.imp-urlmsg{font-size:12px;color:var(--warn);margin-bottom:var(--sp-3)}.imp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-4)}.imp-field{display:block}.imp-field.big{grid-column:1 / -1}.imp-field span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}.imp-field input{width:100%;height:44px;padding:0 var(--sp-3);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--lyric);font-size:15px}.imp-toggle{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.imp-toggle button{flex:1;height:38px;border-radius:var(--radius-sm);background:var(--bg-elev-1);border:1px solid var(--border);color:var(--muted);font-weight:600;font-size:13px}.imp-toggle button.active{color:var(--accent);border-color:var(--accent)}.imp-body{width:100%;min-height:320px;padding:var(--sp-3);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--lyric);font-family:var(--font-mono);font-size:14px;line-height:1.5;resize:vertical}.imp-preview{min-height:200px;padding:var(--sp-3);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-sm)}.imp-hint{font-size:12px;color:var(--muted);margin-top:var(--sp-3);line-height:1.5}.pps-sheet{padding-bottom:calc(var(--sp-4) + var(--safe-bottom))}.pps-head{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--sp-2) var(--sp-2) var(--sp-3)}.pps-title{font-size:16px;font-weight:700;color:var(--lyric)}.pps-head .icon-btn{position:absolute;right:0}.pps-list{display:flex;flex-direction:column;gap:6px;padding:0 var(--sp-4) var(--sp-3)}.pps-item{display:flex;flex-direction:column;align-items:flex-start;padding:var(--sp-3);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left}.pps-item.active{border-color:var(--accent);background:var(--accent-dim)}.pps-name{font-size:15px;font-weight:700;color:var(--lyric)}.pps-hint{font-size:11px;color:var(--muted);margin-top:2px}.pps-new{display:block;width:calc(100% - var(--sp-4) * 2);margin:0 var(--sp-4) var(--sp-3);padding:var(--sp-3);text-align:center;font-size:13px;font-weight:600;color:var(--accent);border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}.pps-add-row{display:flex;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-3)}.pps-add-input{flex:1;height:44px;padding:0 var(--sp-3);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--lyric);font-size:15px}.pps-note{font-size:11px;color:var(--muted);line-height:1.5;padding:0 var(--sp-4)}.set-scroll{flex:1;padding-bottom:var(--sp-6)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.set-row.col{flex-direction:column;align-items:stretch;gap:var(--sp-3)}.set-label{font-size:15px;color:var(--lyric)}.set-link{width:100%;text-align:left;background:none}.set-link:active{background:var(--bg-elev-1)}.set-chevron{color:var(--muted);font-size:22px}.set-stepper{display:flex;align-items:center;gap:var(--sp-3)}.set-stepper button{width:40px;height:34px;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--lyric);font-weight:700}.set-switch{width:50px;height:30px;border-radius:999px;background:var(--bg-elev-3);border:1px solid var(--border);position:relative;transition:background var(--t-fast)}.set-switch.on{background:var(--next)}.set-switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;transition:transform var(--t-fast)}.set-switch.on .knob{transform:translate(20px)}.set-modes{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.set-input{height:44px;padding:0 var(--sp-3);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--lyric);font-size:15px}input[type=range]{width:100%;accent-color:var(--accent)}.set-note{font-size:13px;color:var(--muted);padding:0 var(--sp-4) var(--sp-3);line-height:1.5}.set-backup{display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-4)}.set-msg{font-size:13px;color:var(--next);padding:var(--sp-3) var(--sp-4)}.set-about{text-align:center;font-size:12px;color:var(--border-strong);padding:var(--sp-6)}.scn-note{font-size:13px;color:var(--muted);padding:0 var(--sp-4) var(--sp-3);line-height:1.5}.scn-create{margin:var(--sp-4);width:calc(100% - var(--sp-4) * 2)}.sync-scroll{flex:1;padding:var(--sp-4);padding-bottom:var(--sp-6)}.sync-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;margin-bottom:var(--sp-4)}.sync-status.on{color:var(--next);background:var(--next-dim)}.sync-status.off{color:var(--warn);background:#ff78491f}.sync-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.sync-intro{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:var(--sp-4)}.sync-field span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.sync-code-row{display:flex;gap:var(--sp-2)}.sync-code-row input{flex:1;height:46px;padding:0 var(--sp-3);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--lyric);font-family:var(--font-mono);font-size:16px;letter-spacing:.05em}.sync-actions{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}.sync-msg{margin-top:var(--sp-3);font-size:13px;font-family:var(--font-mono)}.sync-msg.ok{color:var(--next)}.sync-msg.err{color:var(--warn)}.sync-last{margin-top:var(--sp-2);font-size:12px;color:var(--muted)}.sync-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border)}.sync-row-title{font-size:15px;color:var(--lyric)}.sync-row-sub{font-size:12px;color:var(--muted);margin-top:2px}.sync-tip{margin-top:var(--sp-5);font-size:12px;color:var(--muted);line-height:1.55;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3)}.tm-scroll{flex:1;padding-bottom:var(--sp-6)}.tm-hint{font-size:12px;color:var(--muted);padding:0 var(--sp-4) var(--sp-3);line-height:1.5}.tm-dupgroup{margin:0 var(--sp-4) var(--sp-4);padding:var(--sp-3);background:var(--bg-elev-1);border:1px solid var(--border-strong);border-radius:var(--radius)}.tm-dupnames{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--sp-3)}.tm-dupchip{font-size:12px;color:var(--muted);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px}.tm-dupchip b{color:var(--section);font-weight:600;margin-left:3px}.tm-dupchip.main{border-color:var(--accent);color:var(--lyric)}.tm-dupchip.main b{color:var(--accent)}.tm-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.tm-name{flex:1;text-align:left;font-size:15px;font-weight:600;color:var(--lyric)}.tm-count{font-size:12px;color:var(--muted);min-width:20px;text-align:right}.tm-del{font-size:12px;color:var(--danger)}.app-root{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tabbar{display:flex;justify-content:space-around;align-items:center;height:calc(var(--tabbar-h) + var(--safe-bottom));background:#08080aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);flex-shrink:0}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;text-decoration:none;color:var(--muted);min-width:56px}.tab-sub{font-size:8px;font-weight:500;color:var(--muted);opacity:.75;line-height:1}.tab-ico{color:var(--muted);transition:color var(--t-fast)}.tab-ico.active{color:var(--accent)}.tab-label{font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.tab-label.active{color:var(--accent)}:root{--bg: #050505;--bg-elev-1: #0d0d0f;--bg-elev-2: #16161a;--bg-elev-3: #202027;--border: #26262c;--border-strong: #35353d;--lyric: #ececec;--chord: #ffc93c;--section: #7a7a7a;--muted: #6a6a72;--next: #55d66b;--warn: #ff7849;--danger: #e74c3c;--accent: #ffc93c;--accent-dim: rgba(255, 201, 60, .14);--next-dim: rgba(85, 214, 107, .12);--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-study-min: 22px;--fs-study-max: 28px;--fs-perf-min: 34px;--fs-perf-max: 48px;--fs-prompt-min: 42px;--fs-prompt-max: 64px;--fs-focus-min: 50px;--fs-focus-max: 72px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--hud-h: 64px;--tabbar-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--t-fast: .12s ease;--t-med: .22s cubic-bezier(.22, .61, .36, 1);--t-slow: .38s cubic-bezier(.22, .61, .36, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--lyric);font-family:var(--font-sans);font-weight:500;line-height:1.4;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{display:flex;flex-direction:column;isolation:isolate}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font-family:inherit;color:inherit;-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:0;height:0;display:none}.mono{font-family:var(--font-mono);font-weight:600}.chord{font-family:var(--font-mono);font-weight:600;color:var(--chord)}.lyric{font-family:var(--font-sans);font-weight:500;color:var(--lyric)}.section-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.14em;font-size:.72em;font-weight:600;color:var(--section)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto;position:relative}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pad-safe-top{padding-top:var(--safe-top)}.pad-safe-bottom{padding-bottom:var(--safe-bottom)}.fade-in{animation:fadeIn var(--t-med) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}