:root{--bg: #f4f4f6;--panel: #ffffff;--border: #d5d5db;--text: #1e1e1e;--muted: #6b6b76;--accent: #2d6cdf;--red: #e63946;--gold: #d4a017;--green: #2da750}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-size:18px;font-weight:600}.app-main{display:grid;grid-template-columns:1fr 380px;gap:16px;padding:16px;flex:1;min-height:0}@media (max-width: 1100px){.app-main{grid-template-columns:1fr}}.learn-panel{display:flex;flex-direction:column;gap:10px}.current-info-inline{margin-left:auto;font-size:13px;padding:4px 10px;background:#f8f8fb;border-radius:6px}.modes-row{display:flex;align-items:center;gap:6px;margin-top:4px;padding:8px;background:linear-gradient(to right,#f8f8fb,#fff);border:1px solid var(--border);border-radius:8px}.modes-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;margin-right:4px}.mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .12s ease;font-size:12px}.mode-btn:hover:not(:disabled){border-color:var(--accent);background:#f0f4ff}.mode-btn:disabled{opacity:.4;cursor:not-allowed}.mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #2d6cdf4d}.mode-icon{font-size:18px;line-height:1}.mode-label{font-weight:500}.play-bar{display:flex;gap:12px;align-items:center;padding:8px 10px;background:#f8f8fb;border-radius:6px;flex-wrap:wrap}.backing-bar{display:flex;gap:10px;align-items:center;padding:6px 10px;margin-top:4px;background:#f0eff5;border-radius:6px;flex-wrap:wrap;font-size:12px}.backing-label{font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.backing-instr{display:flex;align-items:center;gap:6px;padding:2px 8px;background:#fff;border:1px solid #d8d8e0;border-radius:4px}.backing-style{display:flex;align-items:center;gap:6px;padding:2px 8px;background:#fff;border:1px solid #d8d8e0;border-radius:4px;font-size:12px;font-weight:600}.backing-bar.compact .backing-style{background:#ffffff14;border-color:#ffffff26;color:#f4f4f6}.backing-bar.compact{background:#1a1c20;border-top:1px solid #2a2d33;padding:6px 16px;margin:0;border-radius:0;color:#fff;font-size:11px}.backing-bar.compact .backing-label{color:var(--gold)}.backing-bar.compact .backing-instr{background:#262a32;border:1px solid #3a3e47;color:#fff}.backing-bar.compact .backing-vol{width:50px}.backing-audio-bar{display:flex;align-items:center;gap:10px;padding:6px 10px;margin-top:4px;background:#ecebf3;border-radius:6px;flex-wrap:wrap;font-size:12px}.backing-audio-label{font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.backing-audio-name{font-weight:600;color:var(--gold);font-size:12px}.backing-audio-hint{font-size:10px;color:var(--muted);font-style:italic}.lv-keyboard~.backing-audio-bar,.backing-bar.compact+.backing-audio-bar{background:#262a32;color:#fff;border-top:1px solid #3a3e47;border-radius:0;margin:0;padding:6px 16px}.backing-bar.compact+.backing-audio-bar .backing-audio-label,.backing-bar.compact+.backing-audio-bar .backing-audio-hint{color:#aaa}.backing-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.backing-vol{width:60px;cursor:pointer}.btn.large{padding:8px 18px;font-size:14px;font-weight:600}.library-panel{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.lib-section{border:1px solid var(--border);border-radius:8px;background:#fafbfd;overflow:hidden}.lib-section[open]{background:#fff}.lib-section>summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.lib-section>summary::-webkit-details-marker{display:none}.lib-section>summary:hover{background:#f0f2f6}.lib-section[open]>summary{border-bottom:1px solid var(--border);background:#f8f8fb}.lib-section-hint{font-size:11px;font-weight:400;color:var(--muted);font-style:italic}.lib-section-body{padding:12px}.song-list-wrap{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.song-search-row{display:flex}.song-filter-chips{display:flex;flex-wrap:wrap;gap:4px}.song-filter-chips .chip{font-size:11px;padding:3px 8px;letter-spacing:-.5px}.song-filter-chips .chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.song-list{max-height:none;flex:1}.song-load-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.song-diff{color:var(--gold);font-size:12px;letter-spacing:-1px}.save-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.save-row{display:flex;gap:6px}.save-row>.input{flex:1;min-width:0}.save-row>select.input{flex:1;padding:7px 8px}.video-row{margin-top:4px;padding:6px 8px;background:#f8f8fb;border-radius:6px;align-items:center;font-size:12px}.video-label{color:var(--accent);font-weight:500;flex:1}.video-attach{cursor:pointer}.vp-wrap{display:flex;flex-direction:column;background:#000;border-radius:8px;overflow:hidden;height:100%;position:relative}.vp-video{flex:1 1 0;width:100%;min-height:0;object-fit:contain;background:#000;cursor:pointer}.vp-controls{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#000000d9;color:#fff;flex:0 0 auto}.vp-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px}.vp-btn:hover{background:#fff3}.vp-play{font-size:14px;padding:4px 12px;background:var(--accent);border-color:var(--accent)}.vp-progress{flex:1 1 auto;height:6px;background:#ffffff26;border-radius:3px;cursor:pointer;margin:0 6px}.vp-progress-fill{height:100%;background:var(--red);border-radius:3px;transition:width .1s linear}.vp-time{font-size:11px;color:#ffffffb3;font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.vp-speed{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;padding:2px 4px;border-radius:4px;font-size:11px}.vp-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h2,.side-panel h2{margin:0 0 8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inv-row{margin:12px 0;justify-content:space-between}.btn{background:#fff;border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .12s ease}.btn:hover{background:#f0f0f4}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:#1f56be}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:#f0f0f4}.btn.small{padding:4px 10px;font-size:12px}.btn.tiny{padding:2px 6px;font-size:11px}.btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.input,.textarea{flex:1 1 auto;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;min-width:0}.input.small{flex:0 0 100px}.textarea{width:100%;resize:vertical}.chord-input{margin-bottom:8px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{padding:4px 10px;background:#eef0f5;border:1px solid var(--border);border-radius:999px;font-size:12px;cursor:pointer}.chip:hover{background:#e0e3eb}.build-toggle{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.keyboard{position:relative;width:100%;height:220px;background:#fafafa;border-radius:6px;margin:8px 0;-webkit-user-select:none;user-select:none}.keyboard.keyboard-small{height:90px}.key{position:absolute;top:0;padding:0;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:filter .08s ease;font-size:0}.key.white{bottom:0;background:#fff;border:1px solid #2a2a30;border-radius:0 0 6px 6px;z-index:1}.key.black{height:65%;background:#1a1a1f;border:1px solid #000;border-radius:0 0 4px 4px;z-index:2}.key-label{display:block;font-size:10px;color:#555;padding-bottom:6px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:clip}.keyboard.keyboard-small .key-label{display:none}.key.white:hover{background:#f0f0f4}.key.black:hover{background:#2a2a30}.key-chord.white{background:var(--red);color:#fff}.key-chord.black{background:var(--red)}.key-root.white{background:var(--gold);color:#1e1e1e}.key-root.black{background:var(--gold)}.key-bass.white{background:#b88914;color:#fff}.key-bass.black{background:#b88914}.key-selected.white{outline:3px solid var(--accent);outline-offset:-3px}.key-selected.black{outline:2px solid var(--accent);outline-offset:-2px}.key.white.key-chord .key-label,.key.white.key-root .key-label,.key.white.key-bass .key-label{color:#000000a6}.inv-selector{display:flex;gap:6px}.build-info{display:flex;gap:12px;align-items:center;margin-top:8px;padding:8px 12px;background:#f8f8fb;border-radius:6px}.current-info{margin-top:8px;padding:6px 10px;background:#f8f8fb;border-radius:6px;font-size:13px}.bass-info{color:var(--muted);font-size:12px}.progression{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:540px;overflow-y:auto;padding:4px}.progression-empty{padding:20px;text-align:center;color:var(--muted);font-style:italic}.prog-cell{border:2px solid var(--border);border-radius:8px;padding:8px;background:#fafbff;cursor:pointer;transition:border-color .15s ease}.prog-cell:hover{border-color:#a8b3cc}.prog-cell.current{border:3px solid var(--red);background:#fff7f8}.prog-cell.next{border:2px dashed var(--green);background:#f4fbf6}.prog-head{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:13px}.prog-num{color:var(--muted);font-size:11px}.prog-name{font-weight:600;font-size:15px}.prog-tag{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:4px}.tag-current{background:var(--red);color:#fff}.tag-next{background:var(--green);color:#fff}.prog-inv{display:flex;gap:4px;margin-top:4px;justify-content:center}.mini-kb{display:block;width:100%;height:auto}.play-controls{display:flex;gap:10px;align-items:center}.tempo{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.tempo input[type=range]{width:100px}.play-settings{display:flex;gap:16px;align-items:center;margin-bottom:10px;padding:6px 10px;background:#f8f8fb;border-radius:6px;flex-wrap:wrap}.play-mode{display:flex;gap:4px;align-items:center}.ps-label,.ps-cadence{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}.ps-cadence select{padding:3px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px}.badge{background:var(--accent);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:4px;vertical-align:middle;text-transform:none;letter-spacing:0;font-weight:500}.badge.accent{background:var(--gold);color:#1e1e1e}.learning-view{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a1c20,#0f1114);color:#f4f4f6;display:grid;grid-template-rows:auto minmax(220px,38vh) 1fr auto auto;gap:0;z-index:100}.learning-view.compact-sheet{grid-template-rows:auto auto 1fr auto auto}.learning-view.has-video{grid-template-rows:auto minmax(320px,55vh) 1fr auto auto}.learning-view.karaoke-video{grid-template-columns:minmax(260px,36%) 1fr;grid-template-rows:auto 1fr auto auto auto}.learning-view.karaoke-video>*{grid-column:1 / -1}.learning-view.karaoke-video .lv-sheet{grid-column:1;grid-row:2;min-height:0}.learning-view.karaoke-video .lv-main{grid-column:2;grid-row:2;min-height:0;overflow-y:auto}.learning-view.focus-mode{display:flex;flex-direction:column}.learning-view.focus-mode .lv-header,.learning-view.focus-mode .lv-play-bar,.learning-view.focus-mode .lv-practice-bar,.learning-view.focus-mode .lv-beatrow{display:none}.learning-view.focus-mode .lv-sheet{flex:1 1 auto;min-height:0}.learning-view.focus-mode .lv-main{flex:0 0 auto}.learning-view.focus-mode .lv-main.lv-main-kb{padding:4px 8px}.learning-view.focus-mode .lv-main.lv-main-empty{display:none}.lv-focus-exit{position:fixed;top:10px;right:12px;z-index:210;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.25)}.learning-view.compact-sheet .lv-sheet{padding:6px 16px;background:#00000040}.lv-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 24px;background:#0006;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lv-header .btn{background:#ffffff1a;color:#f4f4f6;border-color:#ffffff26}.lv-header .btn:hover{background:#ffffff2e}.lv-title{text-align:center}.lv-title h1{margin:0;font-size:18px;font-weight:600;letter-spacing:.01em}.lv-meta{display:flex;gap:10px;justify-content:center;font-size:12px;color:#fff9;margin-top:2px}.lv-diff{color:var(--gold)}.lv-header-right{display:flex;align-items:center;gap:14px;justify-content:flex-end}.lv-notation{display:flex;gap:3px}.lv-note-btn{padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4f4f6;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s ease}.lv-note-btn:hover{background:#ffffff1f}.lv-note-btn.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px #2d6cdf66}.lv-modes{display:flex;gap:4px}.lv-mode{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4f4f6;font-size:11px;cursor:pointer;transition:all .12s ease;min-width:70px}.lv-mode:hover:not(:disabled){background:#ffffff1f}.lv-mode:disabled{opacity:.3;cursor:not-allowed}.lv-mode.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px #2d6cdf66}.lv-mode .mode-icon{font-size:14px}.lv-mode .mode-label{font-size:10px;font-weight:500}.lv-sheet{padding:12px 24px;display:flex;gap:12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);overflow:hidden;min-height:0}.lv-sheet>*{flex:1 1 0;min-width:0}.lv-sheet.split .lv-video-wrap,.lv-sheet.split .lv-osmd-wrap{flex:1 1 50%}.lv-sheet.split .lv-video-wrap:has(+.accomp-panel),.lv-sheet.lv-accomp.split .lv-video-wrap{flex:1 1 42%}.lv-sheet.lv-accomp.split .accomp-panel{flex:1 1 58%}.lv-sheet.lv-accomp.split .accomp-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.lv-sheet.lv-accomp.split .accomp-bar{font-size:17px}.lv-sheet.lv-accomp.split .lv-segments:not(.open){flex:0 0 auto}.lv-video-wrap,.lv-osmd-wrap{display:flex;min-width:0}.lv-osmd-wrap{flex-direction:column}.lv-osmd-toolbar{display:flex;gap:6px;padding:0 0 6px;flex:0 0 auto;align-items:center;flex-wrap:wrap}.lv-level-sel{display:inline-flex;align-items:center;gap:4px;margin-left:10px}.lv-level-label{font-size:12px;color:#fff9;margin-right:2px}.lv-osmd-wrap>.sheet-wrap{flex:1 1 auto;min-height:0}.learning-view.has-video .lv-sheet:not(.split){flex-direction:column}.learning-view.has-video .lv-sheet:not(.split) .lv-video-wrap{flex:1 1 auto;min-height:0}.learning-view.has-video .lv-segments{flex:0 0 auto}.lv-video-wrap>*,.lv-osmd-wrap>*{flex:1;min-width:0}.lv-sheet-placeholder{padding:24px;text-align:center;color:#ffffff59;font-style:italic;font-size:13px;border:2px dashed rgba(255,255,255,.1);border-radius:8px;width:100%}.mstrip{display:flex;gap:10px;padding:8px;overflow-x:auto;height:100%;align-items:stretch}.mstrip-empty{padding:32px;text-align:center;color:var(--muted);font-style:italic;font-size:13px}.mstrip-card{flex:0 0 460px;display:flex;flex-direction:column;background:#fff;border:2px solid var(--border);border-radius:8px;padding:8px 6px;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.mstrip-card.past{opacity:.35;transform:scale(.92)}.mstrip-card.current{border-color:var(--red);border-width:3px;box-shadow:0 0 12px #e6394666;flex:0 0 480px}.mstrip-card.lh-tint{background:#2d6cdf0d}.mstrip-card.rh-tint{background:#e639460d}.mstrip-head{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:2px;padding:0 4px}.mstrip-card.current .mstrip-time{color:var(--red);font-weight:700}.mstrip-hand{font-size:9px;padding:1px 5px;border-radius:3px;background:#0000001a;color:#333;font-weight:600}.mstrip-chord{text-align:center;font-size:18px;font-weight:700;color:var(--gold);margin:4px 0}.mstrip-card.current .mstrip-chord{font-size:22px}.rhythm-editor{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#14161a;color:#fff;z-index:100;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.re-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #2a2d33;background:#1c1f26}.re-title{flex:1}.re-title h1{font-size:18px;margin:0;color:#fff}.re-meta{font-size:12px;color:var(--muted);margin-top:2px}.re-header-right{display:flex;gap:8px}.re-grid{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.re-measure{background:#1c1f26;border:1px solid #2a2d33;border-radius:8px;padding:10px 12px}.re-measure-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px}.re-measure-num{font-weight:700;color:var(--gold)}.re-measure-row{display:flex;gap:8px;flex-wrap:wrap}.re-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;min-height:100px;padding:10px 12px;background:#262a32;border:2px solid #3a3e47;border-radius:8px;cursor:pointer;transition:all .15s ease;color:#fff;position:relative}.re-cell:hover{border-color:var(--gold)}.re-cell.selected{border-color:var(--red);background:#3a1f26;box-shadow:0 0 12px #e6394666}.re-cell.explicit:before{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.re-cell-num{font-size:10px;color:var(--muted)}.re-cell-name{font-size:18px;font-weight:700;color:var(--gold);margin:4px 0}.re-cell-fig{font-size:30px;line-height:1;font-family:Apple Symbols,Bravura Text,Noto Sans Symbols2,sans-serif;margin:2px 0}.re-cell-beats{font-size:10px;color:var(--muted)}.re-split-here{align-self:stretch;min-width:24px;background:transparent;border:0;border-left:2px dashed #4a4f5a;color:#6a707b;font-size:13px;cursor:pointer;margin:0 2px;transition:all .15s ease}.re-split-here:hover{border-left-style:solid;border-left-color:var(--gold);color:var(--gold);background:#d4a01714}.re-merge-next{align-self:stretch;min-height:100px;padding:8px 12px;background:transparent;border:2px dashed #4a4f5a;border-radius:6px;color:#8a909b;font-size:11px;font-weight:600;cursor:pointer;margin-left:8px;transition:all .15s ease;writing-mode:vertical-rl;text-orientation:mixed}.re-merge-next:hover{border-color:var(--gold);color:var(--gold);background:#d4a01714}.re-toolbar{border-top:1px solid #2a2d33;background:#1c1f26;padding:12px 20px}.re-toolbar-info{font-size:13px;color:var(--muted);margin-bottom:10px;text-align:center}.re-toolbar-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.re-fig-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;min-height:70px;background:#262a32;border:2px solid #3a3e47;border-radius:8px;color:#fff;cursor:pointer;transition:all .15s ease;padding:6px 10px}.re-fig-btn:not(:disabled):hover{border-color:var(--gold);background:#2e333d;transform:translateY(-1px)}.re-fig-btn:disabled{opacity:.35;cursor:not-allowed}.re-fig-btn.re-auto{border-style:dashed}.re-fig-sym{font-size:26px;line-height:1;font-family:Apple Symbols,Bravura Text,Noto Sans Symbols2,sans-serif;margin-bottom:2px}.re-fig-beats{font-size:10px;color:var(--muted)}.rhythm-banner{display:flex;gap:10px;align-items:stretch;padding:8px 12px;background:#00000008;border-radius:8px;margin:8px 0;overflow-x:auto}.rhythm-banner-sig{display:flex;align-items:center;font-weight:800;font-size:22px;color:var(--gold);padding:0 8px;border-right:2px solid #333;flex-shrink:0}.rhythm-banner-bars{display:flex;gap:4px;flex:1 1 auto}.rhythm-measure{display:flex;flex-direction:column;border-right:1px solid #999;padding:0 6px;flex-shrink:0}.rhythm-measure:last-child{border-right:2px solid #333}.rhythm-measure-num{font-size:9px;color:var(--muted);text-align:center;margin-bottom:2px;font-weight:600}.rhythm-measure-cells{display:flex;gap:2px;flex:1 1 auto;align-items:stretch}.rhythm-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;min-width:44px;background:#fff;border:1px solid var(--border);border-radius:4px;cursor:default;transition:border-color .1s,transform .1s}.rhythm-cell.clickable{cursor:pointer}.rhythm-cell.clickable:hover{border-color:var(--gold);transform:translateY(-1px)}.rhythm-cell.current{border-color:var(--red);border-width:2px;background:#fff7f8}.rhythm-cell-name{font-weight:700;font-size:13px;color:var(--gold);line-height:1.1}.rhythm-cell-sym{font-size:22px;color:#333;line-height:1;margin-top:2px;font-family:Apple Symbols,Bravura Text,Noto Sans Symbols2,sans-serif}.rhythm-cell.current .rhythm-cell-sym{color:var(--red)}.rhythm-cell-wrap{position:relative}.rhythm-cell-name-btn,.rhythm-cell-sym-btn{background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.rhythm-cell-sym-btn{margin-top:2px}.rhythm-cell-sym-btn.explicit .rhythm-cell-sym{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px}.rhythm-cell-sym-btn:disabled{cursor:default}.rhythm-edit-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:50;background:#1e1e25;color:#fff;border:1px solid #444;border-radius:6px;padding:6px;min-width:200px;box-shadow:0 6px 18px #0006;display:flex;flex-direction:column;gap:2px}.rhythm-edit-title{font-size:11px;color:var(--gold);font-weight:700;padding:4px 6px;border-bottom:1px solid #333;margin-bottom:4px}.rhythm-edit-opt{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;padding:6px 8px;border-radius:4px;cursor:pointer;text-align:left;font-size:12px}.rhythm-edit-opt:hover{background:#ffffff1a}.rhythm-edit-opt.selected{background:#d4a01740;color:var(--gold)}.rhythm-edit-sym{font-size:18px;min-width:28px;font-family:Apple Symbols,Bravura Text,Noto Sans Symbols2,sans-serif}.rhythm-edit-label{flex:1}.rhythm-edit-reset,.rhythm-edit-close{margin-top:4px;padding:5px 8px;border-radius:4px;border:1px solid #444;background:none;color:#fff;font-size:11px;cursor:pointer}.rhythm-edit-reset:hover{border-color:var(--gold);color:var(--gold)}.rhythm-edit-close:hover{background:#ffffff1a}.mstrip .mini-kb{display:block;width:100%;height:200px}.mstrip-card.clickable{cursor:pointer}.mstrip-card.clickable:hover{border-color:var(--gold);transform:translateY(-2px)}.mstrip-card.preview{border-color:var(--gold);border-width:3px;box-shadow:0 0 12px #d4a01766}.pstrip-card.clickable{cursor:pointer}.pstrip-card.clickable:hover{border-color:var(--gold);transform:translateY(-2px)}.sheet-wrap{width:100%;height:100%;background:#fff;border-radius:6px;overflow-y:auto;padding:12px 16px;position:relative;min-height:0}.sheet-container{width:100%;position:relative}.sheet-heat{position:absolute;pointer-events:none;border-radius:3px;z-index:1}.sheet-container svg{max-width:100%;height:auto!important}.sheet-zoom{position:sticky;top:0;float:right;z-index:3;display:inline-flex;align-items:center;gap:2px;margin:-6px -8px 0 8px;padding:2px;background:#ffffffeb;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-shadow:0 1px 4px #00000014}.sheet-zoom button{border:none;background:transparent;color:#333;font:600 13px/1 system-ui,sans-serif;min-width:24px;height:22px;padding:0 4px;border-radius:4px;cursor:pointer}.sheet-zoom button:hover:not(:disabled){background:#00000012}.sheet-zoom button:disabled{opacity:.35;cursor:default}.sheet-zoom .sheet-zoom-value{font-weight:500;font-variant-numeric:tabular-nums;color:#555}.sheet-wrap[data-ready=false] .sheet-zoom{visibility:hidden}.sheet-empty{padding:24px;text-align:center;color:var(--muted);font-style:italic;font-size:13px}.sheet-loading{position:absolute;top:8px;right:12px;font-size:11px;color:var(--muted);background:#ffffffe6;padding:2px 8px;border-radius:4px}.sheet-error{padding:12px;background:#fff0f1;border:1px solid #f5c6cb;color:#842029;border-radius:6px;font-size:12px}.lv-main{background:#fff;overflow-y:auto;padding:16px 24px;color:var(--text)}.lv-main .karaoke,.lv-main .kk-lyrics{max-height:none}.lv-play-bar{display:flex;gap:16px;align-items:center;padding:10px 24px;background:#0000004d;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.lv-play-bar .btn.large{padding:10px 24px;font-size:15px;background:var(--accent);color:#fff}.lv-play-bar .tempo{color:#ffffffb3;font-size:12px;display:flex;align-items:center;gap:8px}.lv-play-bar .tempo input[type=range]{width:140px}.lv-yt-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ff00002e;border:1px solid rgba(255,0,0,.5);border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.lv-yt-toggle input{cursor:pointer}.lv-yt-toggle:hover{background:#ff000047}.lv-video-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 8px;background:#ffffff0d;border-radius:6px}.lv-loop-box{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0003}.lv-loop-box.active{background:#d4a0172e;border-color:var(--gold)}.lv-loop-size{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:11px;padding:2px 4px}.lv-loop-speed{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#ffffffb3}.lv-loop-speed input[type=range]{width:70px}.lv-loop-speed span{min-width:32px;text-align:right}.lv-current-chord,.lv-next-chord{display:flex;flex-direction:column;align-items:flex-end;padding-right:6px}.lv-current-chord{margin-left:auto}.lv-current-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#fff6}.lv-current-name{font-size:22px;font-weight:700;color:var(--gold);line-height:1}.lv-next-name{font-size:16px;font-weight:500;color:#ffffff8c;line-height:1}.lv-empty{padding:32px;text-align:center;color:var(--muted);max-width:600px;margin:0 auto}.lv-empty p{margin:8px 0;line-height:1.5}.lv-empty strong{color:var(--text)}.lv-empty-hint{font-size:12px;font-style:italic;color:#999;margin-top:16px!important}.lv-keyboard{padding:16px 24px 24px;background:#00000073}.lv-keyboard .keyboard{height:260px;max-width:1400px;margin:0 auto}.lv-midi-bar{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:4px 8px;background:#2da7501a;border:1px solid rgba(45,167,80,.3);border-radius:6px;font-size:11px;color:#fffc}.lv-midi-tag{display:flex;align-items:center;gap:6px}.lv-midi-bar .btn{background:#ffffff1a;border-color:#fff3;color:#fff;margin-left:auto}.ve-root{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a1c20,#0f1114);color:#f4f4f6;display:grid;grid-template-rows:auto 1fr;z-index:100}.ve-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 24px;background:#0006;border-bottom:1px solid rgba(255,255,255,.06)}.ve-header .btn{background:#ffffff1a;color:#f4f4f6;border-color:#ffffff26}.ve-header .btn.primary{background:var(--accent);border-color:var(--accent)}.ve-header .btn.primary:disabled,.ve-header .btn.disabled-look{opacity:.4;cursor:not-allowed}.ve-title{text-align:center}.ve-title h1{margin:0;font-size:16px;font-weight:600}.ve-meta{font-size:11px;color:#ffffff80;margin-top:2px}.ve-main{display:flex;flex-direction:column;overflow:hidden;min-height:0}.ve-main>.ve-player{flex:1 1 0;min-height:200px}.ve-main>section:not(.ve-player){flex:0 0 auto}.ve-main>.ve-markers-list{flex:0 1 auto}.ve-player{display:flex;flex-direction:column;min-height:0;background:#000}.ve-player.with-lyrics{flex-direction:row;gap:8px}.ve-player.with-lyrics .ve-player-video{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.ve-player:not(.with-lyrics) .ve-player-video{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.ve-lyrics{flex:0 0 320px;overflow-y:auto;background:#16181c;color:#e8e8ec;padding:8px 12px;font-size:13px;line-height:1.5}.ve-lyrics-secname{color:var(--gold);font-weight:700;margin:10px 0 2px}.ve-lyrics-line{white-space:pre-wrap;margin-bottom:4px;line-height:2.2;border-radius:4px}.ve-lyrics-line.clickable{cursor:pointer}.ve-lyrics-line.clickable:hover{background:#6ea8ff24}.ve-lyrics-line.current{background:#d4a01738;box-shadow:inset 3px 0 0 var(--gold)}.ve-lyrics-line.current .ve-lyrics-text{color:#fff}.ve-lyrics-seg{position:relative;display:inline-block}.ve-lyrics-chord{position:absolute;top:-1.05em;left:0;color:#6ea8ff;font-weight:700;font-size:.82em;white-space:nowrap}.ve-lyrics-text{color:#d8d8e0}.ve-video{flex:1 1 0;min-height:0;width:100%;object-fit:contain;cursor:pointer}.ve-controls{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#000000e6;color:#fff;flex:0 0 auto}.ve-timeline{position:relative;flex:1 1 auto;height:18px;background:#ffffff1a;border-radius:3px;cursor:pointer;margin:0 6px}.ve-timeline-fill{position:absolute;top:0;left:0;bottom:0;background:#e6394680;border-radius:3px}.ve-marker-pin{position:absolute;top:-2px;bottom:-2px;width:3px;background:var(--gold);border-radius:2px;transform:translate(-50%)}.ve-marker-pin.lh{background:#2d6cdf}.ve-marker-pin.rh{background:#e63946}.ve-cut-region{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,#f006,#f006 4px,#0006 4px,#0006 8px);border-left:1px solid #ff3333;border-right:1px solid #ff3333;pointer-events:none}.ve-cut-pending{position:absolute;top:0;bottom:0;background:#ffa5004d;border:1px dashed #ffa500;pointer-events:none}.ve-cuts-bar{display:flex;gap:10px;align-items:center;padding:10px 16px;background:#ffa50026;border:1px solid rgba(255,165,0,.3);border-left:none;border-right:none;flex-wrap:wrap}.ve-cuts-bar .btn{background:#ffa50033;color:#fff;border-color:#ffa50080;font-weight:500}.ve-cuts-label{color:#ffffffb3;font-size:12px;font-weight:500}.ve-cut-pending-label{color:orange;font-size:11px;font-style:italic}.ve-cuts-bar .btn.primary{background:orange;border-color:orange;color:#1e1e1e}.ve-cuts-list{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:0 0 0 auto}.ve-cuts-list li{display:flex;background:#ffa50026;border-radius:4px}.ve-cut-jump{background:transparent;border:none;color:orange;padding:3px 8px;font-size:11px;cursor:pointer;font-family:inherit}.ve-cut-jump:hover{background:#ffa50033}.ve-cuts-list li.ve-seg-active .ve-cut-jump{background:#36d17740;color:#fff}.ve-seg-edit{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.ve-seg-bound,.lv-seg-bound{display:inline-flex;align-items:center;gap:3px}.ve-seg-bound-label,.lv-seg-bound-label{font-size:11px;color:#b8b8c0;min-width:34px;text-align:right}.ve-seg-bound-input,.lv-seg-bound-input{width:62px;padding:2px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f4f4f6;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.ve-seg-bound-input:focus,.lv-seg-bound-input:focus{outline:none;border-color:var(--gold)}.vp-cut-band{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,#ff000080,#ff000080 3px,#00000080 3px,#00000080 6px);pointer-events:none}.ve-palette{padding:10px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.ve-palette-head{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.ve-palette-title{color:var(--gold);font-weight:700;font-size:13px}.ve-palette-hint{color:#ffffff8c;font-size:12px}.ve-palette-chips{display:flex;flex-wrap:wrap;gap:6px}.ve-palette-chip{display:inline-flex;align-items:stretch;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden;transition:background .1s ease,border-color .1s ease}.ve-palette-chip:hover{background:#ffffff26;border-color:#ffffff4d}.ve-palette-chip.lh{border-left:3px solid #2d6cdf}.ve-palette-chip.rh{border-left:3px solid #e63946}.ve-palette-chip.both{border-left:3px solid var(--gold)}.ve-palette-chip-main{display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;padding:5px 10px;color:#fff;cursor:pointer;text-align:left}.ve-palette-chip-name{font-weight:700;font-size:14px;color:var(--gold);line-height:1.1}.ve-palette-chip-meta{display:flex;gap:6px;font-size:10px;color:#ffffffa6;margin-top:2px}.ve-palette-chip-inv,.ve-palette-chip-hand{letter-spacing:.5px}.ve-palette-chip-del{background:#0003;border:0;color:#ffffff8c;padding:0 8px;cursor:pointer;font-size:11px;transition:background .1s ease,color .1s ease}.ve-palette-chip-del:hover{background:var(--red);color:#fff}.ve-add{display:flex;gap:10px;align-items:center;padding:12px 16px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.05)}.ve-add-time{color:var(--gold);font-weight:600;min-width:100px}.ve-chord-input{flex:0 1 240px;background:#ffffff1a;color:#fff;border-color:#fff3}.ve-lh-input{flex:0 0 130px;background:#2d6cdf26;color:#fff;border:1px solid rgba(110,168,255,.5);border-radius:6px;padding:4px 8px}.ve-detected{display:flex;gap:8px;align-items:center;padding:4px 10px;background:#2d6cdf33;border:1px solid var(--accent);border-radius:4px;font-size:12px;color:#f4f4f6}.ve-detected strong{color:var(--gold);font-size:14px}.ve-detected em{color:#fff9}.ve-detected .btn{background:transparent;color:#fff9;border:none;padding:0 4px}.ve-detected .btn:hover{color:#fff;background:transparent}.ve-hand,.ve-inv,.ve-style{display:flex;gap:4px}.ve-hand .btn,.ve-inv .btn,.ve-style .btn{background:#ffffff0f;color:#ffffffb3;border-color:#ffffff1a}.ve-hand .btn.active,.ve-inv .btn.active,.ve-style .btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ve-header-right{display:flex;gap:12px;align-items:center}.ve-midi-status{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:11px;color:#ffffffb3}.ve-midi-status.connected{background:#2dd26426;border-color:#2dd26466;color:#ffffffe6}.ve-midi-dot{width:8px;height:8px;border-radius:50%;background:#2dd264;box-shadow:0 0 6px #2dd26499;animation:ve-midi-pulse 2s ease-in-out infinite}@keyframes ve-midi-pulse{0%,to{opacity:1}50%{opacity:.5}}.ve-midi-status .btn{background:#ffffff1a;border-color:#ffffff26;color:#fff;font-size:11px;padding:2px 6px}.ve-midi-last{font-family:SF Mono,Menlo,monospace;font-size:10px;color:#fff9;background:#0000004d;padding:1px 6px;border-radius:3px}.ve-lh-pattern{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2d6cdf14;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.ve-lh-label{font-size:12px;color:#ffffffb3;font-weight:500;margin-right:4px}.ve-lh-pattern .btn{background:#ffffff0f;color:#ffffffb3;border-color:#ffffff1a}.ve-lh-pattern .btn.active{background:#2d6cdf;color:#fff;border-color:#2d6cdf}.ve-lh-hint{font-size:11px;color:#fff6;margin-left:auto;font-style:italic}.ve-lh-hint code{background:#0000004d;padding:1px 4px;border-radius:3px;color:var(--gold)}.ve-header-right .toggles .btn{background:#ffffff1a;color:#f4f4f6;border-color:#ffffff26}.ve-header-right .toggles .btn.active{background:var(--accent);border-color:var(--accent)}.ve-markers-list{max-height:200px;overflow-y:auto;background:#ffffff05;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.ve-markers-list h3{margin:0;font-size:12px;text-transform:uppercase;color:#ffffff80;letter-spacing:.04em}.ve-markers-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ve-transcribe-btns{display:inline-flex;gap:6px;flex-wrap:wrap}.ve-shift-bar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0 0 6px}.ve-shift-label{font-size:11px;color:#ffffff80;margin-right:2px}.ve-shift-input{width:70px;padding:2px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f4f4f6;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.ve-empty{color:#fff6;font-style:italic;font-size:12px;margin:4px 0}.ve-markers-list ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}.ve-markers-list li{display:flex;background:#ffffff0f;border-radius:4px;overflow:hidden}.ve-markers-list li.current{background:#d4a01740}.ve-markers-list li.editing{box-shadow:inset 0 0 0 2px var(--accent);border-radius:4px}.ve-marker-style{margin-left:4px;font-size:11px;opacity:.85}.ve-marker-jump{display:flex;gap:6px;align-items:center;padding:4px 8px;background:transparent;border:none;color:#fff;cursor:pointer;font-size:12px}.ve-marker-jump:hover{background:#ffffff1a}.ve-marker-t{color:#ffffff80;font-variant-numeric:tabular-nums}.ve-marker-chord{font-weight:600;color:var(--gold)}.ve-marker-hand{font-size:9px;padding:1px 4px;border-radius:2px}.ve-marker-hand.lh{background:#2d6cdf}.ve-marker-hand.rh{background:#e63946}.ve-keyboard{background:#00000080;padding:12px 24px}.kb88-scroll{width:100%;height:200px;overflow-x:auto;overflow-y:hidden;background:#1a1a1f;border-radius:6px}.kb88-inner{position:relative;width:max(100%,2200px);height:100%;-webkit-user-select:none;user-select:none}.kb88-key{position:absolute;top:0;padding:0;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;font-size:0}.kb88-white{bottom:0;background:#fff;border:1px solid #2a2a30;border-radius:0 0 4px 4px;z-index:1}.kb88-black{height:62%;background:#1a1a1f;border:1px solid #000;border-radius:0 0 3px 3px;z-index:2}.kb88-label{display:block;font-size:9px;color:#888;padding-bottom:4px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:clip}.kb88-white:hover{background:#f0f0f4}.kb88-black:hover{background:#2a2a30}.kb88-scroll-labeled{height:258px}.kb88-toplabels .kb88-key{top:52px}.kb88-toplabels .kb88-label{display:none}.kb88-toplabels-row{position:absolute;top:0;left:0;right:0;height:52px;pointer-events:none;z-index:3}.kb88-tl{position:absolute;transform:translate(-50%);font-size:15px;font-weight:800;white-space:nowrap;line-height:1}.kb88-tl-black{top:4px;font-size:13px}.kb88-tl-white{top:28px}.kb88-tl-idle{color:#ffffff47}.kb88-tl-cur-rh{color:#ff5a67;text-shadow:0 0 8px rgba(255,90,103,.6)}.kb88-tl-cur-lh{color:#5a93ff;text-shadow:0 0 8px rgba(90,147,255,.6)}.kb88-tl-next{color:#f4c542;text-shadow:0 0 8px rgba(244,197,66,.6)}.lv-main.lv-main-score{justify-content:flex-start}.lv-score-kb{width:100%;display:flex;flex-direction:column;gap:6px}.lv-score-kb-caption{font-size:13px;color:#d8d8e0}.lv-score-kb-caption strong{color:var(--gold)}.lv-next-legend{color:#f4c542}.lv-follow-hint{color:#8fd18f}.lv-score-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.lv-sc-label{color:#ffffffa6}.lv-sc-sep{color:#ffffff4d}.lv-sc-loop{color:var(--gold);font-variant-numeric:tabular-nums}.kb88-chord.kb88-white{background:var(--red);color:#fff}.kb88-chord.kb88-black{background:var(--red)}.kb88-root.kb88-white{background:var(--gold);color:#1e1e1e}.kb88-root.kb88-black{background:var(--gold)}.kb88-bass.kb88-white{background:#b88914;color:#fff}.kb88-bass.kb88-black{background:#b88914}.kb88-rh.kb88-white{background:#e63946;color:#fff}.kb88-rh.kb88-black{background:#e63946}.kb88-lh.kb88-white{background:#2d6cdf;color:#fff}.kb88-lh.kb88-black{background:#2d6cdf}.kb88-upcoming.kb88-white{background:#f4c542;color:#1e1e1e;box-shadow:inset 0 0 0 2px #d99e1f}.kb88-upcoming.kb88-black{background:#f4c542;box-shadow:inset 0 0 0 2px #d99e1f}.kb88-correct.kb88-white{background:#2da750;color:#fff;box-shadow:0 0 8px #2da750b3}.kb88-correct.kb88-black{background:#2da750;box-shadow:0 0 8px #2da750b3}.kb88-wrong.kb88-white{background:orange;color:#1e1e1e;box-shadow:0 0 6px #ffa50080}.kb88-wrong.kb88-black{background:orange;box-shadow:0 0 6px #ffa50080}.kb88-key:not([class*=kb88-root]):not([class*=kb88-bass]):not([class*=kb88-rh]):not([class*=kb88-lh]):not([class*=kb88-chord]) .kb88-label{color:#888}.kb88-white.kb88-chord .kb88-label,.kb88-white.kb88-root .kb88-label,.kb88-white.kb88-bass .kb88-label,.kb88-white.kb88-rh .kb88-label,.kb88-white.kb88-lh .kb88-label,.kb88-white.kb88-upcoming .kb88-label{color:#000000a6}.kb88-middle-c{position:absolute;top:-16px;z-index:3;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.kb88-middle-c-dot{width:8px;height:8px;background:#f04;border-radius:50%;box-shadow:0 0 6px #f049}.kb88-middle-c-label{font-size:10px;font-weight:700;color:#f04;text-shadow:0 0 4px rgba(0,0,0,.5);margin-top:1px}@media (max-width: 1000px){.lv-keyboard .keyboard{height:180px}.lv-keyboard{padding:12px}.lv-sheet{padding:8px 12px}.lv-main{padding:12px}.lv-play-bar{padding:8px 12px;flex-wrap:wrap}}.karaoke{display:flex;flex-direction:column;max-height:600px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;background:#fafbfc;color:#1e1e25;padding:12px;border-radius:8px}.kk-legend{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;padding:10px;background:#f8f8fb;border-radius:8px;border:1px solid var(--border);font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.kk-lyrics{flex:1 1 auto;overflow-y:auto;padding:8px}.kk-legend-chord{display:flex;flex-direction:column;align-items:center;padding:6px 8px;background:#fff;border:1px solid var(--border);border-radius:6px;transition:all .15s ease}.kk-legend-chord.active{border-color:var(--red);background:#fff5f5;box-shadow:0 0 0 2px #e6394633;transform:scale(1.04)}.kk-legend-name{font-size:13px;font-weight:700;color:var(--gold);margin-bottom:4px}.kk-legend-chord.active .kk-legend-name{color:var(--red)}.karaoke-empty{padding:16px;color:var(--muted);font-style:italic}.kk-section{margin-bottom:20px}.kk-section-name{margin:12px 0 8px;font-size:14px;font-weight:700;color:var(--accent);font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.kk-line{display:flex;flex-wrap:wrap;margin-bottom:6px;gap:0}.kk-segment{display:flex;flex-direction:column;align-items:flex-start;padding:2px 0;background:transparent;border:none;border-radius:3px;cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;line-height:1.4;transition:background .1s ease}.kk-segment:hover{background:#f0f0f4}.kk-segment.current{background:#ffe4cf;box-shadow:inset 0 -3px 0 var(--red)}.kk-segment.kk-start{background:#d3f3d8;box-shadow:inset 0 -3px #2da750;position:relative}.kk-segment.kk-start:before{content:"▶";position:absolute;top:-2px;left:-2px;font-size:9px;color:#2da750;font-weight:800}.kk-chord{display:block;height:16px;font-size:12px;font-weight:700;color:var(--gold)}.kk-segment.current .kk-chord{color:var(--red)}.kk-text{display:block;white-space:pre;color:#1e1e25}.importer{margin-bottom:16px}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);margin-bottom:8px}.tab{background:transparent;border:none;padding:6px 10px;font-size:12px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-panel{display:flex;flex-direction:column;gap:8px}.dropzone{padding:18px;text-align:center;border:2px dashed var(--border);border-radius:6px;color:var(--muted);font-size:13px}.pdf-mode{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px 10px;background:#f8f8fb;border-radius:6px;font-size:12px}.pdf-mode label{display:flex;align-items:baseline;gap:6px;cursor:pointer}.pdf-mode .muted{color:var(--muted)}.hint{padding:6px 10px;font-size:12px;color:var(--muted)}.save-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.song-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}.song-list li{display:flex;align-items:center;gap:6px;padding:4px;border-radius:6px}.song-list li.current{background:#eef3fc}.song-load{flex:1;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;flex-direction:column;padding:4px 8px}.song-load:hover{background:#f0f0f4;border-radius:4px}.song-load .meta{font-size:11px;color:var(--muted)}.song-list-empty{padding:8px;color:var(--muted);font-style:italic;font-size:13px}.toggles{display:flex;gap:6px}.error-banner{margin:8px 16px;padding:8px 12px;background:#fff0f1;border:1px solid #f5c6cb;border-radius:6px;color:#842029;display:flex;justify-content:space-between;align-items:center}.midi-status.mini{text-align:center;font-size:11px;color:#4ade80;padding:4px 8px;background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:4px;margin:6px 0}.prog-hand-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:700;border-radius:3px;letter-spacing:.3px}.prog-hand-badge.hand-lh{background:#2d6cdf40;color:#6ea8ff}.prog-hand-badge.hand-rh{background:#e6394640;color:#ff8989}.prog-hand-badge.hand-both{background:#d4a01740;color:var(--gold)}.prog-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;align-items:center}.prog-hand,.prog-inv,.prog-pattern{display:flex;gap:2px;background:#ffffff0a;padding:2px;border-radius:4px}.prog-hand .btn.active{background:#2d6cdf66;border-color:var(--accent)}.prog-inv .btn.active{background:#d4a01766;border-color:var(--gold)}.prog-pattern .btn.active{background:#2d6cdf4d;border-color:var(--accent)}.prog-pattern .btn{font-size:10px;padding:1px 5px;min-width:22px}.lv-nav-chord{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2d6cdf26;border:1px solid rgba(45,108,223,.3);border-radius:6px}.lv-nav-chord .btn{font-size:16px;padding:2px 12px;min-width:36px}.lv-nav-pos{color:var(--gold);font-weight:700;font-size:13px;min-width:48px;text-align:center}.lv-loop-chord{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px}.lv-loop-chord.active{background:#36d17726;border-color:#36d17780}.lv-loop-icon{font-size:15px}.lv-loop-chord .btn.small{padding:2px 8px;font-size:12px}.lv-loop-range{font-weight:700;font-size:13px;min-width:42px;text-align:center;color:#f4f4f6}.lv-loop-chord.active .lv-loop-range{color:#36d177}.pt-wrap{display:flex;flex-direction:column;background:#0003;border-radius:6px;padding:6px;margin:8px 0;border:1px solid rgba(255,255,255,.08)}.pt-sections{display:flex;width:100%;height:18px;margin-bottom:2px;border-radius:3px;overflow:hidden}.pt-section-cell{flex:1 1 0;display:flex;align-items:center;border-right:1px solid rgba(0,0,0,.2);padding:0 4px;min-width:0;overflow:hidden}.pt-section-cell:last-child{border-right:none}.pt-section-label{font-size:9px;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pt-timeline{display:flex;width:100%;gap:0;overflow-x:auto;scrollbar-width:thin}.pt-chord{flex:1 1 0;min-width:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);border-right:none;border-left:1px solid rgba(255,255,255,.1);border-radius:0;color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;position:relative;transition:background 80ms}.pt-cell-group:last-child .pt-chord{border-right:1px solid rgba(255,255,255,.1)}.pt-chord:hover{background:#ffffff1f}.pt-chord.current{background:#d4a01773;border-color:var(--gold);color:#fff;box-shadow:0 0 6px #d4a01780}.pt-chord.hand-lh{border-bottom:3px solid #6ea8ff}.pt-chord.hand-rh{border-bottom:3px solid #ff8989}.pt-chord.hand-both{border-bottom:3px solid rgba(212,160,23,.5)}.pt-chord.measure-start{border-left:3px solid var(--gold);padding-left:3px}.pt-measure-num{font-size:8px;font-weight:400;color:#ffffff80;margin-bottom:1px}.pt-chord-name{font-size:11px;line-height:1}.pt-chord-fig{display:block;margin-top:2px;font-size:13px;line-height:1;color:var(--muted);font-family:Apple Symbols,Bravura Text,Noto Sans Symbols2,sans-serif}.pt-chord-fig.explicit{color:var(--gold);font-weight:700}.pt-playhead{position:absolute;top:-2px;bottom:-2px;left:50%;width:2px;background:var(--gold);transform:translate(-50%);pointer-events:none;box-shadow:0 0 4px var(--gold)}.pstrip{display:flex;gap:8px;overflow-x:auto;padding:8px;align-items:flex-start;scrollbar-width:thin}.pstrip-card{flex-shrink:0;display:flex;flex-direction:column;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px;transition:all .15s;min-width:200px}.pstrip-card.past{opacity:.4;transform:scale(.92)}.pstrip-card.current{background:#d4a01726;border-color:var(--gold);transform:scale(1.05);box-shadow:0 0 12px #d4a01766;z-index:2}.pstrip-card.lh-tint{border-left:3px solid #2d6cdf}.pstrip-card.rh-tint{border-left:3px solid #e63946}.pstrip-head{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3}.pstrip-pos{font-weight:600}.pstrip-hand{font-weight:700;padding:1px 5px;border-radius:3px;background:#ffffff14}.pstrip-chord{font-size:22px;font-weight:800;text-align:center;color:var(--gold);letter-spacing:.5px}.pstrip-card.current .pstrip-chord{font-size:28px;text-shadow:0 0 8px rgba(212,160,23,.6)}.lv-timeline-wrap{width:100%;padding:10px 16px}.lv-timeline-wrap .pt-timeline{justify-content:center;gap:4px}.lv-timeline-wrap .pt-chord{flex:0 0 auto;width:72px;min-width:72px;min-height:62px;padding:8px 4px;border-radius:6px;font-weight:800}.lv-timeline-wrap .pt-chord-name{font-size:24px;font-weight:800}.lv-timeline-wrap .pt-measure-num{font-size:13px;font-weight:700;margin-bottom:3px}.lv-timeline-wrap .pt-chord-fig{font-size:17px;font-weight:700}.pt-chord.in-loop{background:#36d17729;box-shadow:inset 0 -3px #36d177b3}.pt-chord.in-loop.current{background:#d4a01773}.pt-cell-group{display:flex;align-items:stretch;position:relative}.pt-insert{position:absolute;left:-8px;top:0;bottom:0;z-index:2;width:16px;background:transparent;border:1px dashed transparent;color:#fff0;cursor:pointer;font-size:14px;font-weight:800;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-family:inherit;border-radius:3px;transition:all .1s}.pt-cell-group:hover .pt-insert,.pt-insert:hover{color:var(--gold);border-color:#d4a01766;background:#d4a017d9}.pt-insert.last{display:flex;align-items:center;margin-left:2px;padding:0 8px;font-size:16px}.pt-chord.dragging{opacity:.3}.pt-chord.drag-over{background:#d4a0174d;border-color:var(--gold);box-shadow:-3px 0 0 var(--gold)}.pt-chord{position:relative}.pt-remove{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:#e63946cc;color:#fff;border-radius:50%;font-size:11px;font-weight:700;line-height:14px;text-align:center;cursor:pointer;opacity:0;transition:opacity .1s;z-index:3}.pt-chord:hover .pt-remove{opacity:1}.pt-remove:hover{background:#ff4f5a;transform:scale(1.15)}.pt-timeline.editable .pt-chord{cursor:grab}.pt-timeline.editable .pt-chord:active{cursor:grabbing}.metro{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:#ffffff0a;border:1px solid transparent;transition:all .15s}.metro.on{background:#d4a0171f;border-color:#d4a0174d}.metro-toggle{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;font-family:inherit;transition:all .1s}.metro-toggle:hover{border-color:#fff6;color:#fff}.metro-toggle.active{background:#d4a0174d;border-color:var(--gold);color:#fff}.metro-dots{display:flex;gap:5px}.metro-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all 80ms}.metro-dot.accent{background:#e6394666}.metro-dot.active{background:var(--gold);transform:scale(1.4)}.metro-dot.pulse{animation:metro-pulse .2s ease-out}.metro-dot.pulse-accent{background:#ff4f5a!important;animation:metro-pulse-accent .22s ease-out}@keyframes metro-pulse{0%{box-shadow:0 0 #d4a017cc}to{box-shadow:0 0 0 10px #d4a01700}}@keyframes metro-pulse-accent{0%{box-shadow:0 0 #ff4f5ae6}to{box-shadow:0 0 0 12px #ff4f5a00}}.pstrip.large{width:100%;height:100%;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(240px,1fr);gap:6px;padding:6px;box-sizing:border-box}@media (max-width: 900px){.pstrip.large{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.pstrip.large{grid-template-columns:1fr}}.pstrip.large .pstrip-card{min-width:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:2px 4px;gap:0;overflow:hidden}.pstrip.large .pstrip-chord{font-size:30px;margin:0;line-height:1;text-align:center}.pstrip.large .pstrip-card.current .pstrip-chord{font-size:38px}.pstrip.large .pstrip-head{font-size:10px;padding:0 2px}.pstrip.large .mini-kb{display:block;flex:1 1 0;width:100%;height:100%;min-height:0}.learning-view.compact-sheet .lv-main{background:linear-gradient(180deg,#181a1d,#0f1114);padding:0;display:block}.lv-main.lv-main-kb,.learning-view.compact-sheet .lv-main.lv-main-kb{display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:8px 10px;gap:8px;background:linear-gradient(180deg,#181a1d,#0f1114)}.lv-kb-area{display:flex;gap:10px;align-items:stretch}.lv-kb-area.center{flex:none;width:100%;margin:0}.lv-kb-labels{display:flex;flex-direction:column;flex:none;width:88px;gap:10px;padding:10px 0}.lv-kb-labels .lv-kb-tag{flex:none;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;color:#fff;padding:4px}.lv-kb-labels .lv-kb-tag strong{font-size:20px;letter-spacing:0}.lv-kb-tag.next{background:#2d6cdf8c}.lv-kb-tag.current{background:#00000080}.lv-kb-stack{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px;padding:10px;background:#1a1a1f;border-radius:6px}.lv-kb-stack .kb88-inner{width:100%;min-width:0}.lv-kb-stack .kb88-label{font-size:13px;font-weight:800}.lv-kb-stack .kb88-white .kb88-label{color:#2a2a30}.lv-kb-stack .kb88-black .kb88-label{color:#f4f4f6}.lv-kb-row{position:relative;flex:none;height:150px}.lv-kb-row.next{opacity:.95}.lv-kb-end{display:flex;align-items:center;justify-content:center;height:100%;color:#8a8a90;font-size:13px;font-style:italic}.lv-practice-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:6px 12px;color:#f4f4f6}.lv-practice-toggle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;cursor:pointer}.lv-practice-toggle input{width:18px;height:18px;cursor:pointer}.lv-practice-sel{display:flex;gap:4px}.lv-practice-opt{padding:6px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#f4f4f6;font-size:13px;font-weight:600;cursor:pointer}.lv-practice-opt:hover{background:#ffffff1f}.lv-practice-opt.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px #2d6cdf66}.lv-practice-lh-label{font-size:12px;font-weight:700;color:#c9c9cf;align-self:center;margin-right:2px}.lv-practice-status{font-size:14px;font-weight:700;color:#c9c9cf}.lv-practice-status.ok{color:#36d177}.lv-segments{display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:#00000059;border-top:1px solid rgba(255,255,255,.08)}.lv-seg-head{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:#f4f4f6;font-weight:700;font-size:13px;cursor:pointer;padding:2px 0}.lv-seg-count{background:#ffffff2e;border-radius:10px;padding:0 7px;font-size:11px}.lv-seg-playing{color:var(--gold);font-size:12px;font-weight:600}.lv-seg-caret{margin-left:auto;opacity:.7}.lv-seg-create{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lv-seg-title{font-weight:700;font-size:13px;color:#f4f4f6}.lv-seg-input{flex:1 1 140px;min-width:120px;padding:4px 8px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f4f4f6;font-size:13px}.lv-seg-list{display:flex;flex-wrap:wrap;gap:6px}.lv-seg-item{display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden}.lv-seg-item.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.lv-seg-pick{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 10px;background:#ffffff0f;border:none;color:#f4f4f6;cursor:pointer;font-size:13px}.lv-seg-item.active .lv-seg-pick{background:#d4a01740}.lv-seg-time{font-size:11px;color:#b8b8c0;font-variant-numeric:tabular-nums}.lv-seg-del{border:none;background:#e6394680;color:#fff;cursor:pointer;padding:0 8px;font-size:12px}.lv-seg-del:hover{background:#e63946}.lv-seg-active{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#f4f4f6;padding-top:2px}.lv-seg-edit{display:inline-flex;align-items:center;gap:4px;padding-left:8px;border-left:1px solid rgba(255,255,255,.15)}.lv-seg-speed{display:flex;align-items:center;gap:5px;font-size:12px}.lv-seg-speed select{background:#ffffff14;color:#f4f4f6;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:2px 4px;font-size:12px}.lv-rhythm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009}.lv-rhythm-card{background:#1d1f24;color:#f4f4f6;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:28px 40px;text-align:center;box-shadow:0 20px 60px #00000080;min-width:280px}.lv-rhythm-card h2{margin:0 0 12px;font-size:18px}.lv-rhythm-errors{font-size:44px;font-weight:800;color:orange}.lv-rhythm-errors.perfect{color:#36d177}.lv-rhythm-detail{margin:8px 0 20px;font-size:15px;color:#c9c9cf}.lv-beatrow{display:flex;align-items:center;justify-content:center;gap:16px;margin:2px 0 8px}.lv-beat-chord{font-size:22px;font-weight:800;min-width:48px;text-align:center}.lv-beat-chord.current{color:var(--gold)}.lv-beat-chord.next{color:#9fb6e6}.lv-beatbar{width:360px;max-width:50vw;height:16px;background:#ffffff14;border-radius:8px;overflow:hidden}.lv-beatbar-fill{height:100%;background:var(--accent);border-radius:8px}.lv-countin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0000008c;pointer-events:none}.lv-countin-num{font-size:160px;font-weight:800;line-height:1;color:#fff;text-shadow:0 6px 30px rgba(45,108,223,.6)}.lv-countin-label{font-size:20px;font-weight:700;color:#c9c9cf}.vp-yt-frame{flex:1 1 0;width:100%;min-height:0;background:#000;position:relative}.vp-yt-frame iframe{width:100%;height:100%;border:0}.vp-yt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:transparent;z-index:2}.vp-yt-badge{background:red;color:#fff;font-weight:700;font-size:10px;padding:2px 6px;border-radius:3px;margin-left:4px}.authgate-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f1114;color:#888;font-size:24px}.authgate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1c20,#0f1114)}.authgate-card{background:#1d1f24;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:32px 36px;width:320px;text-align:center;box-shadow:0 20px 60px #00000080;color:#f4f4f6}.authgate-card h1{margin:0 0 16px;font-size:20px}.authgate-hint{font-size:13px;color:#b8b8c0;margin:0 0 14px}.authgate-card form{display:flex;flex-direction:column;gap:10px}.authgate-card input{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f4f4f6;font-size:15px;text-align:center}.authgate-code{letter-spacing:8px;font-size:22px;font-weight:700}.authgate-card .btn{padding:10px;font-size:15px}.authgate-error{color:#ff6b6b;font-size:13px;margin:12px 0 0}.autosave-note{margin-top:8px;padding:8px 10px;border-radius:6px;background:#8fd18f1f;border:1px solid rgba(143,209,143,.35);color:#bfe8bf;font-size:12px;display:flex;align-items:center;gap:8px}.autosave-note .btn{margin-left:auto}.audio-field{display:flex;flex-direction:column;gap:4px;font-size:12px}.audio-field em{color:var(--muted);font-style:normal}.audio-field input[type=url]{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid #d0d0d8;border-radius:6px;font-size:13px}.lalal-status{font-size:11px;margin-top:2px}.lv-sc-volume{width:70px;vertical-align:middle}.audio-tempo{width:90px;padding:5px 8px;border:1px solid #d0d0d8;border-radius:6px;font-size:13px}.lv-coach{display:flex;flex-direction:column;gap:4px;margin:2px 0 4px}.lv-coach-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#d8d8e0}.lv-coach-score{font-weight:800;font-size:15px;padding:2px 8px;border-radius:6px;background:#ffffff14}.lv-coach-score[data-grade=good]{color:#8fd18f}.lv-coach-score[data-grade=mid]{color:#f4c542}.lv-coach-score[data-grade=low]{color:#ff7b7b}.lv-coach-ok{color:#8fd18f}.lv-coach-toast{font-size:12px;color:#f4c542}.lv-coach .btn{margin-left:0}.song-folder-chips{margin-top:-2px}.song-groups{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto}.song-folder-head{display:flex;align-items:center;gap:4px;padding:4px 2px 2px}.song-folder-head.standalone{padding-bottom:6px}.song-folder-toggle{flex:1;display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:2px 0;cursor:pointer;text-align:left;color:inherit;font-size:13px}.song-folder-caret{width:12px;color:var(--muted)}.song-folder-name{font-weight:600}.song-folder-count{font-size:11px;color:var(--muted);background:#0000000f;border-radius:10px;padding:0 6px}.song-folder-select{font-size:12px;max-width:150px}.magic-actions{display:flex;gap:8px;flex-wrap:wrap}.audio-field select{padding:5px 8px;border:1px solid #d0d0d8;border-radius:6px;font-size:13px}.udemy-player{display:flex;flex-direction:column;gap:8px;padding:12px;background:#1c1c22;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e0e0e6;min-width:0}.udemy-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.udemy-logo{font-weight:800;color:#a435f0;letter-spacing:.5px}.udemy-state.ok{color:#8fd18f}.udemy-state.warn{color:#f4c542}.udemy-state.bad{color:#ff7b7b}.udemy-state code{font-size:11px}.udemy-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.udemy-rate{font-size:12px}.udemy-hint{margin:0;font-size:11px;color:#ffffff73}.pdf-engine{display:flex;flex-direction:column;gap:4px;margin:4px 0 0 22px;font-size:12px}.pdf-engine select{font-size:12px}.learning-view.roll-on{grid-template-rows:auto 1fr auto auto}.learning-view.roll-on .lv-main.lv-main-kb.lv-main-score{display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:6px}.learning-view.roll-on .lv-score-kb{flex:1 1 auto;min-height:0}.learning-view .lv-main.lv-main-kb.lv-main-score{justify-content:flex-start}.kb88-scroll-roll,.kb88-scroll-roll.kb88-scroll-labeled{flex:1 1 auto;height:auto;min-height:380px}.kb88-with-roll{height:100%}.kb88-roll{position:absolute;top:0;left:0;width:100%;height:calc(100% - 258px);display:block;z-index:0}.kb88-with-roll.kb88-toplabels .kb88-toplabels-row{top:auto;bottom:206px;height:52px}.kb88-with-roll.kb88-toplabels .kb88-key{top:auto}.kb88-with-roll .kb88-white{bottom:0;height:206px}.kb88-with-roll .kb88-black{bottom:78px;height:128px}.kb88-with-roll .kb88-middle-c{top:auto;bottom:262px}.lv-accomp{overflow:hidden}.accomp-panel{display:flex;flex-direction:column;gap:8px;flex:1 1 0;min-width:0;height:100%;min-height:0}.accomp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px;align-content:start;overflow:auto;flex:1 1 auto;min-height:0;padding-right:4px}.accomp-bar{min-width:0;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fffdf7;color:#15201b;border:1px solid rgba(0,0,0,.15);border-left:3px solid #15201b;border-radius:4px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;cursor:pointer;text-align:left}.accomp-bar.current{background:#fff3c4;border-color:#f4c542;box-shadow:0 0 0 2px #f4c54280}.accomp-bar-num{font:600 10px system-ui,sans-serif;color:#7c8982;min-width:16px}.accomp-bar-chords{display:flex;gap:10px;min-width:0;overflow:hidden}.accomp-chord{letter-spacing:.5px;white-space:nowrap}.accomp-pattern{display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;align-self:flex-start;max-width:100%}.accomp-pattern-head{max-width:100%}.accomp-pattern-head select{max-width:200px}.accomp-pattern-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.accomp-pattern-head select{font-size:12px}.accomp-table{border-collapse:separate;border-spacing:3px;font:700 14px system-ui,sans-serif;margin:0;align-self:flex-start}.accomp-table th{color:#d8d8e0;font-weight:600;min-width:34px;text-align:center}.accomp-table thead th.beat{color:#fff;font-size:16px}.accomp-table thead th.now{color:#f4c542}.accomp-table td{width:30px;height:28px;text-align:center;background:#ffffff0f;border-radius:4px;cursor:pointer;color:#fff;font-size:18px;-webkit-user-select:none;user-select:none}.accomp-table td.now{outline:2px solid rgba(244,197,66,.6)}.accomp-table tr.hand-md td.on{background:#e8605c}.accomp-table tr.hand-mg td.on{background:#4f78d6}.accomp-table tbody th{text-align:right;padding-right:6px}.learning-view.accomp-on{grid-template-rows:auto minmax(220px,40vh) 1fr auto auto}