:root{--bg: #12141a;--panel: #1b1f28;--panel2: #232836;--line: #2f3646;--text: #e7ebf3;--muted: #8d97ad;--text-soft: #c7cede;--accent: #4fb0c6;--warn: #f2c14e;--judge-perfect: #35c46a;--judge-great: #f2d24e;--judge-good: #ef8f3c;--judge-miss: #f2544b;--tendency-lateFar: #1f7f96;--tendency-early: #f2a154;--tendency-earlyFar: #d9622e;--stick-r: #ffe9a3;--stick-l: #ddc2ff;--well: #171b24;--well-strong: #2a3040;--well-border: #262c39;--grid-mid: #39425a;--hand-r: var(--accent);--hand-l: var(--warn);--limb-hand: var(--accent);--limb-foot: var(--warn);--hf-stretch: #7fa8f5;--hf-compress: #f07167;--accent-fill: var(--accent);color-scheme:dark}:root[data-theme=light]{--bg: #f4f6f9;--panel: #ffffff;--panel2: #eef1f6;--line: #d7dde6;--text: #1b2430;--muted: #5b6577;--text-soft: #3a4455;--accent: #1f8fa8;--warn: #9a7308;--judge-perfect: #1f9955;--judge-great: #b8880a;--judge-good: #c96f1f;--judge-miss: #d63a30;--tendency-lateFar: #166577;--tendency-early: #c97a2e;--tendency-earlyFar: #b34d1f;--stick-r: #fff3c4;--stick-l: #efe3ff;--well: #e7ecf2;--well-strong: #d7dfe9;--well-border: #c9d2de;--grid-mid: #b4c0d1;--hf-stretch: #2f63c4;--hf-compress: #c4483e;--accent-fill: #6cc3d6;color-scheme:light}:root[data-theme=light] .cell.v1,:root[data-theme=light] .cell.v2,:root[data-theme=light] .cell.v3{background:color-mix(in srgb,var(--pad-color) 85%,#ffffff)}:root[data-theme=light] .cell.v2{box-shadow:inset 0 0 0 3px #fff,0 0 0 1.5px var(--pad-color)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Noto Sans TC,system-ui,sans-serif}button,select,input,textarea{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:6px 10px}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent-fill);color:#07222a;border-color:transparent;font-weight:600}button.primary:not(.disabled):hover{background:color-mix(in srgb,#ffffff 16%,var(--accent-fill))}button.danger{background:var(--judge-miss);color:#2a0806;border-color:transparent;font-weight:600}button.danger:hover{background:color-mix(in srgb,#ffffff 12%,var(--judge-miss))}.style-toggle button.on:hover,.lt-tabs button.on:hover,.mode-toggle.on:hover,.bar-chip.selected:hover{background:color-mix(in srgb,#ffffff 16%,var(--accent-fill))}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}header h1{font-size:18px;margin:0}header h1 .brand-up{color:var(--accent)}.logo{display:block;border-radius:7px}.tag{color:var(--muted);font-size:12px}.header-spacer{flex:1 1 auto}.help-link{font-size:13px;color:var(--muted);text-decoration:none;padding:6px 10px;border:1px solid var(--line);border-radius:6px}.help-link:hover{color:var(--text);border-color:var(--accent)}.help-link-ico{display:inline-flex;align-items:center;vertical-align:-2px;margin-right:4px}.auth-btn{font-size:13px}.auth-loading{color:var(--muted)}.auth-user{position:relative;display:inline-flex}.auth-trigger{display:inline-flex;align-items:center;gap:8px;font-size:13px;background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 8px;cursor:pointer;color:var(--text)}.auth-trigger:hover{border-color:var(--line)}.auth-avatar{border-radius:50%}.auth-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-fill);color:#07222a;font-size:12px;font-weight:700;flex:none}.auth-name{color:var(--text);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-caret{color:var(--muted);font-size:11px}.auth-premium-badge{font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--bg);background:linear-gradient(135deg,#ffd76a,var(--warn));border-radius:4px;padding:2px 6px}.auth-pop{position:absolute;top:calc(100% + 4px);right:0;z-index:40;display:flex;flex-direction:column;gap:2px;min-width:160px;padding:4px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0006}.auth-out{width:100%;text-align:left;font-size:13px;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:var(--text);cursor:pointer}.auth-out:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel2))}.dlg-or-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:12px}.dlg-or-divider:before,.dlg-or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.dlg-oauth-list{display:flex;flex-direction:column;gap:8px}.auth-oauth-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:13px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:8px;cursor:pointer}.auth-oauth-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel2))}.profile-avatar-row{display:flex;align-items:center;gap:20px;margin:4px 0 18px}.profile-avatar-lg{border-radius:50%;width:96px;height:96px;flex:none;object-fit:cover;box-shadow:0 0 0 2px var(--line)}.profile-avatar-lg.auth-avatar-fallback{font-size:36px}.profile-avatar-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}button.profile-avatar-btn{font-size:13px;padding:6px 14px}.profile-avatar-actions .dlg-link-btn{font-size:13px}.settings-menu{position:relative;display:inline-flex}.settings-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:30px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--muted);cursor:pointer}.settings-menu-trigger:hover{color:var(--text);border-color:var(--accent)}.settings-menu-pop{display:none;position:absolute;top:calc(100% + 4px);right:0;z-index:40;min-width:130px;padding:4px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0006}.settings-menu-pop.open{display:flex;flex-direction:column}.settings-menu-item{display:block;font-size:13px;padding:7px 10px;border-radius:6px;color:var(--text);text-decoration:none}.settings-menu-item:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel2))}button.settings-menu-item{width:100%;text-align:left;background:transparent;border:none}button.settings-menu-item:hover{border-color:transparent}.settings-menu-legal{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:4px;padding:8px 10px 2px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.settings-menu-legal a{color:var(--muted);text-decoration:none;white-space:nowrap}.settings-menu-legal a:hover{color:var(--accent);text-decoration:underline}.settings-menu-lang{display:flex;gap:4px;padding:2px 4px 6px;margin-bottom:4px;border-bottom:1px solid var(--line)}.settings-menu-lang button{flex:1;font-size:12px;padding:5px 8px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.settings-menu-lang button:hover{color:var(--text)}.settings-menu-lang button.on{background:var(--accent-fill);color:#07222a;border-color:var(--accent-fill);font-weight:700}.library-hint{color:var(--muted);font-size:12px;margin:6px 0 0}.lib-share{background:none;border:none;cursor:pointer;font-size:13px;padding:0 4px}.status{color:var(--muted);font-size:13px;margin-left:auto}.latency-btn{font-size:13px}.comp-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.comp-badge-label{color:var(--muted)}.comp-badge-val{font-weight:600;color:var(--accent);font-size:13px;margin-right:auto}.comp-preset-select{flex:1 1 auto;min-width:0;font-size:12px;padding:5px 8px}.comp-reset{font-size:11px;padding:1px 8px}.kb-panel{display:flex;flex-direction:column;gap:8px}.kb-hint{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:11px;color:var(--muted)}.kb-key-item{display:flex;align-items:center;gap:6px;min-width:0}.kb-k{flex:0 0 auto;min-width:16px;text-align:center;padding:1px 5px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);font-weight:600;font-size:11px}.kb-k-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-custom-btn{font-size:12px;padding:4px 10px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px}.km-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000a;display:flex;align-items:center;justify-content:center}.km-panel{width:380px;max-width:92vw;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 20px 60px #000a}.km-head{display:flex;align-items:center}.km-head h2{font-size:16px;margin:0;flex:1}.km-desc{font-size:12px;color:var(--muted);margin:8px 0 12px;line-height:1.6}.km-list{display:flex;flex-direction:column;gap:6px}.km-row{display:flex;align-items:center;gap:8px}.km-drum{flex:1;font-size:13px}.km-key{min-width:92px;font-size:13px;font-weight:600;padding:5px 10px}.km-key.capturing{border-color:var(--accent);color:var(--accent)}.km-clear{font-size:12px;padding:5px 10px;color:var(--muted)}.km-clear:hover{color:var(--judge-miss);border-color:var(--judge-miss)}.km-actions{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.km-actions button{font-size:13px;padding:6px 14px}.ml-list{display:flex;flex-direction:column;gap:4px;overflow:auto;min-height:0}.ml-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px}.ml-row.learning{background:color-mix(in srgb,var(--accent) 12%,transparent)}.ml-target{flex:0 0 150px;display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-notes{flex:1;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.ml-none{font-size:11px;color:var(--muted)}.ml-chip{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-variant-numeric:tabular-nums;padding:1px 2px 1px 6px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text-soft)}.ml-chip.custom{border-color:var(--accent);color:var(--accent)}.ml-chip.ignored{color:var(--muted);text-decoration:line-through}.ml-chip.flash{animation:ml-flash 1.2s ease-out}@keyframes ml-flash{0%{background:color-mix(in srgb,var(--accent) 45%,var(--panel2))}to{background:var(--panel2)}}.ml-chip-x{border:none;background:transparent;padding:0 4px;font-size:12px;line-height:1;color:var(--muted);min-height:0}.ml-chip-x:hover{color:var(--judge-miss)}.ml-learn{flex:none;font-size:12px;padding:4px 10px;min-width:76px}.ml-learn.on{border-color:var(--accent);color:var(--accent);animation:ml-pulse 1s ease-in-out infinite}@keyframes ml-pulse{50%{background:color-mix(in srgb,var(--accent) 18%,var(--panel2))}}.ml-flash{margin:8px 0 0;font-size:12px;color:var(--accent)}.ml-ignored{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px}.ml-ignored-label{font-size:12px;color:var(--muted);margin-right:4px}.ml-hihat{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--muted)}.ml-hihat select{flex:1;min-width:0;font-size:12px;padding:4px 8px}.midi-learn-btn{position:relative;font-size:12px;padding:4px 10px}.midi-learn-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent-fill)}button.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.dlg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px}.dlg-modal{width:420px;max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 20px 60px #000a}.dlg-modal h3{margin:0 0 14px;font-size:15px}.dlg-login-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}.dlg-login-brand img{display:block;border-radius:7px}.dlg-login-brand-name{font-size:16px;font-weight:700;color:var(--text)}.dlg-login-brand-up{color:var(--accent)}.dlg-mode-switch{display:flex;align-items:center;justify-content:center;gap:4px;margin:2px 0 0;font-size:13px;color:var(--muted)}.dlg-mode-switch .dlg-link-btn{font-size:13px}.dlg-message{margin:0 0 4px;font-size:13px;line-height:1.6;white-space:pre-line}.dlg-input{width:100%;font-size:13px;padding:8px 10px;margin-top:10px}.dlg-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);margin-bottom:10px}.dlg-field input,.dlg-field select,.dlg-field textarea{font-size:13px;padding:6px 8px;color:var(--text)}.dlg-field textarea{resize:vertical;line-height:1.5}.dlg-field input:disabled{color:var(--muted);opacity:.6;cursor:not-allowed}.dlg-share-warn{color:var(--warn);font-weight:700}.dlg-hint{margin:-6px 0 10px;font-size:11px;color:var(--muted);line-height:1.5}.dlg-legal{margin:14px 0 0;font-size:11.5px;line-height:1.6;color:var(--muted);text-align:center}.dlg-legal a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;margin:0 2px}.dlg-link-btn{background:transparent;border:none;color:var(--muted);font-size:12px;padding:4px 2px;text-decoration:underline;cursor:pointer}.dlg-link-btn:hover:not(:disabled){color:var(--accent)}.dlg-link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.dlg-error{color:var(--warn);font-size:12.5px;margin:4px 0 0}.dlg-opt{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;padding:6px 0;cursor:pointer}.dlg-opt input{margin-top:3px;flex:none}.dlg-loop-row{display:flex;align-items:center;gap:12px}.dlg-loop-row .dlg-opt{padding:0}.dlg-loop-row input[type=number]{width:70px}.dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dlg-pref-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.dlg-pref-head h3{margin:0}.dlg-pref-reset{background:transparent;border:none;color:var(--muted);font-size:12px;padding:4px 2px;text-decoration:underline}.dlg-pref-reset:hover{color:var(--accent);border-color:transparent}.dlg-pref-section{margin:0 0 14px;padding-top:12px;border-top:1px solid var(--line)}.dlg-pref-section:first-of-type{padding-top:0;border-top:none}.dlg-pref-section h4{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--accent)}.dlg-pref-desc{margin:0 0 4px;font-size:12px;color:var(--muted)}.dlg-pref-preview{margin:0 0 8px;font-size:13px;color:var(--accent);font-weight:600}.dlg-modal:has(.pref-panel){width:760px;max-width:calc(100vw - 32px)}.dlg-modal:has(.group-edit-dlg){width:480px;max-width:calc(100vw - 32px)}.group-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 14px}.group-icon-btn{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:10px;border:2px solid transparent;background:transparent}.group-icon-btn img{display:block;border-radius:8px}.group-icon-btn:hover{border-color:color-mix(in srgb,var(--icon-color) 55%,transparent)}.group-icon-btn.on{border-color:var(--icon-color);background:color-mix(in srgb,var(--icon-color) 16%,transparent)}.dlg-err{color:var(--judge-miss)}.pref-body{display:flex;gap:16px;margin-top:4px}.pref-sidebar{flex:0 0 140px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);padding-right:14px}.pref-nav-item{text-align:left;font-size:12px;padding:7px 10px;border-radius:6px;background:transparent;border:1px solid transparent;white-space:nowrap}.pref-nav-item:hover{border-color:var(--line)}.pref-nav-item.on{background:var(--accent-fill);color:#07222a;border-color:transparent;font-weight:700}.pref-main{flex:1;min-width:0}.pref-main .dlg-pref-section{margin:0;padding-top:0;border-top:none}.toast-warn{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;background:#1f7a45;color:#eafff1;border:1px solid var(--judge-perfect);box-shadow:0 6px 24px #0006;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.loop-flash{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:999;background:#12141ae0;color:#fff;border:1px solid var(--accent);box-shadow:0 8px 30px #00000073;padding:10px 30px;border-radius:14px;font-size:22px;font-weight:800;letter-spacing:.5px;pointer-events:none;animation:loop-flash-pop 1s ease-out forwards}:root[data-theme=light] .loop-flash{background:#fffffff2;color:var(--accent);border-color:var(--accent-fill);box-shadow:0 8px 26px #1f8fa838}@keyframes loop-flash-pop{0%{opacity:0;transform:translate(-50%,-6px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1.06)}22%{transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0}}.lt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000a;display:flex;align-items:center;justify-content:center}.lt-panel{width:380px;max-width:92vw;max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 20px 60px #000a}.lt-panel.wide{width:760px}@media (max-width: 800px){.lt-panel.wide{width:92vw}.lt-rhythm.cols{flex-direction:column}.lt-rhythm.cols .lt-results-col{flex:1 1 auto;width:100%}.lt-col-head:last-child{flex:1 1 0}.lt-list{max-height:40vh}}.lt-head{display:flex;align-items:center}.lt-head h2{font-size:16px;margin:0;flex:1}.lt-close{border:none;background:transparent;color:var(--muted);font-size:16px;padding:2px 6px}.lt-close:hover{color:var(--judge-miss)}.lt-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:13px;color:var(--muted)}.lt-tabs{display:flex;gap:18px;margin:10px 0 4px}.lt-tabs button{flex:1;padding:6px;font-size:13px}.lt-tabs button.on{background:var(--accent-fill);color:#07222a;border-color:transparent;font-weight:600}.lt-col-head{font-size:14px;font-weight:600;color:var(--text);padding:4px 2px;border-bottom:2px solid var(--accent)}.lt-col-head:first-child{flex:1 1 0}.lt-col-head:last-child{flex:0 0 320px}.lt-align{margin-top:12px}.lt-align-desc{font-size:13px;color:var(--text);line-height:1.6;margin:0 0 14px}.lt-latency{font-size:13px;color:var(--muted);margin-bottom:12px}.lt-latency b{color:var(--warn);font-size:15px}.lt-offset{display:flex;align-items:center;gap:12px;font-size:13px}.lt-offset span{color:var(--muted)}.lt-offset input[type=range]{flex:1}.lt-offset b{min-width:56px;text-align:right;color:var(--accent);font-size:15px}.lt-offset-fine{display:flex;gap:8px;margin:12px 0 4px}.lt-offset-fine button{padding:4px 12px}.lt-controls label{display:flex;align-items:center;gap:6px}.lt-controls input[type=number]{width:64px}.lt-controls input[type=range]{flex:1;min-width:100px}.lt-hint{font-size:12px;color:var(--muted);flex-basis:100%}.lt-stop{font-size:13px;padding:6px 16px;background:var(--judge-miss);color:#fff;border-color:transparent;font-weight:600}.lt-stop:hover{background:#ff6a61}.lt-lane{position:relative;background:linear-gradient(var(--bg),var(--well));border:1px solid var(--line);border-radius:8px;overflow:hidden}.lt-hitline{position:absolute;left:0;right:0;height:3px;background:var(--accent-fill);box-shadow:0 0 10px var(--accent)}.lt-countin{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:var(--accent)}.lt-note{position:absolute;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--warn);box-shadow:0 0 12px color-mix(in srgb,var(--warn) 53%,transparent)}.lt-note.missed{background:var(--judge-miss);box-shadow:none;opacity:.7}.lt-note.burst{animation:ltBurst .36s ease-out forwards}.lt-note.burst.good{background:#5ef2a5;box-shadow:0 0 18px #5ef2a5}.lt-note.burst.early{background:#6fd1ff;box-shadow:0 0 18px #6fd1ff}.lt-note.burst.late{background:#f2a24e;box-shadow:0 0 18px #f2a24e}.lt-note.burst.miss{background:var(--judge-miss);box-shadow:0 0 18px var(--judge-miss)}@keyframes ltBurst{0%{transform:scale(1);opacity:1}to{transform:scale(2.4);opacity:0}}.lt-results{margin-top:12px}.lt-rhythm.cols{display:flex;gap:18px;align-items:stretch}.lt-rhythm.cols .lt-rhythm-main{flex:1 1 0;min-width:0}.lt-rhythm.cols .lt-results-col{flex:0 0 320px;display:flex;flex-direction:column;min-height:0}.lt-rhythm-main>.lt-comp{margin-top:12px;margin-bottom:0}.lt-results-col .lt-results{margin-top:0;display:flex;flex-direction:column;min-height:0;flex:1}.lt-results-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--line);border-radius:8px;padding:20px}.lt-summary{font-size:13px;color:var(--text);margin-bottom:8px}.lt-comp{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:10px}.lt-comp-row{font-size:13px;color:var(--text)}.lt-comp-row b{color:var(--accent)}.lt-comp-note{color:var(--muted);font-size:11px;margin-left:6px}.lt-comp-actions{display:flex;gap:8px;margin-top:8px}.lt-comp-actions button{font-size:12px;padding:5px 10px}.lt-comp-edit{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.lt-comp-edit button{font-size:12px;padding:4px 9px}.lt-comp-edit input[type=number]{width:64px;text-align:center;font-size:14px;font-weight:600;color:var(--accent)}.lt-comp-unit{color:var(--muted);font-size:12px}.lt-comp-zero{margin-left:auto}.lt-presets{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.lt-presets-title{font-size:12px;color:var(--muted);margin-bottom:8px}.lt-preset{display:flex;align-items:center;gap:6px;margin-bottom:6px}.lt-preset-name{flex:1;min-width:0;font-size:13px;padding:4px 8px;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--text)}.lt-preset.active .lt-preset-name{border-color:var(--accent)}.lt-preset-ms{min-width:54px;text-align:right;font-size:12px;color:var(--muted)}.lt-preset.active .lt-preset-ms{color:var(--accent);font-weight:600}.lt-preset-apply,.lt-preset-save{font-size:12px;padding:4px 9px;white-space:nowrap}.lt-preset-apply{border-color:var(--accent)}.lt-list{list-style:none;margin:0;padding:0 4px 0 0;display:flex;flex-direction:column;gap:4px;font-size:12px;flex:1 1 auto;min-height:0;overflow-y:auto}.lt-list li{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:5px;background:var(--panel2)}.lt-list li.good{color:#5ef2a5}.lt-list li.early{color:#6fd1ff}.lt-list li.late{color:var(--warn)}.lt-list li.miss{color:var(--judge-miss)}.lt-list li.pending{color:var(--muted);opacity:.7}.lt-list li.excluded{opacity:.45}.lt-list li.excluded .lt-list-off{text-decoration:line-through}.lt-list-beat{min-width:52px}.lt-list-off{flex:1}.lt-list-acts{display:inline-flex;gap:6px}.lt-list-acts button{font-size:11px;padding:2px 8px;color:var(--text)}.lt-list-apply:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.lt-list-remove:hover:not(:disabled){border-color:var(--judge-miss);color:var(--judge-miss)}.lt-summary-note{color:var(--muted);font-size:11px;margin-left:6px}.error{color:var(--judge-miss);font-size:13px}.midi-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.midi-bar>button,.midi-port-wrap>select{font-size:12px;padding:4px 10px;min-height:28px}.midi-port-wrap{position:relative;display:flex;max-width:100%;min-width:0;flex:1 1 120px}.midi-port-wrap>select{width:100%;min-width:0}.midi-port-wrap.has-icon>select{padding-left:28px}.midi-port-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--accent);pointer-events:none}.input-icon{flex:none;display:inline-block;vertical-align:-.15em}.status .input-icon{margin-right:4px;color:var(--accent)}.midi-profile{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.midi-profile select{font-size:12px}.midi-panel-tools{display:flex;flex-direction:column;gap:8px;margin-top:10px}.midi-panel-monitor{margin-top:16px}.mpt-row{display:flex;align-items:center;gap:8px}.mpt-row .latency-btn{flex:0 0 auto}main{flex:1;display:flex;overflow:hidden;position:relative}.left{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;overflow:auto;padding:14px;gap:12px}.right-shell{display:flex;align-items:stretch}.right-page{flex:0 0 0px;width:0;padding:0;overflow:hidden;border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:12px;transition:flex-basis .25s ease,width .25s ease,padding .25s ease}.right-shell.right-open .right-page{flex-basis:320px;width:320px;padding:14px;overflow-y:auto}.right-page-head{display:flex;align-items:center;justify-content:space-between}.right-page-head h3{margin:0;font-size:14px;color:var(--text);white-space:nowrap}.right-page-collapse{background:transparent;border:none;color:var(--muted);padding:2px 6px}.right-page-collapse:hover{color:var(--text);border-color:transparent}.right-page .status{margin:-4px 0 0}.right-nav{flex:0 0 46px;width:46px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0;border-left:1px solid var(--line);background:var(--panel)}.right-nav button{position:relative;flex:none;width:34px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--muted);border-radius:6px}.right-nav button:hover{color:var(--accent);border-color:transparent}.right-nav button.connected,.right-nav button.connected:hover{color:var(--judge-perfect)}.right-nav button.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.right-nav button .status-dot{position:absolute;top:2px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--judge-perfect);box-shadow:0 0 0 2px var(--panel)}.presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.modbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.modbar-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px}.modbar-btn.on{border-color:var(--accent);color:var(--accent)}.modbar-empty{padding:8px 10px;color:var(--muted);font-size:12px}.modbar-meta{font-size:11px;color:var(--muted)}.modbar-ic{border:none;background:transparent;color:var(--muted);padding:0 8px;font-size:13px}.modbar-ic:hover{color:var(--text);border-color:transparent}.modbar-hint{color:var(--muted);font-size:12px;margin-left:auto}.modbar-msg{color:var(--accent);font-size:12px}.modbar-del{display:inline-flex;align-items:center;justify-content:center;color:var(--text);padding:0 10px}.modbar-del:hover{color:var(--judge-miss)}.modbar-share{display:inline-flex;align-items:center;justify-content:center;color:var(--text);padding:0 10px}.modbar-share:hover{color:var(--accent)}.modbar-toast{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;align-items:center;gap:10px;max-width:420px;padding:10px 12px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;box-shadow:0 10px 28px #00000080;font-size:13px}.modbar-toast.anchored{right:auto;bottom:auto}.modbar-toast-text{word-break:break-all}.modbar-toast-x{flex:none;border:none;background:transparent;color:var(--muted);font-size:14px;padding:2px 4px;cursor:pointer}.modbar-toast-x:hover{color:var(--text);border-color:transparent}.lib-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000a;display:flex;align-items:center;justify-content:center}.lib-panel{width:920px;max-width:92vw;height:86vh;max-height:86vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 20px 60px #000a}.lib-head{display:flex;align-items:center;margin-bottom:10px}.lib-head h2{font-size:16px;margin:0;flex:1}.lib-search{margin-bottom:10px}.lib-search input{width:100%;font-size:13px;padding:8px 12px}.lib-body{display:flex;gap:14px;flex:1;min-height:0}.lib-sidebar{flex:0 0 180px;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);padding-right:14px}.lib-sidebar-search{margin-bottom:8px}.lib-sidebar-search input{width:100%;font-size:12px;padding:6px 10px}.lib-sidebar-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1;min-height:0}.lib-sidebar-item{display:flex;align-items:center;gap:7px;text-align:left;font-size:12px;padding:7px 10px;border-radius:6px;background:transparent;border:1px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-sidebar-item:hover{border-color:var(--line)}.lib-sidebar-item.on{background:var(--accent-fill);color:#07222a;border-color:transparent;font-weight:700}.lib-sidebar-icon{flex:none;border-radius:5px}.lib-sidebar-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-sidebar-count{flex:none;margin-left:auto;padding-left:6px;font-size:11px;color:var(--muted)}.lib-sidebar-item.on .lib-sidebar-count{color:color-mix(in srgb,#07222a 60%,transparent)}.lib-sidebar-item.drag-over{border-color:var(--accent);border-style:dashed;background:color-mix(in srgb,var(--accent) 16%,transparent)}.lib-drag-ghost{position:fixed;top:-999px;left:-999px;padding:6px 14px;border-radius:8px;background:var(--accent-fill);color:#07222a;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none}.lib-sidebar-empty{font-size:11px;color:var(--muted);padding:4px 10px}.lib-sidebar-add{margin-top:6px;text-align:left;font-size:12px;padding:7px 10px;border-style:dashed;color:var(--muted)}.lib-sidebar-add:hover{color:var(--accent);border-color:var(--accent)}.lib-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.lib-group-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}.lib-group-toolbar-text{min-width:0}.lib-group-toolbar-head{display:flex;align-items:center;gap:10px}.lib-group-toolbar-icon{flex:none;border-radius:8px}.lib-group-toolbar-name{font-weight:700;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-group-toolbar-count{font-size:12px;color:var(--muted);white-space:nowrap}.lib-group-toolbar-desc{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.lib-group-toolbar-actions{display:flex;gap:6px;margin-left:auto;flex:none}.lib-group-toolbar-actions button{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 10px}.lib-danger-hover:hover:not(:disabled){border-color:var(--judge-miss);color:var(--judge-miss)}.lib-bulk-bar{display:flex;align-items:center;gap:12px;padding:6px 4px;margin-bottom:6px;font-size:12px}.lib-bulk-all{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none}.lib-bulk-count{color:var(--muted)}.lib-bulk-actions{display:flex;gap:6px;margin-left:auto}.lib-bulk-actions button{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 10px}.lib-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:0}.lib-row{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);cursor:pointer;transition:background .12s ease,border-color .12s ease}.lib-row:hover{background:color-mix(in srgb,var(--accent) 10%,var(--panel2));border-color:var(--accent)}.lib-row.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}.lib-row-check{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:none;width:48px;margin:-14px 0 -14px -12px;border-radius:8px 0 0 8px;cursor:pointer}.lib-row-check:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.lib-row-check input{margin:0}.lib-info{flex:0 0 160px;min-width:0;display:flex;flex-direction:column;gap:4px}.lib-load{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:2px 4px;overflow:hidden;width:100%}.lib-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lib-meta{font-size:11px;color:var(--muted)}.lib-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 4px}.lib-tag{font-size:10px;padding:2px 7px;border-radius:10px;background:var(--panel);color:var(--muted)}.lib-tag:hover{color:var(--accent);border-color:var(--accent)}.lib-tag-preset{border-style:dashed}.import-preset-tag{margin-left:6px;vertical-align:1px;white-space:nowrap}.lib-score{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;background:var(--panel);border-radius:6px}.lib-score.light{background:#fff}.lib-score-inner{transform:scale(.6);transform-origin:top left}.lib-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.lib-play{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);padding:0;flex:none}.lib-play:hover{border-color:var(--accent);color:var(--accent)}.lib-play.on{background:var(--accent-fill);color:#07222a;border-color:transparent}.lib-group{position:relative;display:inline-flex}.lib-group-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:40;display:flex;flex-direction:column;gap:2px;min-width:180px;padding:6px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0006}.lib-group-empty{padding:6px 8px;color:var(--muted);font-size:12px}.lib-group-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;border-radius:6px}.lib-group-row:hover{background:color-mix(in srgb,var(--accent) 12%,var(--panel2))}.lib-group-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-group-add{flex:none;font-size:11px;padding:3px 8px}.lib-group-add.on{background:var(--accent-fill);color:#07222a;border-color:transparent;font-weight:600}.lib-group-new{display:flex;gap:4px;margin-top:4px;padding-top:6px;border-top:1px solid var(--line)}.lib-group-new input{flex:1;min-width:0;font-size:12px;padding:4px 6px}.lib-group-new button{flex:none;font-size:11px;padding:4px 10px}@media (max-width: 800px){.lib-panel{padding:12px}.lib-row{flex-wrap:wrap}.lib-info{flex:1 1 100%}.lib-actions{margin-left:auto}.lib-body{flex-direction:column}.lib-sidebar{flex:0 0 auto;max-height:140px;border-right:none;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:10px}.lib-sidebar-list{flex-direction:row;flex-wrap:wrap;overflow-y:visible}.lib-sidebar-item,.lib-sidebar-add{white-space:nowrap}}.import-head{gap:10px}.import-icon{flex:none;border-radius:6px}.import-name-input{flex:1;min-width:0;font-size:15px;font-weight:700;padding:6px 10px}.import-head-actions{display:flex;gap:8px;flex:none}.import-toolbar{margin-bottom:10px}.import-check{flex:none;width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}@media (max-width: 800px){.import-head{flex-wrap:wrap}.import-name-input{flex:1 1 100%;order:-1}}.lib-head-manage-share{flex:none;font-size:12px;padding:5px 10px;margin-right:8px}.share-mgr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;background:#000a;display:flex;align-items:center;justify-content:center}.share-mgr-panel{width:620px;height:auto;max-height:80vh}.share-mgr-hint{color:var(--muted);font-size:13px;padding:20px 4px;text-align:center}.share-mgr-toolbar{display:flex;align-items:center;gap:12px;padding:6px 2px 10px;border-bottom:1px solid var(--line);margin-bottom:10px}.share-mgr-select-all{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}.share-mgr-selected-count{font-size:12px;color:var(--muted);flex:1}.share-mgr-bulk-revoke{font-size:12px;padding:5px 10px}.share-mgr-bulk-revoke:hover:not(:disabled){border-color:var(--judge-miss);color:var(--judge-miss)}.share-mgr-list{gap:8px}.share-mgr-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.share-mgr-check{flex:none;width:15px;height:15px;cursor:pointer;accent-color:var(--accent)}.share-mgr-row-main{display:flex;align-items:center;gap:8px;flex:1 1 220px;min-width:0}.share-mgr-kind{flex:none;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--panel);color:var(--muted);border:1px solid var(--line)}.share-mgr-kind-group{color:var(--accent);border-color:var(--accent)}.share-mgr-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-mgr-row-meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted);flex:1 1 160px}.share-mgr-row-actions{display:flex;gap:6px;flex:none;margin-left:auto}.share-mgr-row-actions button{font-size:12px;padding:5px 10px}.editor{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;position:relative}.editor-transport{margin:8px 0 10px}.mode-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.mode-switch-right{display:flex;align-items:center;gap:10px}.save-menu{position:relative;display:inline-flex;align-items:stretch;gap:6px}.save-group{position:relative;display:inline-flex;align-items:stretch}.save-share{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:8px}.save-main{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-top-right-radius:0;border-bottom-right-radius:0}.save-ico,.share-ico{flex:none}button.save-caret.primary{padding:0 9px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(0,0,0,.35);font-size:16px;line-height:1}.save-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:30;display:flex;flex-direction:column;min-width:140px;padding:4px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0006}.save-dropdown button{text-align:left;background:transparent;border:none;padding:8px 10px;border-radius:6px;color:var(--text);font-size:13px;cursor:pointer}.save-dropdown button:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel2))}.save-more-wrap{position:relative;display:inline-flex;align-items:stretch}.save-more{display:inline-flex;align-items:center;justify-content:center;width:28px;padding:0;border-radius:8px;background:transparent;border:1px solid var(--line);color:var(--text-soft)}.save-more:hover{color:var(--accent);border-color:var(--accent)}.save-more-menu{min-width:200px;max-height:60vh;overflow-y:auto}.save-menu-label{font-size:11px;color:var(--muted);padding:6px 10px 2px}.save-menu-hint{font-size:12px;color:var(--muted);padding:6px 10px 8px}.save-dropdown .save-group-item{display:flex;align-items:center;gap:6px}.save-check{display:inline-block;width:14px;color:var(--accent);font-weight:700}.save-menu-sep{height:1px;background:var(--line);margin:4px 2px}.save-dropdown .save-danger{color:var(--judge-miss)}.save-dropdown .save-danger:disabled{opacity:.45;cursor:not-allowed}.save-dropdown .save-danger:not(:disabled):hover{background:color-mix(in srgb,var(--judge-miss) 15%,var(--panel2))}.lock-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px}.lock-btn.on{color:#ffb454;border-color:#ffb454;background:color-mix(in srgb,#ffb454 14%,var(--panel2))}.lock-area{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.lock-label{color:#ffb454;font-size:13px;font-weight:600;white-space:nowrap}.editor-practice-toggle{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px}.editor-practice-toggle.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}.record-toggle{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-size:12px}.record-toggle.on{color:var(--judge-miss);border-color:var(--judge-miss);background:color-mix(in srgb,var(--judge-miss) 14%,var(--panel2))}.record-toggle:disabled{opacity:.45;cursor:not-allowed}.editor-practice{overflow:hidden;max-height:2000px;opacity:1;transition:max-height .3s ease,opacity .2s ease,margin-top .3s ease}.editor-practice.collapsed{max-height:0;opacity:0;margin-top:-10px}.mode-switch-left{display:inline-flex;align-items:center;gap:12px}.device-warn{color:#ffb454;font-size:13px;font-weight:600}.mode-switch{display:inline-flex;align-items:center;gap:10px;background:none;border:none;padding:4px 6px;cursor:pointer}.mode-switch .ms-label{font-size:13px;font-weight:600;color:var(--muted);transition:color .15s}.mode-switch .ms-label.active{color:var(--text)}.mode-switch .ms-track{position:relative;width:46px;height:24px;border-radius:999px;background:var(--well-border);border:1px solid var(--line);transition:background .18s}.mode-switch.on .ms-track{background:#ef6fb0;border-color:#ef6fb0}.mode-switch .ms-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#eef2f7;box-shadow:0 1px 3px #00000080;transition:transform .18s}.mode-switch.on .ms-knob{transform:translate(22px)}.mode-switch:not(.on) .ms-track{background:color-mix(in srgb,var(--accent) 45%,var(--well-border));border-color:var(--accent)}.countin-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;background:#0a0d1459;border-radius:10px}.countin-num{font-size:120px;font-weight:800;line-height:1;color:var(--accent);text-shadow:0 4px 24px rgba(0,0,0,.6);animation:countin-pop .5s ease-out}.countin-label{font-size:18px;font-weight:700;color:var(--text);letter-spacing:4px}:root[data-theme=light] .countin-overlay{background:#f4f6f9b8;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}:root[data-theme=light] .countin-num{color:var(--accent);text-shadow:0 2px 18px color-mix(in srgb,var(--accent-fill) 55%,transparent)}@keyframes countin-pop{0%{transform:scale(1.6);opacity:0}35%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.editor-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.editor-head label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.editor-head input[type=number]{width:70px}.editor-head .name{font-size:15px;font-weight:600;min-width:200px}.save-state{font-size:11px;color:var(--muted);white-space:nowrap}.save-state.dirty{color:var(--accent);font-weight:700}.name-view,.name-edit{display:flex;align-items:center;gap:6px}.name-view .name-text{font-size:15px;font-weight:600}.name-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;color:var(--muted);background:transparent}.name-btn:hover{color:var(--accent);border-color:transparent}.name-btn:disabled{opacity:.4;cursor:default}.name-btn-ok{color:var(--judge-perfect)}.name-btn-ok:hover:not(:disabled){color:#4ee083}.name-btn-cancel:hover{color:var(--judge-miss)}.grid-scroll{overflow-x:auto;padding-bottom:6px}.bar-grip,.track-grip{touch-action:none}.drag-ghost{position:fixed;z-index:90;transform:translate(-50%,-150%);pointer-events:none;background:var(--accent-fill);color:#07222a;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 6px 18px #00000080}.grid-with-add{display:flex;align-items:stretch;gap:8px;min-width:max-content}.add-bar-col{width:56px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--muted);background:var(--well);border:1px dashed var(--line);border-radius:8px;align-self:stretch}.add-bar-col:hover{color:var(--accent);border-color:var(--accent);background:var(--panel2)}.grid{display:flex;flex-direction:column;gap:3px;min-width:max-content;-webkit-user-select:none;user-select:none}.ruler,.row{display:grid;grid-template-columns:110px repeat(var(--steps),var(--step-w, 30px));gap:3px;align-items:center}.bar-header{display:grid;grid-template-columns:110px repeat(var(--steps),var(--step-w, 30px));gap:3px;align-items:stretch;margin-bottom:0}.beat-header{display:grid;grid-template-columns:110px repeat(var(--steps),var(--step-w, 30px));gap:3px;align-items:center;margin-top:-3px;margin-bottom:2px}.beat-cell{display:flex;justify-content:center;align-items:center;min-width:0;border-left:1px solid var(--well-border)}.beat-sel{width:100%;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:1px 2px;background:var(--well);color:var(--muted);border:1px solid var(--well-border);border-radius:4px;opacity:.35;cursor:pointer}.beat-cell:hover .beat-sel,.beat-sel:focus{opacity:1;border-color:var(--accent);color:var(--text)}.bar-chip{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;height:24px;border-radius:5px;background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:grab;position:relative}.bar-chip:hover{border-color:var(--accent);background:var(--well-strong)}.bar-chip:active{cursor:grabbing}.bar-chip.dragging{opacity:.4}.bar-chip.selected{background:var(--accent-fill);color:#07222a;border-color:var(--accent-fill);font-weight:700}.bar-chip.selected .bar-grip{color:#07222a}.bar-grip{color:var(--muted);letter-spacing:-2px;padding:0 6px 0 2px;margin-left:-2px;cursor:grab}.bar-timesig{font-size:10px;line-height:1;padding:2px 5px;border-radius:4px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 60%,transparent);color:var(--muted);cursor:pointer}.bar-timesig:hover{border-color:var(--accent);color:var(--accent)}.bar-chip.selected .bar-timesig{border-color:#07222a;color:#07222a;background:color-mix(in srgb,#ffffff 30%,var(--accent-fill))}.bar-mute-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:4px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 60%,transparent);color:var(--muted);cursor:pointer;opacity:0;flex:none}.bar-chip:hover .bar-mute-toggle{opacity:1}@media (hover: none){.bar-mute-toggle{opacity:.55}}.bar-mute-toggle:hover{border-color:var(--judge-miss);color:var(--judge-miss)}.bar-mute-toggle.on{opacity:1;border-color:var(--judge-miss);color:var(--judge-miss);background:#f2544b2e}.bar-chip.selected .bar-mute-toggle{border-color:#07222a;color:#07222a}.bar-chip.selected .bar-mute-toggle.on{border-color:var(--judge-miss);color:var(--judge-miss);background:#f2544b4d}.bar-chip.muted{opacity:.85}.cell.bar-muted{filter:saturate(.4) brightness(.94)}.timesig-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.timesig-modal{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:18px 20px;min-width:260px;max-width:90vw;box-shadow:0 12px 30px #00000073}.timesig-modal h3{margin:0 0 12px;font-size:14px;color:var(--text)}.timesig-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.timesig-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.timesig-fields input,.timesig-fields select{font-size:13px;padding:5px 7px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.timesig-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}.timesig-presets-label{font-size:11px;color:var(--muted);margin-right:2px}.timesig-presets button{font-size:12px;padding:3px 8px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.timesig-presets button:hover{border-color:var(--accent)}.timesig-presets button.on{background:var(--accent-fill);color:#07222a;border-color:var(--accent-fill);font-weight:700}.timesig-actions{display:flex;justify-content:flex-end;gap:8px}.timesig-actions button{font-size:13px;padding:6px 14px;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.timesig-actions button.primary{background:var(--accent-fill);color:#07222a;border-color:var(--accent-fill);font-weight:700}.bar-chip.drop-before:before,.bar-chip.drop-after:after{content:"";position:absolute;top:-1px;bottom:-1px;width:3px;background:var(--accent-fill);border-radius:2px}.bar-chip.drop-before:before{left:-3px}.bar-chip.drop-after:after{right:-3px}.cell.bar-dragging{opacity:.45}.cell.in-selection{background:color-mix(in srgb,var(--accent) 12%,var(--well));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.trash-zone{margin-top:10px;padding:16px;border:2px dashed var(--judge-miss);border-radius:10px;text-align:center;color:var(--judge-miss);font-size:14px;background:#f2544b14}.trash-zone.over{background:#f2544b38;border-style:solid}.row-label{font-size:12px;text-align:left;padding:4px 8px;border-left:4px solid var(--pad-color, var(--line));background:var(--panel2);white-space:nowrap;overflow:hidden;position:sticky;left:0;z-index:3;cursor:grab;display:flex;align-items:center;gap:6px}.row-label:active{cursor:grabbing}button.row-label{--level: 0;background:color-mix(in srgb,var(--pad-color) calc(var(--level) * 60%),var(--panel2));box-shadow:inset 0 0 calc(var(--level) * 16px) color-mix(in srgb,var(--pad-color) 70%,transparent)}div.row-label{background:transparent;border-left:none;cursor:default}div.row-label.loop-counter{flex-direction:column;align-items:center;justify-content:center;gap:1px;height:24px;background:var(--panel2);border:1px solid var(--line);border-bottom:none;border-radius:8px 8px 0 0;padding:0 6px;overflow:visible;z-index:5}.loop-counter-label,.loop-counter-value{transform:translateY(8px)}div.row-label.loop-counter-ext{align-self:stretch;background:var(--panel2);border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;margin-top:0;z-index:4}.loop-counter-label{font-size:10px;color:var(--muted);letter-spacing:1px;line-height:1}.loop-counter-value{display:flex;align-items:baseline;gap:3px;line-height:1}.loop-counter-value b{font-size:18px;color:var(--accent);font-variant-numeric:tabular-nums}.loop-counter-sep{color:var(--muted);font-size:13px}.loop-counter-total{font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}.loop-inf{display:inline-flex;align-items:center;justify-content:center;min-width:34px;font-size:18px;color:var(--accent)}div.row-label.kit-settings{padding:0;border-left:none;background:transparent;z-index:6;overflow:visible}.kit-settings-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--text);font-size:12px;padding:5px 6px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.kit-settings-btn:hover{border-color:var(--accent);color:var(--accent)}.kit-settings-ico{flex:none}.ks-panel{width:880px;max-width:calc(100vw - 32px);max-height:min(760px,calc(100vh - 32px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 20px 60px #000a}.ks-body{min-height:0;flex:1;margin-top:12px}.ks-main{overflow:auto;padding-right:4px}.ks-main .dlg-pref-section+.dlg-pref-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.ks-main .dlg-pref-section h4{margin-bottom:10px}.ks-main .dlg-pref-desc{margin-bottom:10px;line-height:1.6}.ks-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ks-section-head h4{margin:0!important}.ks-notice{font-size:12px;color:var(--muted);padding:10px 12px;border:1px dashed var(--line);border-radius:8px;margin:4px 0 10px}.ks-connect{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.ks-connect p{margin:0;line-height:1.6}.ks-connect button{font-size:13px;padding:6px 14px}.ks-connect-msg{color:var(--judge-miss)}.ks-kit-choice{display:flex;flex-wrap:wrap;gap:6px}.ks-kit-choice button{font-size:12px;padding:5px 12px}.ks-kit-choice button.on{background:var(--accent-fill);color:#07222a;border-color:transparent;font-weight:700}.ks-table{display:flex;flex-direction:column;gap:1px}.ks-row{display:grid;grid-template-columns:minmax(100px,1.1fr) minmax(130px,1.3fr) minmax(80px,1fr) 40px 26px;align-items:center;gap:10px;padding:2px 8px;border-radius:6px;min-height:30px}.ks-row:hover{background:var(--panel2)}.ks-row select{font-size:12px;padding:2px 6px;min-width:0;height:26px}.ks-row input[type=range]{height:16px}.ks-name{display:flex;align-items:center;gap:6px;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-vol{font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.ks-play{font-size:10px;padding:2px 0;width:26px;height:24px;color:var(--muted)}.ks-play:hover{color:var(--accent)}.ks-credits{margin-top:4px;font-size:12px}.ks-credits a{color:var(--accent)}.ks-midi{display:flex;gap:16px;align-items:flex-start;margin-bottom:8px}.ks-kit-col{flex:1.25;min-width:0}.ks-piece-panel{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--well)}.ks-piece-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:8px}.ks-piece-title .ks-play{margin-left:auto}.ks-piece-panel .ml-row{flex-wrap:wrap}.ks-piece-panel .ml-target{flex:0 0 100%}.drum-kit-svg{width:100%;height:auto;display:block}.drum-kit-svg .kit-floor{stroke:var(--line);stroke-width:2}.drum-kit-svg .kit-stand line{stroke:var(--well-border);stroke-width:3;stroke-linecap:round}.kit-piece{cursor:pointer;outline:none}.kit-hit{fill:transparent;stroke:none}.kit-piece .kit-shell{fill:color-mix(in srgb,var(--piece) 22%,var(--panel));stroke:var(--piece);stroke-width:1.6}.kit-piece .kit-head{fill:color-mix(in srgb,var(--piece) 10%,var(--panel2));stroke:var(--piece);stroke-width:1.6}.kit-piece .kit-ring{fill:none;stroke:color-mix(in srgb,var(--piece) 55%,transparent);stroke-width:1.2}.kit-piece .kit-cymbal{fill:color-mix(in srgb,var(--piece) 32%,var(--panel));stroke:var(--piece);stroke-width:1.6}.kit-piece .kit-bell{fill:color-mix(in srgb,var(--piece) 55%,var(--panel));stroke:var(--piece);stroke-width:1.2}.kit-piece .kit-pedal{fill:color-mix(in srgb,var(--piece) 30%,var(--panel));stroke:var(--piece);stroke-width:1.6}.kit-piece-label{font-size:12px;font-weight:700;fill:var(--text-soft);pointer-events:none}.kit-piece:hover .kit-shell,.kit-piece:hover .kit-head,.kit-piece:hover .kit-cymbal,.kit-piece:hover .kit-pedal{stroke-width:2.4}.kit-piece:focus-visible .kit-head,.kit-piece:focus-visible .kit-cymbal,.kit-piece:focus-visible .kit-pedal{stroke-dasharray:4 3}.kit-piece.selected{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--piece) 80%,transparent))}.kit-piece.selected .kit-shell,.kit-piece.selected .kit-head,.kit-piece.selected .kit-cymbal,.kit-piece.selected .kit-pedal{stroke-width:3}.kit-piece.selected .kit-piece-label{fill:var(--text)}.kit-piece.off{opacity:.28}.kit-piece.off.selected{opacity:.6}.kit-piece.lit .kit-head,.kit-piece.lit .kit-cymbal,.kit-piece.lit .kit-pedal{fill:color-mix(in srgb,var(--piece) 70%,var(--panel))}.kit-piece.lit{filter:drop-shadow(0 0 10px var(--piece))}.ks-custom-pieces{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.ks-custom-label{font-size:11px;color:var(--muted);margin-right:2px}.ks-custom-piece{display:inline-flex;align-items:center;font-size:12px;border:1px solid var(--piece);border-radius:12px;color:var(--text);background:color-mix(in srgb,var(--piece) 14%,var(--panel2));overflow:hidden}.ks-custom-piece button{background:transparent;border:none;border-radius:0;color:inherit;font:inherit;font-weight:inherit}.ks-custom-name{padding:3px 4px 3px 10px}.ks-custom-x{padding:3px 8px 3px 4px;color:var(--muted)!important;line-height:1}.ks-custom-x:hover{color:var(--judge-miss)!important}.ks-custom-piece.selected{background:color-mix(in srgb,var(--piece) 40%,var(--panel2));font-weight:700}.ks-custom-piece.lit{box-shadow:0 0 10px var(--piece)}.ks-custom-piece.off{opacity:.4}.ks-custom-add{font-size:12px;padding:3px 10px;border-radius:12px;border-style:dashed;color:var(--muted);background:transparent}.ks-device{font-size:12px;color:var(--muted)}.ks-show-toggle{margin-bottom:10px;font-size:13px}.ks-hidden-note{margin:-4px 0 10px;padding:6px 10px;font-size:12px;line-height:1.5;color:var(--text-soft);background:color-mix(in srgb,var(--warn) 12%,transparent);border-left:3px solid var(--warn);border-radius:4px}.row-label.kept-by-notes{color:var(--muted);font-style:italic}.row-label .kept-ico{flex:none;margin-left:2px;color:var(--warn)}.ks-subhead{font-size:12px;font-weight:700;color:var(--muted);margin:4px 0 6px}.ks-learn{margin-top:8px}.ks-learn .ks-connect{margin:0;padding:10px 12px}.ks-enable{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.ks-enable p{margin:0}.ks-enable button{font-size:13px;padding:6px 14px}.ks-del-text{margin-top:12px;background:transparent;border:none;padding:2px 0;font-size:12px;color:var(--muted);text-decoration:underline}.ks-del-text:hover{color:var(--judge-miss);border-color:transparent}.ks-piece-panel .ks-track{margin-bottom:4px;gap:10px}.ks-piece-panel .ks-field{justify-content:space-between}.ks-piece-panel .ks-field select{flex:1;min-width:0;max-width:200px}.ks-unmapped-row{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px}.ks-unmapped-name{flex:1;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-unmapped-row select,.ks-unmapped-row button{font-size:12px;padding:4px 8px}.ks-create{margin-top:8px;padding:10px;border:1px solid var(--accent);border-radius:8px;display:flex;flex-direction:column;gap:8px}.ks-create-title{font-size:12px;font-weight:700;color:var(--accent)}.ks-create input{font-size:13px}.ks-create-base{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.ks-create-base select{font-size:12px;padding:4px 8px}.ks-create-actions{display:flex;justify-content:flex-end;gap:8px}.ks-create-actions button{font-size:12px;padding:5px 12px}.ks-create .dlg-pref-desc{margin:0}.ks-visible-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px}.ks-visible{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.ks-track{border:1px solid var(--line);border-left:4px solid var(--piece);border-radius:8px;padding:8px 10px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.ks-track-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ks-track-name{flex:1 1 140px;min-width:0;font-size:13px;font-weight:600}.ks-track-short{width:56px;font-size:13px;text-align:center}.ks-del{margin-left:auto;font-size:12px;padding:3px 8px;color:var(--muted)}.ks-del:hover{color:var(--judge-miss);border-color:var(--judge-miss)}.ks-colors{display:inline-flex;gap:4px}.ks-swatch{width:18px;height:18px;padding:0;border-radius:50%;border:2px solid transparent}.ks-swatch.on{border-color:var(--text)}.ks-field{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.ks-field select{font-size:12px;padding:4px 8px}.ks-add{font-size:12px;padding:5px 12px}.ks-foreign{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;margin:4px 0}.ks-foreign-name{font-weight:600;font-size:13px}.ks-foreign-base{color:var(--muted);flex:1}.ks-foreign button{font-size:12px;padding:4px 10px}@media (max-width: 720px){.ks-midi{flex-direction:column}.ks-piece-panel{width:100%}.ks-body{flex-direction:column}.ks-body .pref-sidebar{flex-direction:row;border-right:none;border-bottom:1px solid var(--line);padding:0 0 8px}.ks-row{grid-template-columns:1fr 1fr}.ks-visible-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.add-track{justify-content:center;cursor:pointer;color:var(--accent);border-left:2px dashed var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel2));font-weight:700}.add-track:hover{background:color-mix(in srgb,var(--accent) 22%,var(--panel2))}.add-track.armed{background:var(--accent-fill);color:#07222a;border-left-color:var(--accent-fill);animation:arm-pulse .9s ease-in-out infinite}@keyframes arm-pulse{0%,to{opacity:1}50%{opacity:.55}}.mode-toggle{justify-content:center;text-align:center;cursor:pointer;font-weight:700;font-size:12px;border-left:2px solid var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel2))}.mode-toggle:hover{background:color-mix(in srgb,var(--accent) 24%,var(--panel2))}.mode-toggle.scoring{border-left-color:#ef6fb0;color:#07222a;background:#ef6fb0}.track-hide{margin-left:auto;color:var(--muted);font-size:11px;padding:0 2px;border-radius:3px;opacity:0}.row-label:hover .track-hide{opacity:1}.track-hide:hover{color:var(--judge-miss);background:#f2544b26}.voice-vol{position:relative;display:inline-flex;align-items:center;opacity:0}.row-label:hover .voice-vol,.row-label:focus-within .voice-vol,.row-label.vol-open .voice-vol{opacity:1}.voice-vol-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);padding:2px;border-radius:3px;cursor:pointer}.voice-vol-btn:hover{color:var(--accent);background:#ffffff14}.row-label.vol-open{overflow:visible;z-index:8}.voice-vol-pop{position:absolute;top:calc(100% + 4px);right:0;z-index:40;display:flex;align-items:center;gap:6px;width:120px;padding:6px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0006;cursor:default;touch-action:none}.voice-vol-pop input[type=range]{flex:1 1 auto;min-width:0;height:4px;accent-color:var(--accent);cursor:pointer}.voice-vol-pct{font-size:10px;color:var(--muted);width:30px;text-align:right;font-variant-numeric:tabular-nums;flex:none}.track-grip{color:var(--muted);letter-spacing:-2px;font-size:11px;padding:4px 6px 4px 2px;margin-left:-2px;cursor:grab}.row-label.track-dragging{opacity:.4}.row-label.track-drop-before:before,.row-label.track-drop-after:after{content:"";position:absolute;left:-1px;right:-1px;height:3px;background:var(--accent-fill);border-radius:2px}.row-label.track-drop-before:before{top:-2px}.row-label.track-drop-after:after{bottom:-2px}.tick{font-size:11px;color:var(--muted);text-align:center;height:18px}.tick.bar{color:var(--text);font-weight:700}.tick.playing{color:var(--accent)}.cell{height:28px;padding:0;border-radius:4px;background:var(--well);border:1px solid var(--well-border);position:relative}.cell.beat{border-color:var(--grid-mid)}.cell.bar{border-color:var(--grid-mid);border-left:2px solid var(--muted)}.cell.v1{background:var(--pad-color)}.cell.v2{background:var(--pad-color);box-shadow:inset 0 0 0 3px #ffffffe6}.cell.v3{background:var(--pad-color)}.cell.v3:before,.cell.v3:after{position:absolute;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:var(--text);pointer-events:none}.cell.v3:before{content:"(";left:2px}.cell.v3:after{content:")";right:2px}.cell.playing{outline:2px solid var(--accent);outline-offset:-2px}.cell .stick{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;pointer-events:none;text-shadow:0 1px 2px #000a}.cell .stick-r{color:var(--stick-r)}.cell .stick-l{color:var(--stick-l)}.cell .miss-x{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--judge-miss);pointer-events:none;text-shadow:0 0 3px #000,0 1px 4px #000}.cell.j-perfect{box-shadow:inset 0 0 0 2px var(--judge-perfect)}.cell.j-great{box-shadow:inset 0 0 0 2px var(--judge-great)}.cell.j-good{box-shadow:inset 0 0 0 2px var(--judge-good)}.cell.j-miss{box-shadow:inset 0 0 0 2px var(--judge-miss)}.cell .rim-mark,.cell .grace-mark,.cell .open-mark,.cell .bell-mark{position:absolute;top:0;font-size:8px;line-height:1;font-weight:700;color:var(--text);pointer-events:none;text-shadow:0 1px 2px #000a}.cell .rim-mark,.cell .open-mark{left:2px}.cell .grace-mark{right:2px}.cell .bell-mark{left:2px}:root[data-theme=light] .cell .stick{text-shadow:0 0 2px rgba(20,28,40,.55),0 0 1px rgba(20,28,40,.4)}:root[data-theme=light] .cell .rim-mark,:root[data-theme=light] .cell .grace-mark,:root[data-theme=light] .cell .open-mark,:root[data-theme=light] .cell .bell-mark,:root[data-theme=light] .cell.v3:before,:root[data-theme=light] .cell.v3:after{color:#fff;text-shadow:0 0 2px rgba(20,28,40,.55),0 0 1px rgba(20,28,40,.4)}.tool-panel-desc{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 16px}.tool-cat{margin-bottom:16px}.tool-cat-title{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.tool-cat-hint{font-size:10px;color:var(--muted);line-height:1.5;margin:-3px 0 6px}.tool-cat-btns{display:flex;flex-wrap:wrap;gap:6px}.tool-cat-btns button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:12px}.tool-cat-btns button.on{background:var(--accent-fill);color:#07222a;border-color:var(--accent-fill);font-weight:700}.tool-preview.cell{width:22px;height:22px;flex:none;border-color:#2e3547}.tool-cat-btns button.on .tool-preview.cell{border-color:#07222a59}:root[data-theme=light] .tool-preview.cell{border-color:color-mix(in srgb,var(--accent) 45%,var(--well-border))}.save-layout.save-layout{border-color:var(--accent)}.live-score{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;position:relative}.live-score-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.live-score.collapsed .live-score-head{margin-bottom:0}.collapse-btn{padding:2px 8px;font-size:12px;line-height:1}.live-score-head .spacer{flex:1}.live-score-tag{font-size:11px;color:var(--muted)}.export-score{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px}.style-toggle{display:inline-flex;gap:4px}.style-toggle button{padding:3px 10px;font-size:12px}.style-toggle button.on{background:var(--accent-fill);color:#07222a;border-color:transparent;font-weight:600}.dynamic-score-select{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dynamic-score-select select{font-size:12px;padding:3px 6px}.live-score-scroll{overflow-x:auto;overflow-y:hidden;max-height:600px;opacity:1;transition:max-height .28s ease,opacity .2s ease}.live-score.collapsed .live-score-scroll{max-height:0;opacity:0}.collapse-btn{transition:transform .2s ease}.live-score-paper{position:relative;border-radius:6px;padding:4px 8px;min-height:96px;width:max-content;min-width:100%}.live-score-paper.light{background:#fff}.live-score-paper.dark{background:#0f1319}.live-score-paper svg{display:block}.score-tracker{position:absolute;top:8%;bottom:25%;left:0;will-change:transform;background:color-mix(in srgb,#d93b6b 30%,transparent);border-radius:3px;pointer-events:none}.live-score-svg{position:relative}.nh-current,.nh-current *{fill:#d93b6b!important;stroke:#d93b6b}.transport{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;container-type:inline-size}.play-btn{padding:6px 14px}.transport label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.transport input[type=number]{width:70px}.transport .bpm input[type=range]{width:160px}.transport label:not(.bpm) input[type=range],.demo-vol input[type=range]{width:clamp(56px,16cqi,80px);min-width:56px}.transport .spacer{flex:1}.transport input[type=number]:disabled,.transport .metro-trigger:disabled{opacity:.45;cursor:not-allowed}.transport .check{cursor:pointer}.transport .vol-val{color:var(--text);font-size:12px;min-width:34px;text-align:right}.demo-vol{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.demo-drum{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:var(--text)}.demo-drum:hover{color:var(--accent);border-color:transparent}.demo-drum.muted{color:var(--judge-miss)}.demo-vol-label{color:var(--muted)}@container (max-width: 1120px){.demo-vol-label{display:none}}@media (max-width: 1600px){.transport{gap:10px}}.metro{position:relative;display:flex;align-items:center}.metro-trigger{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text);background:var(--well-strong);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}.metro-trigger.on{border-color:var(--accent);color:var(--accent)}.metro-trigger:hover{border-color:var(--accent)}.metro-caret{color:var(--muted);font-size:11px}.metro-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:40;display:none;flex-direction:column;align-items:flex-start;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:0 10px 28px #00000073;min-width:320px}.metro-pop.open{display:flex}.metro-pop input[type=range]{width:150px;max-width:150px}.metro-tempo-step{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:10px;border-top:1px solid var(--line)}.metro-tempo-step-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;font-size:13px;color:var(--muted);white-space:nowrap}.metro-tempo-step-row input[type=number]{width:54px;flex:none}.tempo-dir-toggle{display:inline-flex;gap:4px}.tempo-dir-toggle button{padding:4px 9px;font-size:12px}.monitor h2,.score h2{font-size:14px;margin:0 0 10px;color:var(--muted);font-weight:600}.score-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.score-head h2{margin:0 0 10px}.score-history-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:6px;padding:4px 8px;margin-bottom:10px;cursor:pointer;white-space:nowrap}.score-history-btn:hover{color:var(--text);border-color:var(--accent)}.feed-empty{margin:0;padding:14px 10px;font-size:12px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:8px}.feed-wrap{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--well)}.feed{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.feed th{position:sticky;top:0;z-index:1;background:var(--panel2);color:var(--muted);font-weight:600;font-size:11px;text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.feed td{padding:5px 8px;border-bottom:1px solid var(--well-border);vertical-align:middle}.feed tbody tr:last-child td{border-bottom:none}.feed tbody tr:first-child td{background:color-mix(in srgb,var(--accent) 8%,transparent)}.feed-note{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.feed-dot{flex:none;width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.feed-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-unmapped{flex:none;font-size:10px;padding:1px 5px;border-radius:4px;color:var(--judge-miss);background:color-mix(in srgb,var(--judge-miss) 14%,transparent)}.feed-vel-col{width:80px}.feed-vel{display:flex;align-items:center;gap:6px}.feed-vel-bar{flex:none;width:36px;height:4px;border-radius:2px;background:var(--well-border);overflow:hidden}.feed-vel-bar>span{display:block;height:100%;border-radius:2px}.feed-vel-num{flex:none;width:22px;text-align:right;color:var(--text-soft)}.feed-judge-col{width:72px;white-space:nowrap}.feed-judge{font-weight:700}.feed-none{color:var(--muted)}.feed tr.j-perfect .feed-judge{color:var(--judge-perfect)}.feed tr.j-great .feed-judge{color:var(--judge-great)}.feed tr.j-good .feed-judge{color:var(--judge-good)}.feed tr.j-extra .feed-judge{color:var(--judge-miss)}.score{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px}.score.empty p{color:var(--muted);font-size:13px;margin:0}.score .big{font-size:48px;font-weight:800;color:var(--accent);line-height:1;margin-bottom:10px}.grid2{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px}.grid2 span{color:var(--muted)}.export-report{width:100%;margin-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.score-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.score-result-head h3{margin:0;font-size:15px}.score-result-close{background:transparent;border:none;color:var(--muted);padding:2px 6px}.score-result-close:hover{color:var(--text);border-color:transparent}.score-result-note{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:14px 0 0}.score-result-note svg{flex:none;color:var(--judge-perfect)}.score-result-view{width:100%;margin-top:14px;padding:12px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.score-result-actions{display:flex;gap:8px;margin-top:10px}.score-result-actions button{flex:1}.score-result-delete{transition:background .15s ease,color .15s ease,border-color .15s ease}.score-result-delete:hover{background:var(--judge-miss);color:#2a0806;border-color:transparent}.report-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--bg)}.report-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.report-toolbar h1{font-size:16px;margin:0}.report-toolbar .spacer{flex:1}.report-toolbar button{display:inline-flex;align-items:center;gap:6px}.report-delete-btn:hover{background:var(--judge-miss);color:#fff;border-color:transparent}.report-body{flex:1;overflow-y:auto}.report-frame{display:block;width:100%;border:0;background:var(--bg)}.rp-panel{padding:0 24px 40px;background:var(--bg);color:var(--text)}.rp-section{margin:0 0 28px}.rp-section-divider{margin-top:10px;padding-top:16px;border-top:1px solid var(--line)}.rp-sticky-header{position:sticky;top:0;z-index:5;background:var(--bg);padding-bottom:10px}.rp-h2{font-size:20px;font-weight:700;color:var(--accent);margin:0 0 10px}.rp-desc{color:var(--text-soft);font-size:13px;line-height:1.6;margin:4px 0 10px}.rp-extra-note{color:#f2b0ab;font-size:13px;margin:4px 0 10px}.rp-panel .legend{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:var(--text-soft)}.rp-panel .legend .li{display:flex;align-items:center;gap:6px}.rp-panel .legend .rng{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.rp-panel .legend .frame{width:14px;height:14px;border-radius:3px;display:inline-block}.rp-h3{font-size:13px;color:var(--text-soft);margin:14px 0 4px}.rp-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600}.rp-badge-neutral{background:color-mix(in srgb,var(--grid-mid) 13%,transparent);color:var(--muted)}.mt-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600}.mt-chart{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 4px;margin-top:8px}.mt-chart svg{display:block}.mt-bar-click{cursor:pointer;opacity:0}.mt-bar-click:hover,.mt-bar-click.hovered{opacity:.12}.mt-loops-row{display:flex;flex-wrap:wrap;gap:16px 24px}.mt-loop-table{margin-bottom:0}.mt-loop-h{font-size:12px;color:var(--muted);margin:0 0 4px;font-weight:600}.mt-row-hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.mt-empty{color:#6b7284}.rp-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.rp-toolbar button{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 10px;border-radius:8px}.rp-toolbar label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.rp-roll-filter{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin:6px 0 10px}.rp-roll-filter select{padding:2px 6px;font-size:12px;border-radius:5px}.rp-toolbar .check{cursor:pointer}.rp-toolbar .vol-val{color:var(--text);font-size:12px;min-width:34px;text-align:right}.rp-table{border-collapse:collapse;margin-top:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:13px}.rp-table th,.rp-table td{padding:6px 14px;border-bottom:1px solid var(--well-border);text-align:left;vertical-align:middle}.rp-table thead th{color:var(--muted);font-weight:500}.rp-voice-th{font-weight:700}.rp-link{background:none;border:none;color:#8ba3c7;cursor:pointer;padding:0;font:inherit;text-align:left;text-decoration:underline dotted}.rp-link:hover{color:#aec3e0}.rp-loop{margin:14px 0;overflow-x:auto}.rp-loop-h{font-size:13px;color:var(--muted);margin:0 0 6px;font-weight:600}.rp-grid{border-collapse:separate;border-spacing:2px}.rp-lbl{min-width:132px;background:var(--panel2);color:var(--text);font-size:11px;font-weight:600;text-align:left;padding:3px 6px;border-radius:4px;white-space:nowrap}.rp-voice-lbl{display:flex;align-items:center;justify-content:space-between;gap:6px}.rp-voice-name{overflow:hidden;text-overflow:ellipsis}.rp-voice-sm{display:flex;gap:2px;flex:none}.rp-voice-btn{width:16px;height:16px;padding:0;font-size:9px;line-height:1;font-weight:700;border-radius:3px;border:1px solid var(--line);background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.rp-voice-btn:hover{border-color:var(--accent);color:var(--accent)}.rp-voice-btn.solo.on{background:var(--warn);border-color:transparent;color:#2a1d06}.rp-voice-btn.mute.on{background:var(--judge-miss);border-color:transparent;color:#2a0806}.rp-voice-off>.rp-cell.cell,.rp-voice-off>.rp-lbl{opacity:.4}.rp-tick{font-size:10px;color:var(--muted);text-align:center;width:28px}.rp-tick.bar{color:#fff;font-weight:700}.rp-bar-th{font-size:10px;color:var(--muted);text-align:center;padding:3px 2px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.rp-bar-th:hover{background:var(--panel2);color:var(--text)}.rp-bar-th.rp-selected{background:var(--accent-fill);color:#07222a;font-weight:700}.rp-cell.cell{width:28px;height:28px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.rp-cell.cell:hover{border-color:var(--accent)}.rp-staff-cell{vertical-align:top;padding:6px 4px 2px}.rp-bar-staff{position:relative;width:100%;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:6px;padding:4px 8px;box-sizing:border-box;overflow:hidden}.rp-bar-staff-svg{min-width:0}.rp-bar-staff svg{display:block}.nh-lateFar,.nh-lateFar *{fill:var(--tendency-lateFar)!important;stroke:var(--tendency-lateFar)}.nh-late,.nh-late *{fill:var(--accent)!important;stroke:var(--accent)}.nh-perfect,.nh-perfect *{fill:var(--judge-perfect)!important;stroke:var(--judge-perfect)}.nh-early,.nh-early *{fill:var(--tendency-early)!important;stroke:var(--tendency-early)}.nh-earlyFar,.nh-earlyFar *{fill:var(--tendency-earlyFar)!important;stroke:var(--tendency-earlyFar)}.nh-miss,.nh-miss *{fill:var(--judge-miss)!important;stroke:var(--judge-miss)}.ha-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:16px}.ha-card-h{font-size:13px;font-weight:700;color:var(--text-soft);display:flex;align-items:center;gap:8px;margin-bottom:14px}.ha-tag{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 6px}.ha-card1-body{display:flex;align-items:stretch;gap:20px}.ha-card1-body.ha-stack{flex-direction:column;gap:14px}.ha-card1-chart{flex:1;min-width:0}.ha-card1-side{flex:0 0 330px;display:flex;flex-direction:column;gap:12px}.ha-card1-body.ha-stack .ha-card1-side{flex:none;width:100%}.ha-conclusion{background:color-mix(in srgb,var(--hand-l) 8%,transparent);border-left:3px solid var(--hand-l);border-radius:0 6px 6px 0;padding:10px 12px;font-size:15px;line-height:1.6;color:#f1e3c0}:root[data-theme=light] .ha-conclusion{color:var(--text)}.ha-conclusion-note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}.ha-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ha-stat{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.ha-stat-h{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:700}.ha-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.ha-stat-row{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px;line-height:1.9;font-variant-numeric:tabular-nums}.ha-stat-row span:first-child{color:var(--muted)}.ha-stat-row span:last-child{color:var(--text);font-weight:700}.ha-stat-note{font-size:11px;color:var(--muted);margin-top:2px}.ha-footer{font-size:12px;color:var(--muted);line-height:1.7;margin-top:4px}.ha-footer p{margin:0 0 2px}.ha-no-mb{margin-bottom:0}.ha-timeline-card{padding-bottom:16px}.ha-timeline-head{display:flex;align-items:center;justify-content:space-between}.ha-collapse-btn{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0}.ha-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:10px 0}.ha-legend-item{display:flex;align-items:center;gap:5px}.ha-swatch{width:14px;height:8px;border-radius:2px;display:inline-block;background:var(--hand-r);opacity:.4}.ha-timeline-scroll{overflow-x:auto}.ha-row2{display:flex;gap:16px;margin-bottom:16px}.ha-row2>div{min-width:0}.ha-row2-timeline{flex:1.8}.ha-row2-transitions{flex:1}.hf-row-bias{flex:1.45}.hf-row-indep{flex:1}.ha-row2.ha-stack{flex-direction:column;gap:14px}.ha-row2 .ha-card{margin-bottom:0;height:100%;box-sizing:border-box}.ha-transition-card{display:flex;flex-direction:column}.ha-transition-table{width:100%}.ha-num-col{text-align:right}.ha-type-suffix{font-size:12px;color:var(--muted);font-weight:400}.ha-row-emphasis{background:color-mix(in srgb,var(--hand-l) 7%,transparent)}.ha-row-emphasis .ha-num-col{color:var(--hand-l)}.ha-transition-note{font-size:12px;color:var(--muted);line-height:1.6;margin:auto 0 0}@media (max-width: 639px){.ha-card{padding:14px}.ha-conclusion{font-size:14px}}.hf-body{display:flex;gap:24px;align-items:stretch}.hf-body.ha-stack{flex-direction:column;gap:14px}.hf-chart{flex:1;min-width:0}.hf-side{flex:0 0 330px;display:flex;flex-direction:column;gap:12px}.hf-side.hf-side-narrow{flex-basis:300px}.hf-body.ha-stack .hf-side{flex:none;width:100%}.hf-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hf-kpi{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.hf-kpi-lab{font-size:12px;color:var(--muted);margin-bottom:4px}.hf-kpi-val{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.hf-kpi-val.warn{color:var(--warn)}.hf-kpi-val small{font-size:12px;font-weight:400;color:var(--muted);margin-left:3px}.hf-kpi-hint{font-size:11px;color:var(--muted);margin-top:2px}.hf-fig-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 14px}.hf-fig-tab{font-size:12px;border-radius:999px;border:1px solid var(--line);padding:2px 10px;background:none;color:var(--text-soft);cursor:pointer}.hf-fig-tab.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-weight:600}.hf-subhead{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px;color:var(--muted);margin:14px 0 4px}.hf-subhead b{color:var(--text-soft)}.hf-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:auto}.hf-callout{margin-top:14px;background:color-mix(in srgb,var(--limb-hand) 8%,transparent);border-left:3px solid var(--limb-hand);border-radius:0 6px 6px 0;padding:9px 12px;font-size:14px;line-height:1.6;color:#d3eef4}:root[data-theme=light] .hf-callout{color:var(--text)}.hf-callout b{color:var(--text)}@media (max-width: 639px){.hf-side{flex-basis:auto}}.history-body{flex:1;overflow:auto;padding:16px 20px}.history-error{color:#f2b0ab;font-size:13px}table.history-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:13px}table.history-table th,table.history-table td{padding:8px 14px;border-bottom:1px solid var(--line);text-align:left}table.history-table thead th{color:var(--muted);font-weight:500}table.history-table tbody tr:hover{background:var(--panel2)}table.history-table tbody tr:last-child td{border-bottom:0}.history-actions{display:flex;gap:6px;justify-content:flex-end}.history-check{width:1%;white-space:nowrap}.history-check input{cursor:pointer}.history-selected-count{color:var(--muted);font-size:12px}.hist-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:13px;font-weight:700}.hist-grade{font-size:14px;min-width:20px;text-align:center}.score-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--bg)}.score-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.score-toolbar h1{font-size:16px;margin:0}.score-toolbar .spacer{flex:1}.score-scroll{flex:1;overflow:auto;padding:24px;display:flex;justify-content:center}.score-paper{border-radius:6px;padding:16px;width:100%;max-width:1100px;box-shadow:0 8px 30px #0006}.score-paper.light{background:#fff}.score-paper.dark{background:#0f1319}.score-paper svg{display:block;margin:0 auto}.rotate-gate{display:none}@media (max-width: 767px) and (orientation: portrait){.rotate-gate{display:flex;position:fixed;top:0;left:0;right:0;z-index:1000;align-items:center;gap:12px;background:var(--panel2);color:var(--text);text-align:left;padding:10px 40px 10px 14px;border-bottom:1px solid var(--line);box-shadow:0 4px 16px #0006}.rotate-gate .rot-ico{font-size:22px;line-height:1;flex:none;animation:rot-spin 2s ease-in-out infinite}.rotate-gate .rot-text{font-size:13px;font-weight:700}.rotate-gate .rot-sub{font-size:11px;color:var(--muted)}.rotate-gate .rot-close{position:absolute;top:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer}.rotate-gate .rot-close:hover{color:var(--text)}}@keyframes rot-spin{0%,60%,to{transform:rotate(0)}80%{transform:rotate(90deg)}}.right-backdrop{display:none}@media (max-width: 900px){header{padding:8px 12px;gap:8px}header h1{font-size:16px}.left{padding:10px;gap:10px}.editor{padding:10px}.app{padding-right:46px}main{transition:none}.right-nav{position:fixed;top:0;right:0;height:100%;z-index:61}.right-page{position:fixed;top:0;right:46px;height:100%;width:min(320px,82vw);flex:none;transform:translate(100%);transition:transform .3s ease;box-shadow:-10px 0 28px #00000073;z-index:60}.right-shell.right-open .right-page{transform:translate(0);width:min(320px,82vw);padding:14px}.right-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000080}}@media print{body *{visibility:hidden}.score-view,.score-view *{visibility:visible}.score-view{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.score-toolbar{display:none}.score-scroll{overflow:visible;padding:0}.score-paper{box-shadow:none;max-width:none}.score-paper.dark{background:#0f1319}}.consent-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #00000073;font-size:13px;line-height:1.5}.consent-text{flex:1 1 280px;margin:0}.consent-text a{color:var(--accent)}.consent-actions{display:flex;gap:8px;margin-left:auto}.consent-btn{min-width:76px;padding:6px 14px;font-size:13px;border-radius:8px}@media (max-width: 600px){.consent-banner{left:8px;right:8px;bottom:8px}.consent-actions{width:100%}.consent-btn{flex:1}}.dlg-login-link{padding:0;font-size:13px;color:var(--accent)}.dlg-login-link:hover:not(:disabled){color:var(--text);text-decoration-thickness:2px}.import-message{margin:8px 0;padding:8px 12px;border-left:3px solid var(--accent);background:var(--panel2);border-radius:6px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.import-custom-tracks{border-left-color:var(--warn);color:var(--text-soft);font-size:12px}.dlg-modal:has(.share-dlg){width:920px;max-width:calc(100vw - 32px)}.share-dlg{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px;align-items:start}.share-sharer-hint{margin:0 0 6px 24px}.sp-card{position:sticky;top:0;display:flex;flex-direction:column;gap:6px}.sp-label{font-size:12px;color:var(--muted)}.sp-panel{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.sharer-badge{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:13px;color:var(--muted)}.sharer-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none}.sharer-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--text)}@media (max-width: 820px){.share-dlg{grid-template-columns:1fr}.sp-card{display:none}}.import-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:12px}.import-footer button:disabled{cursor:default;opacity:.75}.lib-panel.import-single{width:680px;height:auto;max-height:86vh}.sp-panel .lib-head{margin-bottom:0}.sp-rows{display:flex;flex-direction:column;gap:6px}.sp-more{padding:8px 10px;font-size:13px;color:var(--muted)}.sp-panel .import-name-input{pointer-events:none}.import-desc-input{width:100%;resize:vertical;font-size:13px;padding:6px 10px;margin:0 0 4px}.import-select-all{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:4px 0 8px;font-size:13px;color:var(--muted);cursor:pointer}.import-select-all input{margin:0}.sp-panel .import-desc-input{pointer-events:none}.lib-panel.lib-panel-wide{width:1120px;max-width:96vw}.lib-actions{gap:0}.lib-actions .modbar-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--muted)}.lib-actions .modbar-ic:hover{color:var(--text)}.lib-actions .modbar-ic.on,.lib-actions .modbar-share:hover{color:var(--accent)}.lib-actions .modbar-del:hover{color:var(--judge-miss)}.pref-share-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:start}@media (max-width: 900px){.pref-share-layout{grid-template-columns:1fr}.pref-share-layout .sp-card{display:none}}.busy-overlay,.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:115;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg, #12141a) 78%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drum-loader{--dl-pink: #ef6fb0;--dl-shell: color-mix(in srgb, #ef6fb0 30%, #1b1f28);--dl-head: #232836;--dl-head-hit: color-mix(in srgb, #ef6fb0 35%, #232836);--dl-stick: #e7ebf3;--dl-ripple: #4fb0c6;--dl-text: #e7ebf3;display:flex;flex-direction:column;align-items:center;gap:10px}:root[data-theme=light] .drum-loader{--dl-pink: #d9529b;--dl-shell: color-mix(in srgb, #ef6fb0 22%, #ffffff);--dl-head: #ffffff;--dl-head-hit: color-mix(in srgb, #ef6fb0 28%, #ffffff);--dl-stick: #3a4455;--dl-ripple: #1f8fa8;--dl-text: #3a4455}.drum-loader-svg{width:132px;height:auto;overflow:visible}.drum-loader-shell{fill:var(--dl-shell);stroke:var(--dl-pink);stroke-width:2}.drum-loader-lug{stroke:var(--dl-pink);stroke-width:1.5;opacity:.55}.drum-loader-head{fill:var(--dl-head);stroke:var(--dl-pink);stroke-width:2;animation:drum-loader-head .3s ease-out infinite;animation-delay:-.06s}.drum-loader-stick line{stroke:var(--dl-stick);stroke-width:3.2;stroke-linecap:round}.drum-loader-stick circle{fill:var(--dl-stick)}.drum-loader-stick-l{transform-box:view-box;transform-origin:14px 14px;animation:drum-loader-stick-l .6s ease-in infinite}.drum-loader-stick-r{transform-box:view-box;transform-origin:106px 14px;animation:drum-loader-stick-r .6s ease-in infinite;animation-delay:-.3s}.drum-loader-ripple{fill:none;stroke:var(--dl-ripple);stroke-width:1.6;opacity:0;transform-box:view-box;transform-origin:60px 52px;animation:drum-loader-ripple .6s ease-out infinite}.drum-loader-ripple-r{animation-delay:-.3s}.drum-loader-text{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--dl-text)}.drum-loader-dots span{display:inline-block;animation:drum-loader-dot 1.2s ease-in-out infinite}.drum-loader-dots span:nth-child(2){animation-delay:.15s}.drum-loader-dots span:nth-child(3){animation-delay:.3s}@keyframes drum-loader-stick-l{0%{transform:rotate(-34deg)}40%{transform:rotate(0)}52%{transform:rotate(-6deg)}to{transform:rotate(-34deg)}}@keyframes drum-loader-stick-r{0%{transform:rotate(34deg)}40%{transform:rotate(0)}52%{transform:rotate(6deg)}to{transform:rotate(34deg)}}@keyframes drum-loader-ripple{0%,38%{opacity:0;transform:scale(1)}40%{opacity:.85;transform:scale(1)}75%{opacity:0;transform:scale(1.45)}to{opacity:0;transform:scale(1.45)}}@keyframes drum-loader-head{0%,70%{fill:var(--dl-head)}80%{fill:var(--dl-head-hit)}to{fill:var(--dl-head)}}@keyframes drum-loader-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@media (prefers-reduced-motion: reduce){.drum-loader-stick-l,.drum-loader-stick-r,.drum-loader-ripple,.drum-loader-head,.drum-loader-dots span{animation-duration:2.4s}}.touch-panel{position:fixed;right:16px;bottom:16px;z-index:90;width:min(560px,calc(100vw - 16px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #00000080;user-select:none;-webkit-user-select:none}.touch-head{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-bottom:1px solid var(--line);cursor:grab;touch-action:none}.touch-head:active{cursor:grabbing}.touch-grip{color:var(--muted)}.touch-title{font-size:13px;font-weight:700;flex:1}.touch-min{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;color:var(--muted)}.touch-stop{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--judge-miss);border-color:color-mix(in srgb,var(--judge-miss) 45%,var(--line))}.touch-stop:hover{background:color-mix(in srgb,var(--judge-miss) 14%,var(--panel2))}.touch-body{padding:8px 10px 10px}.touch-body .drum-kit-svg{touch-action:none}.touch-panel,.touch-panel *{-webkit-tap-highlight-color:transparent}.touch-pads{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.touch-pad{min-width:72px;min-height:44px;padding:6px 14px;font-size:13px;font-weight:600;border:2px solid var(--piece);border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--piece) 18%,var(--panel2));touch-action:none}.touch-pad.lit{animation:kit-pop .18s ease-out;background:color-mix(in srgb,var(--piece) 60%,var(--panel2));box-shadow:0 0 14px var(--piece)}.touch-hint{margin:8px 0 0;font-size:11px;color:var(--muted);line-height:1.5}.touch-dock{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;width:max-content;white-space:nowrap;background:var(--panel2);border:1px solid var(--accent);box-shadow:0 8px 24px #00000073}.touch-dock-open{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;border:none;border-radius:999px;background:transparent;color:var(--text)}.touch-dock-open .input-icon:first-child{color:var(--accent)}.touch-dock .touch-stop{border-radius:999px}.drum-kit-svg.play .kit-piece.off{pointer-events:none}.drum-kit-svg.play .kit-piece{transform-box:fill-box;transform-origin:center}.drum-kit-svg.play .kit-piece.lit{animation:kit-pop .18s ease-out;filter:none}.drum-kit-svg.play .kit-piece.lit .kit-head,.drum-kit-svg.play .kit-piece.lit .kit-cymbal,.drum-kit-svg.play .kit-piece.lit .kit-pedal,.drum-kit-svg.play .kit-piece.lit .kit-shell{stroke-width:3.5}.touch-panel.raised,.touch-dock.raised{z-index:101}@keyframes kit-pop{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}.touch-resize{position:absolute;width:32px;height:32px;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--muted);touch-action:none}.touch-resize:hover{color:var(--text)}.touch-resize.at-right{right:0}.touch-resize.at-left{left:0}.touch-resize.at-bottom{bottom:0}.touch-resize.at-top{top:0}.touch-resize.at-right.at-bottom,.touch-resize.at-left.at-top{cursor:nwse-resize}.touch-resize.at-left.at-bottom,.touch-resize.at-right.at-top{cursor:nesw-resize}.touch-resize.at-left.at-bottom .input-icon{transform:scaleX(-1)}.touch-resize.at-right.at-top .input-icon{transform:scaleY(-1)}.touch-resize.at-left.at-top .input-icon{transform:scale(-1)}.touch-panel.rz-tl .touch-head{padding-left:34px}.touch-panel.rz-tr .touch-head{padding-right:34px}.touch-panel.rz-tl .touch-grip{display:none}.touch-body{-webkit-touch-callout:none}.touch-reset,.touch-done{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:600}.touch-panel.editing{border-color:var(--accent)}.drum-kit-svg .kit-edit-bg{fill:transparent}.drum-kit-svg.editing .kit-piece{cursor:move}.drum-kit-svg.editing .kit-piece:not(.selected):not(.off){animation:kit-wiggle .28s ease-in-out infinite alternate}.drum-kit-svg.editing [data-voice]:nth-of-type(2n)>.kit-piece{animation-delay:-.14s}.touch-panel .touch-hint{padding-right:22px}.kit-edit-box{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}.kit-edit-handle{fill:var(--panel);stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.kit-edit-handle-hit{fill:transparent}[data-handle]{cursor:nwse-resize}@keyframes kit-wiggle{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}@media (prefers-reduced-motion: reduce){.drum-kit-svg.editing .kit-piece:not(.selected):not(.off){animation:none}}@media (max-width: 600px){.touch-panel{left:8px!important;right:8px;width:auto!important}.touch-resize{display:none}.touch-panel.rz-tl .touch-head{padding-left:10px}.touch-panel.rz-tr .touch-head{padding-right:8px}.touch-panel.rz-tl .touch-grip{display:inline-block}.touch-panel:not(.editing) .touch-reset span{display:none}}.midi-guide-link{flex:0 0 100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:2px 0;border:none;background:none;color:var(--accent);font-size:12px;cursor:pointer;text-align:left}.midi-guide-link:hover{background:none;text-decoration:underline}.midi-bar>.midi-guide-link{padding:2px 0;min-height:0}.mg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px}.mg-panel{width:min(880px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px #00000080}.mg-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--accent)}.mg-head h3{margin:0;flex:1;font-size:16px;color:var(--text)}.mg-close{display:inline-flex;border:none;background:none;color:var(--muted);padding:4px}.mg-close:hover{color:var(--text);background:none}.mg-tabs{display:flex;gap:2px;padding:8px 14px 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.mg-tabs button{flex:none;padding:7px 14px;font-size:13px;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;border-radius:0}.mg-tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.mg-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;padding:16px;overflow-y:auto;flex:1}.mg-art-wrap{align-self:start;padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.mg-step-no{min-height:14px;font-size:11px;color:var(--muted);letter-spacing:.06em}.mg-text h4{margin:2px 0 12px;font-size:16px;line-height:1.4}.mg-text ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.7}.mg-text strong{color:var(--text);font-weight:700}.mg-brands{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mg-brands button{padding:4px 12px;font-size:12px;border-radius:999px;color:var(--muted)}.mg-brands button.on{color:#07222a;background:var(--accent-fill);border-color:var(--accent-fill);font-weight:700}.mg-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}.mg-nav{display:inline-flex;align-items:center;gap:4px;min-width:92px;justify-content:center}.mg-dots{display:flex;gap:6px}.mg-dots button{width:8px;height:8px;padding:0;border:none;border-radius:4px;background:var(--line);transition:width .2s}.mg-dots button.on{width:20px;background:var(--accent-fill)}@media (max-width: 720px){.mg-body{grid-template-columns:1fr}.mg-art-wrap{max-width:420px;width:100%;justify-self:center}}.mg-art{--mg-midi: #ef6fb0;--mg-audio: var(--accent);width:100%;height:auto;display:block;overflow:visible}.mg-art .mg-device{fill:var(--panel);stroke:var(--muted);stroke-width:1.5}.mg-art .mg-screen{fill:color-mix(in srgb,var(--accent) 12%,var(--panel2));stroke:var(--line)}.mg-art .mg-knob{fill:var(--panel2);stroke:var(--muted);stroke-width:1.5}.mg-art .mg-btn{fill:var(--panel2);stroke:var(--line)}.mg-art .mg-label{fill:var(--muted);font-size:11px}.mg-art .mg-tag{fill:var(--text);font-size:12px;font-weight:700}.mg-art .mg-tag-sm{fill:var(--muted);font-size:9px;font-weight:700}.mg-art .mg-bad{fill:var(--judge-miss)}.mg-art .mg-warn{fill:var(--warn)}.mg-art .mg-cable{fill:none;stroke:var(--muted);stroke-width:3;stroke-linecap:round;opacity:.7}.mg-art .mg-plug rect{fill:var(--muted)}.mg-art .mg-plug{animation:mg-plug 3.2s ease-out infinite}.mg-art .mg-adapter{fill:var(--panel2);stroke:var(--accent);stroke-width:1.5}.mg-art .mg-block circle{fill:color-mix(in srgb,var(--judge-miss) 18%,var(--panel));stroke:var(--judge-miss);stroke-width:2}.mg-art .mg-block path{stroke:var(--judge-miss);stroke-width:2.5;stroke-linecap:round}.mg-art .mg-block{animation:mg-pulse 1.4s ease-in-out infinite}@keyframes mg-plug{0%{transform:translate(-16px,6px);opacity:.5}28%,to{transform:translate(0);opacity:1}}@keyframes mg-pulse{0%,to{opacity:1}50%{opacity:.45}}.mg-art .mg-screen-lg{fill:#10262b;stroke:#2c5560}.mg-art .mg-lcd{fill:#bff3ff;font:600 12px ui-monospace,Menlo,Consolas,monospace}.mg-art .mg-lcd-strong{fill:#07222a;font-weight:800}.mg-art .mg-value rect{fill:#4fb0c6;animation:mg-pulse 1.2s ease-in-out infinite}.mg-art .mg-check-pulse circle{fill:none;stroke:var(--judge-perfect);stroke-width:2}.mg-art .mg-check-pulse path{fill:none;stroke:var(--judge-perfect);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.mg-art .mg-check-pulse{animation:mg-pulse 1.6s ease-in-out infinite}.mg-art .mg-dial-mark{stroke:var(--text);stroke-width:3;stroke-linecap:round}.mg-art .mg-dial{animation:mg-dial 3.2s ease-in-out infinite}.mg-art .mg-btn-text{fill:var(--muted);font-size:9px;font-weight:700}.mg-art .mg-press-0 rect{animation:mg-press 3.2s infinite}.mg-art .mg-press-1 rect{animation:mg-press 3.2s infinite;animation-delay:1.6s}@keyframes mg-dial{0%,30%{transform:rotate(0)}50%,80%{transform:rotate(50deg)}to{transform:rotate(0)}}@keyframes mg-press{0%,8%,to{fill:var(--panel2)}3%{fill:var(--accent)}}.mg-art .mg-url{fill:var(--panel2);stroke:var(--line)}.mg-art .mg-lock path,.mg-art .mg-lock rect{fill:none;stroke:var(--muted);stroke-width:1.2}.mg-art .mg-connect rect{fill:var(--accent);animation:mg-connect-press 6s infinite}.mg-art .mg-connect text{fill:#07222a;font-size:11px;font-weight:700}.mg-art .mg-popup{opacity:0;animation:mg-popup 6s infinite}.mg-art .mg-popup>rect:first-child{fill:var(--panel2);stroke:var(--muted);stroke-width:1.2}.mg-art .mg-popup-text{fill:var(--text);font-size:11px;font-weight:600}.mg-art .mg-popup-btn{fill:var(--panel);stroke:var(--line)}.mg-art .mg-popup-allow{fill:var(--accent);stroke:none}.mg-art .mg-popup-btn-text{fill:var(--text);font-size:10px}.mg-art .mg-popup-allow-text{fill:#07222a;font-weight:700}.mg-art .mg-connected{opacity:0;animation:mg-connected 6s infinite}.mg-art .mg-connected circle{fill:var(--judge-perfect)}.mg-art .mg-connected path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mg-art .mg-connected text{fill:var(--judge-perfect);font-size:11px;font-weight:700}.mg-art .mg-cursor path{fill:var(--text);stroke:var(--panel);stroke-width:1}.mg-art .mg-cursor{animation:mg-cursor 6s ease-in-out infinite}@keyframes mg-cursor{0%{transform:translate(250px,176px)}24%{transform:translate(86px,146px) scale(1)}28%{transform:translate(86px,146px) scale(.82)}32%{transform:translate(86px,146px) scale(1)}50%{transform:translate(221px,96px) scale(1)}60%{transform:translate(221px,96px) scale(.82)}64%{transform:translate(221px,96px) scale(1)}86%,to{transform:translate(250px,176px)}}@keyframes mg-connect-press{0%,26%,32%,to{opacity:1}28%{opacity:.7}}@keyframes mg-popup{0%,31%{opacity:0}35%,64%{opacity:1}68%,to{opacity:0}}@keyframes mg-connected{0%,68%{opacity:0}72%,96%{opacity:1}to{opacity:0}}.mg-art .mg-pad{fill:color-mix(in srgb,#ef6fb0 18%,var(--panel2));stroke:#ef6fb0;stroke-width:2}.mg-art .mg-ripple{fill:none;stroke:#ef6fb0;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:mg-ripple 1.5s ease-out infinite}.mg-art .mg-stick line{stroke:var(--text);stroke-width:5;stroke-linecap:round}.mg-art .mg-stick{transform-origin:120px 40px;animation:mg-stick 1.5s ease-in infinite}.mg-art .mg-row{opacity:0;animation:mg-row 4.5s infinite}.mg-art .mg-row-1{animation-delay:1.5s}.mg-art .mg-row-2{animation-delay:3s}.mg-art .mg-row rect{fill:var(--panel2)}.mg-art .mg-row circle{fill:#ef6fb0}.mg-art .mg-row text{fill:var(--text);font-size:10px}@keyframes mg-stick{0%{transform:rotate(-26deg)}38%{transform:rotate(0)}50%{transform:rotate(-6deg)}to{transform:rotate(-26deg)}}@keyframes mg-ripple{0%,36%{opacity:0;transform:scale(1)}40%{opacity:.9;transform:scale(1)}80%,to{opacity:0;transform:scale(1.35)}}@keyframes mg-row{0%,12%{opacity:0}18%,88%{opacity:1}to{opacity:0}}.mg-art .mg-phones path{stroke:var(--text)}.mg-art .mg-phones rect{fill:var(--text)}.mg-art .mg-bt{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.mg-art .mg-arc{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;opacity:0;animation:mg-arc 1.8s infinite}.mg-art .mg-arc-1{animation-delay:.3s}.mg-art .mg-arc-2{animation-delay:.6s}.mg-art .mg-clock circle{fill:none;stroke:var(--warn);stroke-width:2}.mg-art .mg-clock path{fill:none;stroke:var(--warn);stroke-width:2;stroke-linecap:round}.mg-art .mg-clock{animation:mg-pulse 1.8s ease-in-out infinite}.mg-art .mg-waves path{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;animation:mg-pulse 1.2s ease-in-out infinite}.mg-art .mg-waves path:nth-child(2){animation-delay:.2s}.mg-art .mg-waves path:nth-child(3){animation-delay:.4s}.mg-art .mg-fade{animation:mg-fade 4s ease-in-out infinite}.mg-art .mg-track{fill:var(--line)}.mg-art .mg-thumb{fill:var(--accent);animation:mg-thumb 4s ease-in-out infinite}@keyframes mg-arc{0%{opacity:0}30%{opacity:1}70%,to{opacity:0}}@keyframes mg-thumb{0%,20%{transform:translate(110px)}55%,90%{transform:translate(0)}to{transform:translate(110px)}}@keyframes mg-fade{0%,20%{opacity:1}55%,90%{opacity:.08}to{opacity:1}}@media (prefers-reduced-motion: reduce){.mg-art *,.mg-art{animation:none!important}.mg-art .mg-popup,.mg-art .mg-row{opacity:1}}.mg-text a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}.mg-art .mg-port{fill:var(--panel2);stroke:var(--muted);stroke-width:1.4}.mg-art .mg-port-text{fill:var(--muted);font-size:8.5px;font-weight:700}.mg-art .mg-cable-midi{stroke:var(--mg-midi);opacity:.55}.mg-art .mg-cable-audio{stroke:var(--mg-audio);opacity:.55}.mg-art .mg-tag-midi{fill:var(--mg-midi)}.mg-art .mg-tag-audio{fill:var(--mg-audio)}.ios-notice .dlg-message{margin:0 0 8px;line-height:1.6}.ios-notice-sub{margin:0 0 4px;font-size:12px;color:var(--muted)}.ios-notice-check{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;color:var(--muted);cursor:pointer}.verify-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:8px 16px;background:color-mix(in srgb,var(--warn) 12%,var(--panel));border-bottom:1px solid color-mix(in srgb,var(--warn) 40%,var(--line));font-size:13px;line-height:1.5}.verify-banner .verify-ico{color:var(--warn);flex:none}.verify-banner .verify-text{flex:1 1 280px;min-width:0}.verify-banner .verify-msg{flex-basis:100%;order:2;margin:0;padding-left:30px}.verify-banner .verify-close{order:1}.verify-actions{display:flex;flex-wrap:wrap;gap:8px}.verify-actions button{white-space:nowrap}.verify-actions.compact button{padding:4px 10px;font-size:12.5px}.verify-msg{margin:8px 0 0;font-size:12.5px;color:var(--muted)}.verify-msg.error{color:var(--warn)}button.verify-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border-color:transparent;color:var(--muted)}button.verify-close:hover{color:var(--text);border-color:var(--line)}.verify-dialog .dlg-message{line-height:1.6}.verify-dialog .verify-actions{margin-top:4px}.verify-profile{margin:-4px 0 12px}.verify-status{margin:-4px 0 12px;font-size:12.5px;color:var(--warn)}.verify-profile .verify-status{margin:0 0 8px}.verify-status.ok{color:var(--judge-perfect)}@media (max-width: 640px){.verify-banner{padding:8px 12px}.verify-banner .verify-msg{padding-left:0}}.pw-rules{list-style:none;margin:-4px 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:3px 12px;font-size:12px}.pw-rule{display:flex;align-items:center;gap:6px;color:var(--muted)}.pw-rule svg{flex:none}.pw-rule.ok{color:var(--judge-perfect)}.pw-rule.bad{color:var(--warn)}.dlg-hint.pw-mismatch{color:var(--warn);margin-top:-6px}.dlg-modal button:disabled:not(.dlg-link-btn){opacity:.45;cursor:not-allowed}.dlg-modal button.primary:disabled:hover{background:var(--accent-fill)}.dlg-modal button:disabled:not(.primary):hover{border-color:var(--line)}.avatar-cropper{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:14px;width:100%;min-width:0}.avatar-crop-hint{margin:0;font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.avatar-crop-stage{position:relative;overflow:hidden;border-radius:12px;background:#0d0f14;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;flex:none}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-crop-img{position:absolute;left:0;top:0;max-width:none;background:#fff;pointer-events:none;transform-origin:0 0}.avatar-crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.avatar-crop-mask path{fill:#080a0e9e}.avatar-crop-mask circle{fill:none;stroke:#ffffffe6;stroke-width:2}.avatar-crop-zoom{display:flex;align-items:center;gap:8px}.avatar-crop-zoom input[type=range]{flex:1;min-width:0;accent-color:var(--accent);padding:0;border:none;background:transparent}button.avatar-crop-zbtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;flex:none}.avatar-crop-actions{display:flex;align-items:center;gap:8px;width:100%;max-width:320px}.avatar-crop-spacer{flex:1}.user-settings-panel .pref-body{height:min(480px,calc(100vh - 200px));min-height:0}.user-settings-panel .pref-main{overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.user-settings-panel .dlg-pref-section>button,.user-settings-panel .dlg-pref-section form>button{font-size:13px;padding:6px 14px;margin-top:14px}.user-settings-panel .danger-section>button{margin-top:0}.danger-section h4{margin-bottom:12px}.danger-card{border:1px solid color-mix(in srgb,var(--judge-miss) 45%,var(--line));background:color-mix(in srgb,var(--judge-miss) 8%,var(--panel));border-radius:10px;padding:14px 16px;margin-bottom:18px;font-size:13px;line-height:1.7}.danger-card-head{display:flex;align-items:center;gap:8px;color:var(--judge-miss);font-weight:700;font-size:14px;margin-bottom:8px}.danger-card-head svg{flex:none}.danger-card-text{margin:0 0 4px}.danger-card-list{margin:0 0 10px;padding-left:20px}.danger-card-list li{margin:2px 0}.danger-card-note{margin:0;padding-top:10px;border-top:1px dashed var(--line);color:var(--muted);font-size:12.5px}.avatar-crop-backdrop{position:absolute;border-radius:50%;background:#fff;pointer-events:none}.dlg-modal:has(.feedback-dlg){width:560px;max-width:calc(100vw - 32px)}.feedback-dlg .feedback-lead{margin-top:-4px}.feedback-dlg textarea{resize:vertical;min-height:110px;line-height:1.5}.feedback-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.feedback-drop{width:100%;padding:14px;border:1px dashed var(--well-border);background:var(--panel2);color:var(--muted);font-size:13px;border-radius:8px}.feedback-drop:hover{border-color:var(--accent);color:var(--text)}.feedback-shot{display:flex;align-items:center;gap:12px}.feedback-shot img{max-width:220px;max-height:140px;border-radius:6px;border:1px solid var(--line);object-fit:contain;background:var(--panel2)}.feedback-note{margin-top:4px}.feedback-note a{color:var(--accent)}