: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)}*{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}.pw-field{position:relative;display:block;width:100%}.pw-field>input{width:100%;padding-right:42px;box-sizing:border-box}.pw-toggle{position:absolute;top:50%;right:3px;transform:translateY(-50%);width:36px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--muted);border-radius:6px}.pw-toggle:hover{color:var(--accent);border-color:transparent}.pw-step-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.dlg-input+.pw-toggle,.pw-field:has(.dlg-input) .pw-toggle{top:calc(50% + 5px)}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:max(16px,1em)!important}}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:16px;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}.mode-seg{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--line);border-radius:9px;background:var(--well)}.mode-seg button{white-space:nowrap;height:26px;padding:0 12px;border:none;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.mode-seg button:hover{color:var(--text);border-color:transparent}.mode-seg button.on{background:var(--accent-fill);color:#07222a}.mode-seg button.on:hover{color:#07222a}.hdr-sep{width:1px;height:22px;background:var(--line)}header .module-title{min-width:0;max-width:360px;flex:0 1 auto}@media(min-width:1100px){header:not(:has(.hdr-page-slot>*)){flex-wrap:nowrap}header:not(:has(.hdr-page-slot>*))>*{flex-shrink:0}header:not(:has(.hdr-page-slot>*))>.module-title{flex-shrink:1;min-width:130px}header:not(:has(.hdr-page-slot>*))>.auth-cloud-hint{flex-shrink:100}}@media(min-width:1100px)and (max-width:1399px){html:is(:lang(en),:lang(ja)) .app>header>h1{display:none}}@media(min-width:1100px)and (max-width:1279px){html:is(:lang(en),:lang(ja)) header .module-new-btn .module-new-text{display:none}html:is(:lang(en),:lang(ja)) header .module-menu-btn{min-width:64px}}header .module-title .name-text{font-size:14px}header .module-title input.name{width:220px;font-size:14px}header .logo{width:26px;height:26px}header .module-new-btn{padding:3px 8px;font-size:11px}button.side-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:8px;background:var(--panel2);color:var(--muted)}button.side-nav-toggle:hover,button.side-nav-toggle[aria-expanded=true]{color:var(--text)}button.hdr-midi{display:inline-flex;align-items:center;gap:8px;height:34px;max-width:260px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);border-color:var(--line);background:transparent}button.hdr-midi:not(.connected) .hdr-midi-dot{box-shadow:none;opacity:.7}button.hdr-midi svg{flex:none}.hdr-midi-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-midi-dot{flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}button.hdr-midi.connected{color:var(--judge-perfect);border-color:color-mix(in srgb,var(--judge-perfect) 50%,var(--line));background:color-mix(in srgb,var(--judge-perfect) 10%,transparent)}button.hdr-midi.connected .hdr-midi-text{color:var(--text)}button.hdr-midi:hover{border-color:currentColor}button.hdr-midi.on{background:color-mix(in srgb,currentColor 22%,transparent)}.hdr-midi-wrap{position:relative;display:inline-flex}.midi-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:70;width:380px;max-height:calc(100vh - 90px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #00000073}.midi-pop-head{display:flex;align-items:center;justify-content:space-between}.midi-pop-head h3{margin:0;font-size:15px}button.midi-pop-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:8px;background:transparent;color:var(--muted)}button.midi-pop-close:hover{color:var(--text)}.midi-pop-device{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--panel2);border:1px solid var(--line)}.midi-pop-device-ico{flex:none;display:inline-flex;color:var(--muted)}.midi-pop-device.connected .midi-pop-device-ico{color:var(--accent)}.midi-pop-device-text{display:flex;flex-direction:column;gap:2px;min-width:0}.midi-pop-device-text b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-pop-device-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);line-height:1.4}.midi-pop-device.connected .midi-pop-device-state{color:var(--judge-perfect)}.midi-pop-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--warn)}.midi-pop-device.connected .midi-pop-dot{background:var(--judge-perfect)}.midi-pop-sec{display:flex;flex-direction:column;gap:8px}.midi-pop-sec h4{margin:0;font-size:12px;font-weight:600;color:var(--muted)}.midi-pop .midi-bar{flex-wrap:wrap}.midi-pop-comp{display:flex;align-items:center;gap:8px}.midi-pop-comp-val{flex:none;min-width:64px;font-size:15px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.midi-pop-monitor .monitor h2{font-size:12px;margin:0 0 8px}.midi-pop-monitor .feed-wrap{max-height:220px}.midi-pop-foot{display:flex;align-items:center;gap:16px;padding-top:10px;border-top:1px solid var(--line)}button.midi-pop-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:transparent;color:var(--accent);font-size:13px;font-weight:600}button.midi-pop-link:hover{border-color:transparent;text-decoration:underline}button.midi-pop-link:disabled{color:var(--muted);cursor:default;text-decoration:none}.midi-pop-count{margin-left:auto;font-size:12px;color:var(--muted)}.tool-strip{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--line)}.tool-strip-scroll{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;scrollbar-width:none}.tool-strip-scroll::-webkit-scrollbar{display:none}.tool-strip-scroll button{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 10px 3px 5px;font-size:12px;white-space:nowrap}.tool-strip-scroll button.on{background:var(--accent-fill);color:#07222a;border-color:var(--accent-fill);font-weight:700}.tool-strip-scroll button.on .tool-preview.cell{border-color:#07222a59}.tool-strip-help{flex:none;width:32px;min-height:32px;padding:0;font-weight:800;border-radius:999px}.tool-strip-title{align-self:center;white-space:nowrap;margin-left:4px!important}.tool-strip-scroll button.tool-strip-help{padding:0;justify-content:center}.tool-key{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;margin-left:-2px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--well);color:var(--muted);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tool-strip-scroll button.on .tool-key,.tool-cat-btns button.on .tool-key{color:#07222a;border-color:#07222a59;background:#ffffff59}.tool-cat-btns button .tool-key{margin-left:2px}.tool-panel-keys{margin-top:-8px}@media(hover:none)and (pointer:coarse){.tool-key{display:none}}.tool-strip-sep{flex:none;align-self:center;width:1px;height:22px;margin:0 4px;background:var(--line)}button.tool-strip-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;min-height:32px;padding:0}button.tool-strip-icon:disabled{opacity:.35;cursor:default}.tool-strip-unit{flex:none;display:inline-flex;align-items:center;gap:6px}.tool-strip-unit select{min-height:32px;font-size:12px;padding:2px 6px}.tool-help-dlg{width:min(360px,86vw);max-height:80vh;overflow-y:auto}.tool-help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tool-help-head h3{margin:0;font-size:15px}.side-nav{flex:none;width:0;overflow:hidden;visibility:hidden;background:var(--panel);border-right:1px solid transparent;transition:width .22s ease,visibility 0s linear .22s,border-color 0s linear .22s}.side-nav.open{width:280px;visibility:visible;border-right-color:var(--line);transition:width .22s ease}.side-nav-inner{width:280px;height:100%;display:flex;flex-direction:column;overflow-y:auto;padding:14px 12px calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.side-nav-backdrop{display:none}@media(max-width:1099px),(max-height:499px){.side-nav-backdrop{display:block;position:fixed;inset:0;z-index:63;background:#00000073}.side-nav{position:fixed;top:0;bottom:0;left:0;z-index:64;width:280px;max-width:85vw;border-right-color:var(--line);box-shadow:4px 0 24px #00000059;transform:translate(-100%);transition:transform .22s ease,visibility 0s linear .22s}.side-nav.open{width:280px;transform:none;transition:transform .22s ease}.side-nav-inner{width:100%}}.side-nav-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 14px;font-size:12px;color:var(--muted)}button.side-nav-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:8px;background:var(--panel2);color:var(--muted)}button.side-nav-close:hover{color:var(--text)}.side-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}button.side-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font-size:15px;font-weight:600;text-align:left}button.side-nav-item:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--text) 6%,transparent)}button.side-nav-item.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 3px 0 0 var(--accent)}button.side-nav-item:disabled{opacity:.55;cursor:default}.side-nav-ico{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.side-nav-item.active .side-nav-ico{background:var(--accent);border-color:var(--accent);color:var(--bg)}.side-nav-label{flex:1;min-width:0}.side-nav-soon{flex:none;font-size:11px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 7px}.side-nav-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding:12px 4px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.side-nav-foot img{border-radius:4px}.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-cloud-hint{flex:0 1 auto;min-width:0;overflow:hidden;font-size:12px;color:var(--muted);white-space:nowrap;margin-right:4px}.auth-cloud-hint[data-clipped]{display:none}.app>header:has(.hdr-page-slot>*) .auth-cloud-hint{display:none}.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;width:max-content;min-width:130px;max-width:calc(100vw - 24px);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;white-space:nowrap}.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-langbtn{display:flex;align-items:center;gap:8px}.settings-menu-langbtn>svg:first-child{flex:none;color:var(--muted)}.settings-menu-langcur{margin-left:auto;padding-left:12px;font-size:12px;color:var(--muted)}.settings-menu-langcaret{flex:none;color:var(--muted);transition:transform .15s}.settings-menu-langbtn[aria-expanded=true] .settings-menu-langcaret{transform:rotate(180deg)}.settings-menu-lang{display:flex;flex-direction:column;padding:0 0 4px;margin:0 0 4px;border-bottom:1px solid var(--line)}.settings-menu-lang button{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 14px;border:0;border-radius:6px;background:transparent;color:var(--text-soft);font-size:13px;text-align:left;white-space:nowrap;cursor:pointer}.settings-menu-lang button:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel2));color:var(--text)}.settings-menu-lang button.on{color:var(--accent);font-weight:700}.settings-menu-langcheck{display:inline-flex;width:12px;flex:none}.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;inset: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;inset: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}.name-before-save .dlg-actions button{font-size:13px;padding:5px 12px}.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}.toast-warn.toast-error{background:#8e2a33;color:#fff0f1;border-color:var(--judge-miss)}@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;display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap}.loop-flash.long{animation-duration:1.4s}.loop-flash .lf-tempo{display:inline-flex;align-items:center;gap:6px}.loop-flash .lf-sub{font-size:16px;font-weight:700;opacity:.92}: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;inset: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}.lt-results-head{display:none}@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-results-head{display:block;font-size:14px;font-weight:600;color:var(--text);padding:4px 2px;margin-bottom:8px;border-bottom:2px solid var(--accent)}.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}@media(max-width:800px){.lt-tabs{display:none}}.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;inset: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)}.history-device-name{display:inline-flex;align-items:center;gap:6px}.midi-profile{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.midi-profile select{font-size:12px}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}.presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.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;inset: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-sidebar-import{display:flex;align-items:center;gap:6px;margin-top:4px}.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}.lib-row{position:relative}.preset-corner{position:absolute;top:-1px;left:-1px;padding:1px 8px 2px;font-size:10px;font-weight:700;line-height:1.4;color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--panel2));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:8px 0}.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{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check info actions" "play score score";align-items:center;gap:8px 8px;padding:10px 10px 10px 4px}.lib-row-check{grid-area:check;align-self:start;width:36px;height:36px;margin:0;border-radius:8px}.lib-row>.import-check{grid-area:check;align-self:start;margin:4px 6px 0 10px}.lib-info{grid-area:info;align-self:start;flex:none}.lib-actions{grid-area:actions;align-self:start;margin-left:0}.lib-play{grid-area:play;margin-left:8px}.lib-score{grid-area:score}.lib-row:has(>.preset-corner){padding-top:26px}.lib-row .lib-tags .lib-tag-preset{display:none}.lib-row .lib-tags:not(:has(.lib-tag:not(.lib-tag-preset))){display:none}.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;inset: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-old{flex:none;font-size:11px;padding:1px 7px;border-radius:999px;cursor:help;color:color-mix(in srgb,var(--warn) 80%,var(--muted));background:color-mix(in srgb,var(--warn) 10%,transparent);border:1px solid color-mix(in srgb,var(--warn) 32%,transparent)}:root[data-theme=light] .share-mgr-old{color:#7a5a00}.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{position:relative;display:flex;flex-direction:column;gap:12px}.live-score,.grid-card,.module-tray{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.live-score-tag,.tool-strip-title,.mt-head h3{margin:0;font-size:13px;font-weight:700;color:var(--text)}.editor-toolbar,.editor-live-score,.editor-title{margin-bottom:0!important}.grid-card .tool-strip{margin:0 0 10px}.grid-card.collapsed .tool-strip{margin:0;padding-bottom:0;border-bottom:none}.grid-card .editor-practice.collapsed{margin-top:0}.editor-live-score{margin-bottom:10px}.practice-fb{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--judge-perfect) 8%,var(--panel)),var(--panel) 55%,color-mix(in srgb,#f2c14e 6%,var(--panel)))}.practice-fb{position:relative;z-index:5}.practice-fb.compact{padding:10px 16px;background:var(--panel)}.practice-fb.compact .pfb-timer{margin-left:0}.pfb-off-note{margin-left:auto;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--well);font-size:11px;color:var(--muted);white-space:nowrap}.tb-pill.judge-toggle{cursor:pointer}.tb-switch{position:relative;width:28px;height:16px;border-radius:8px;background:var(--line);transition:background .15s;flex:none}.tb-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.judge-toggle.on .tb-switch{background:color-mix(in srgb,var(--accent) 55%,var(--line))}.judge-toggle.on .tb-switch:after{transform:translate(12px);background:var(--accent)}.judge-toggle-state{font-size:11px;font-weight:700;color:var(--muted);min-width:22px}.judge-toggle.on .judge-toggle-state{color:var(--accent)}.pfb-cards{display:flex;gap:10px;flex:none}.pfb-card{width:124px;height:64px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:10px;border:2px solid var(--line);background:var(--well)}.pfb-big{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;animation:pfb-pop .18s ease-out}.pfb-big.pfb-wait{font-size:16px;color:var(--muted);animation:none}.pfb-card-sub{font-size:12px;color:var(--muted);white-space:nowrap}.pfb-judge.j-perfect{border-color:var(--judge-perfect)}.pfb-judge.j-perfect .pfb-big{color:var(--judge-perfect)}.pfb-judge.j-great{border-color:var(--judge-great)}.pfb-judge.j-great .pfb-big{color:var(--judge-great)}.pfb-judge.j-good{border-color:var(--judge-good)}.pfb-judge.j-good .pfb-big{color:var(--judge-good)}.pfb-judge.j-miss{border-color:var(--judge-miss)}.pfb-judge.j-miss .pfb-big{color:var(--judge-miss)}@keyframes pfb-pop{0%{transform:scale(.82);opacity:.4}to{transform:scale(1);opacity:1}}.pfb-vel{--pfb-gold: #f2c14e;border-color:color-mix(in srgb,var(--pfb-gold) 45%,var(--line));background:color-mix(in srgb,var(--pfb-gold) 7%,var(--well))}:root[data-theme=light] .pfb-vel{--pfb-gold: #b8860b}.pfb-vel .pfb-big{color:var(--muted);animation:none}.pfb-vel.has .pfb-big{color:var(--pfb-gold)}.pfb-stats{display:flex;gap:18px;flex:none}.pfb-stat{display:flex;flex-direction:column;gap:2px}.pfb-num{font-size:22px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.pfb-num.pfb-combo{color:var(--judge-perfect)}.pfb-cap{font-size:11px;color:var(--muted);white-space:nowrap}.pfb-score{flex:none;display:flex;flex-direction:column;gap:4px;padding-left:18px;border-left:1px solid var(--line)}.pfb-score-main{display:flex;align-items:baseline;gap:4px}.pfb-score-num{font-size:26px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.pfb-score-cap{font-size:12px;color:var(--muted)}.pfb-grade{margin-left:8px;align-self:center;min-width:26px;height:26px;padding:0 6px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:2px solid;border-radius:8px;font-size:16px;font-weight:900}.pfb-counts{display:flex;gap:10px}.pfb-count{display:inline-flex;align-items:baseline;gap:3px;font-size:11px;white-space:nowrap}.pfb-count-label{color:var(--muted)}.pfb-count b{font-size:13px;font-variant-numeric:tabular-nums}.pfb-count.j-perfect b{color:var(--judge-perfect)}.pfb-count.j-great b{color:var(--judge-great)}.pfb-count.j-good b{color:var(--judge-good)}.pfb-count.j-miss b,.pfb-count.j-extra b{color:var(--judge-miss)}.pfb-cmp{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:8px;padding-left:18px;border-left:1px solid var(--line)}.pfb-cmp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pfb-trend{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid var(--line);color:var(--muted)}.pfb-trend.up{color:var(--judge-perfect);border-color:color-mix(in srgb,var(--judge-perfect) 55%,var(--line));background:color-mix(in srgb,var(--judge-perfect) 12%,transparent)}.pfb-trend.down{color:var(--judge-good);border-color:color-mix(in srgb,var(--judge-good) 55%,var(--line));background:color-mix(in srgb,var(--judge-good) 12%,transparent)}.pfb-cmp-row{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}.pfb-cmp-item{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.pfb-cmp-cap{font-size:11px;color:var(--muted)}.pfb-cmp-item b{font-size:15px}.pfb-delta{display:inline-flex;align-items:center;gap:2px;font-size:11px;color:var(--muted)}.pfb-delta.good,.pfb-tone-good{color:var(--judge-perfect)}.pfb-delta.bad,.pfb-tone-bad{color:var(--judge-good)}.pfb-cmp-wait{font-size:12px;color:var(--muted)}.pfb-recent{display:flex;flex-direction:column;gap:6px;flex:none;padding-left:18px;border-left:1px solid var(--line)}.pfb-chips{display:flex;gap:4px;min-height:20px}.pfb-chip{width:20px;height:20px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#10151c}.pfb-chip.j-perfect{background:var(--judge-perfect)}.pfb-chip.j-great{background:var(--judge-great)}.pfb-chip.j-good{background:var(--judge-good)}.pfb-chip.j-miss{background:var(--judge-miss)}.pfb-timer{position:relative;flex:0 0 236px;margin-left:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:8px 12px;min-height:64px;justify-content:center;border-radius:10px;border:1px solid var(--line);background:var(--well)}.pfb-timer.idle{padding:0}.pfb-timer-setup{display:flex;flex-direction:column;gap:6px;width:100%;min-height:62px;padding:8px 12px;border:none;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.pfb-timer-setup:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.pfb-timer-head{display:flex;align-items:center;gap:6px}.pfb-timer-label{display:inline-flex;align-items:center;gap:5px;margin-right:auto;color:var(--muted)}.pfb-timer-clock-ic{flex:none}.pfb-timer.running .pfb-timer-label,.pfb-timer.paused .pfb-timer-label{color:var(--accent)}.pfb-timer.warn .pfb-timer-label{color:#f2c14e}.pfb-timer-state{font-size:13px;font-weight:700;color:var(--muted)}.pfb-timer-clock{font-size:17px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.pfb-timer-left{font-size:11px;font-weight:600;color:var(--muted)}.pfb-timer.warn .pfb-timer-clock{color:#f2c14e}:root[data-theme=light] .pfb-timer.warn .pfb-timer-clock{color:#9a6a00}.pfb-timer.paused .pfb-timer-clock{opacity:.7}.pfb-timer-ic{flex:none;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.pfb-timer-ic:hover{border-color:var(--accent);color:var(--accent)}.pfb-timer-bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.pfb-timer-bar span{display:block;height:100%;border-radius:2px;background:var(--accent);transition:width .25s linear}.pfb-timer.warn .pfb-timer-bar span{background:#f2c14e}.pfb-timer-sub{font-size:11px;color:var(--muted);line-height:1.4}.pfb-timer-done{font-size:15px;font-weight:800;color:#f2c14e}:root[data-theme=light] .pfb-timer-done{color:#9a6a00}.pfb-timer.done{border-color:color-mix(in srgb,#f2c14e 50%,var(--line))}.pfb-timer-again{align-self:flex-start;padding:4px 10px;border-radius:8px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:12px;font-weight:700;cursor:pointer}.pfb-timer-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:300px;box-sizing:border-box;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;gap:12px}.pfb-timer-pop-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pfb-timer-pop-head b{font-size:15px}.pfb-timer-pop-head span{font-size:11px;color:var(--muted)}.pfb-timer-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pfb-timer-presets button{display:flex;flex-direction:column;align-items:center;gap:0;padding:8px 0;border-radius:10px;border:1px solid var(--line);background:var(--well);color:var(--text);cursor:pointer;font:inherit}.pfb-timer-presets button b{font-size:18px}.pfb-timer-presets button span{font-size:11px;color:var(--muted)}.pfb-timer-presets button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--well))}.pfb-timer-custom{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--well);font-size:12px;color:var(--muted)}.pfb-timer-custom>span:first-child{margin-right:auto}.pfb-timer-custom button{width:30px;height:30px;padding:0;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:16px;cursor:pointer}.pfb-timer-custom input{width:48px;text-align:center;font-size:16px;font-weight:700;border:none;background:transparent;color:var(--text)}.pfb-timer-note{margin:0;font-size:11px;color:var(--muted);line-height:1.5}.pfb-timer-actions{display:flex;gap:8px}.pfb-timer-actions button{flex:1;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;cursor:pointer}.pfb-timer-actions button.primary{flex:2;background:var(--accent-fill);border-color:var(--accent-fill);color:#07222a;font-weight:700}@media(max-width:1200px){.pfb-recent{border-left:none;padding-left:0}}@media(max-width:599px),(max-height:499px){.practice-fb{gap:10px 12px;padding:10px}.pfb-cards{flex:1 1 100%}.pfb-card{flex:1;width:auto;height:58px}.pfb-big{font-size:20px}.pfb-num{font-size:17px}.pfb-cmp{flex:1 1 100%;padding-left:0;border-left:none}.pfb-timer{flex:1 1 100%;margin-left:0}.pfb-timer-pop{right:auto;left:0;width:min(300px,calc(100vw - 40px))}.pfb-off-note{display:none}.editor-toolbar.practice:not(:has(.practice-share)){background:none;border:none;padding:0;min-height:0}}.score-hit-pop{position:absolute;top:6px;transform:translate(-50%);z-index:3;pointer-events:none;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;color:#10151c;box-shadow:0 4px 12px #00000059;animation:score-hit-pop 1.1s ease-out forwards}.score-hit-pop.j-perfect{background:var(--judge-perfect)}.score-hit-pop.j-great{background:var(--judge-great)}.score-hit-pop.j-good{background:var(--judge-good)}.score-hit-pop.j-miss{background:var(--judge-miss);color:#fff}@keyframes score-hit-pop{0%{opacity:0;transform:translate(-50%,4px)}12%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}.tool-strip-note{margin-left:auto;align-self:center;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--well);font-size:11px;color:var(--muted);white-space:nowrap}@media(max-width:599px),(max-height:499px){.tool-strip-note{display:none}}.grid-card.practice .cell{cursor:default}.grid-card.practice .bar-grip{display:none}.grid-card.practice .bar-chip{cursor:pointer}.bar-timesig.readonly{cursor:default}.bars-count.readonly .tb-val{font-weight:700;font-size:14px;color:var(--text);padding:0 4px}.practice-share{gap:6px;padding:0 12px;font-size:13px}.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))}.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}.device-warn{color:#ffb454;font-size:13px;font-weight:600}.countin-overlay{position:absolute;inset: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-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;margin-bottom:10px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.editor-toolbar .transport{flex:0 1 auto;min-width:0;container-type:normal;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0;border:none;background:transparent;border-radius:0}.toolbar-right{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tb-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--well);font-size:13px;color:var(--muted);white-space:nowrap}.editor-toolbar .tb-pill input[type=number]{width:46px;padding:2px 4px;border:none;background:transparent;color:var(--text);font-weight:700;font-size:14px}.editor-toolbar .tb-pill input[type=number]:focus{outline:1px solid var(--accent);border-radius:4px}.tb-cap{font-size:11px;color:var(--muted);letter-spacing:.02em}.editor-toolbar .tb-pill.bpm input[type=number]{width:50px}button.tb-icon,.editor-toolbar .tb-icon{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:36px;height:36px;padding:0 8px;border-radius:10px}.tb-sep{width:1px;height:22px;background:var(--line)}.editor-toolbar .play-btn{width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.editor-toolbar .play-btn svg{width:18px;height:18px}.loop-pill{gap:4px}.loop-pill .tb-cap{display:none}button.tb-inf{min-width:26px;height:26px;padding:0 4px;border:none;border-radius:6px;background:transparent;color:var(--muted);font-size:17px;line-height:1}button.tb-inf.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}button.tb-inf:hover{color:var(--text);border-color:transparent}.editor-toolbar .metro-trigger{height:36px;min-width:36px;padding:0 8px;border-radius:10px;gap:4px}.editor-toolbar .metro-text{display:none}.editor-toolbar .demo-vol{gap:4px}.editor-toolbar .demo-vol-label,.editor-toolbar .demo-vol .vol-val{display:none}.editor-toolbar .demo-vol input[type=range]{width:72px;min-width:56px}.editor-toolbar .record-toggle{height:36px;border-radius:10px}.editor-title{margin-bottom:8px}.mt-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted)}.mt-hint{font-size:12px;color:var(--muted)}.mt-tools{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mt-filters{display:flex;gap:6px;flex-wrap:wrap}.mt-filters button{height:30px;padding:0 12px;border-radius:999px;font-size:12px;background:transparent;color:var(--muted)}.mt-filters button.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.mt-search{height:30px;width:180px;font-size:13px}button.mt-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;border-radius:8px;color:var(--muted)}button.mt-icon.on{color:var(--accent);border-color:var(--accent)}.mt-body{margin-top:12px}.mt-loading{align-self:center;margin:0 8px;font-size:12px;color:var(--muted);white-space:nowrap}.mt-group.preset{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.mt-tray-empty{margin:4px 0;padding:18px;text-align:center;font-size:13px;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.mt-cards{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.mt-card{flex:none;width:250px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mt-card:hover{border-color:var(--accent)}.mt-card.dragging{opacity:.35;border-style:dashed;border-color:var(--accent)}.mt-card.blocked{cursor:not-allowed}.mt-card-head{display:flex;align-items:center;gap:6px;min-width:0}.mt-grip{color:var(--muted);font-size:11px;letter-spacing:-2px}.mt-name{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-group{flex:none;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted);padding:1px 7px;border-radius:999px;background:var(--well)}.mt-meta{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.mt-staff{height:64px;border-radius:6px;padding:6px 10px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}.mt-staff.dark{background:#0f1319}.mt-staff.light{background:#fff}.mt-staff svg{display:block;flex:none;max-height:100%}.mt-card.playing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.mt-playing{flex:none;display:inline-flex;color:var(--accent)}.mt-ghost{position:fixed;z-index:95;pointer-events:none;transform:translate(-20%,18px) rotate(-3deg);opacity:.88;box-shadow:0 14px 34px #00000080;border-color:var(--accent)}.mt-drop-box{position:fixed;z-index:94;pointer-events:none;border:2px dashed var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);display:flex;align-items:flex-start;justify-content:center;padding-top:40px}.mt-drop-box .mt-drop-label{position:relative;z-index:96}.mt-drop-line{position:fixed;z-index:96;pointer-events:none;width:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent)}.mt-drop-label{padding:5px 12px;border-radius:999px;background:var(--accent-fill);color:#07222a;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px #00000059}.mt-drop-line .mt-drop-label{position:absolute;top:34px;left:50%;transform:translate(-50%)}.bar-ghost{width:220px}.add-bar-col{position:relative}.add-bar-col.drop-over{border:2px dashed var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent)}.add-bar-drop-label{position:absolute;top:34px;right:0;z-index:96;pointer-events:none}.bar-ghost-plus{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;background:var(--accent-fill);color:#07222a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006}.toast-undo{display:flex;align-items:center;gap:14px}.toast-undo button{padding:4px 12px;font-size:13px;font-weight:700;color:#07222a;background:#eafff1;border-color:transparent}.editor-toolbar~.device-warn,.device-warn{margin:0 0 8px}.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-view,.module-menu,.module-menu-btn,.module-menu-btn .name-text{min-width:0}.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}.module-menu{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:0}.module-menu-btn{display:inline-flex;align-items:center;gap:7px;min-width:120px;max-width:100%;height:34px;padding:0 10px 0 11px;border:1px solid var(--line);border-radius:9px;background:var(--well);color:var(--text);cursor:pointer}.module-menu-btn:hover{background:color-mix(in srgb,var(--accent) 10%,var(--well));border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.module-menu-folder{flex:none;color:var(--muted)}.module-menu-btn:hover .module-menu-folder{color:var(--accent)}.module-menu-btn .module-menu-caret{margin-left:auto}.module-menu-btn .name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-menu-caret{flex:none;color:var(--muted)}.module-menu-btn:hover .module-menu-caret{color:var(--accent)}.module-new-btn{flex:none;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;font-size:12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}.module-new-btn:hover{color:var(--accent);border-color:var(--accent)}.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,.grid{--label-w: 148px}.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:var(--label-w) var(--cols, repeat(var(--steps), var(--step-w, 30px)));gap:3px;align-items:center}.bar-header{display:grid;grid-template-columns:var(--label-w) var(--cols, repeat(var(--steps), var(--step-w, 30px)));gap:3px;align-items:stretch;margin-bottom:0}.beat-header{display:grid;grid-template-columns:var(--label-w) var(--cols, 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:flex-start;gap:6px;padding:0 6px;font-size:12px;font-weight:600;height:26px;border-radius:8px;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;gap:4px;height:20px;margin-left:auto;padding:0 7px;border-radius:6px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 60%,transparent);color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;flex:none}.bar-mute-toggle:hover{border-color:var(--judge-miss);color:var(--judge-miss)}.bar-mute-toggle.on{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;inset: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}.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;display:flex;align-items:center;justify-content:center;gap:8px}.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:linear-gradient(color-mix(in srgb,var(--pad-color) calc(var(--level) * 60%),transparent),color-mix(in srgb,var(--pad-color) calc(var(--level) * 60%),transparent)),var(--panel)}div.row-label{background:var(--panel);border-left:none;cursor:default;align-self:stretch}.row-label{box-shadow:3px 0 0 var(--panel)}button.row-label{box-shadow:inset 0 0 calc(var(--level) * 16px) color-mix(in srgb,var(--pad-color) 70%,transparent),3px 0 0 var(--panel)}button.row-label{border:1px solid transparent;border-radius:8px;font-weight:600;padding:4px 6px 4px 2px}button.row-label:hover{border-color:var(--line)}.row-label .track-grip{order:0;opacity:.35;padding:4px 2px;margin-left:0}.row-label:hover .track-grip{opacity:1}.row-label .row-short{order:1;flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 4px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.02em;color:color-mix(in srgb,var(--pad-color, var(--muted)) 75%,var(--text));background:color-mix(in srgb,var(--pad-color, var(--muted)) 16%,transparent);border:1px solid color-mix(in srgb,var(--pad-color, var(--muted)) 55%,transparent)}.row-label .row-name{order:2;min-width:0;overflow:hidden;text-overflow:ellipsis}.row-label .kept-ico,.row-label .track-hide,.row-label .voice-vol{order:3}@media(hover:hover){.row-label .track-hide,.row-label .voice-vol{display:none}.row-label:hover .track-hide,.row-label:hover .voice-vol,.row-label:focus-within .voice-vol,.row-label.vol-open .voice-vol{display:inline-flex}}.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:var(--panel);z-index:6;overflow:visible}.kit-settings-btn{width:100%;height:26px;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:0 7px;cursor:pointer;color:var(--muted);font-size:12px;font-weight:600;border:1px solid transparent;border-radius:8px;background:transparent}.kit-settings-btn:hover{border-color:var(--line);color:var(--accent);background:var(--panel2)}.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,.cell.v2{background:var(--pad-color)}.cell.v2:after{content:">";position:absolute;right:2px;bottom:0;font-size:10px;line-height:1;font-weight:900;color:var(--text);pointer-events:none;text-shadow:0 1px 2px #000a}.cell.v2 .stick{padding:0 4px 4px 0}.tool-preview.cell.v2:after{inset:0;display:flex;align-items:center;justify-content:center;font-size:13px}.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;inset: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;inset: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;top:1px}.cell .grace-mark svg{display:block;width:8px;height:11px;filter:drop-shadow(0 1px 1px #000a)}:root[data-theme=light] .cell .grace-mark svg{filter:drop-shadow(0 0 1px rgba(20,28,40,.6))}.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,:root[data-theme=light] .cell.v2: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{position:relative}.live-score-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap;row-gap:6px}.live-score-head .live-score-tag,.live-score-head .style-toggle button,.live-score-head .dynamic-score-select,.live-score-head .export-score{white-space:nowrap}.live-score.collapsed .live-score-head{margin-bottom:0}.collapse-btn{padding:2px 8px;font-size:12px;line-height:1}.live-score-head .collapse-btn,.mt-head .collapse-btn,.tool-strip-scroll button.tool-strip-collapse{flex:none;display:inline-flex;align-items:center;justify-content:center;align-self:center;width:28px;height:26px;min-height:26px;padding:0;font-size:12px;line-height:1;border-radius:7px}.live-score-head .spacer{flex:1}.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}:root{--play-hl: #4fb0c6}.live-score-paper.light{--play-hl: #1f8fa8}.live-score-paper.bar-pickable{cursor:pointer}.score-tracker{position:absolute;top:8%;bottom:25%;left:0;will-change:transform;background:color-mix(in srgb,var(--play-hl) 30%,transparent);border-radius:3px;pointer-events:none}.live-score-svg{position:relative}.score-bar-sel{position:absolute;top:4px;bottom:4px;border-radius:6px;pointer-events:none;background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 70%,transparent)}.nh-current,.nh-current *{fill:var(--play-hl)!important;stroke:var(--play-hl)}.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}.metro-tempo-step-row select.tempo-unit{flex:none;width:auto;padding:4px 6px;font-size:12px}.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;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--bg)}.report-toolbar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.report-toolbar h1{font-size:15px;margin:0}.report-toolbar .spacer{flex:1}.report-toolbar button{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:6px 12px}.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:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px 20px;align-items:start}.mt-loops-row .rp-table{width:100%}.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}.rp-loop.tl-loop{overflow:visible}.tl-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:2px}.tl-card,.tl-staff-card{width:max-content;min-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.tl-card{padding:6px 0 4px}.tl-staff-card{margin-top:10px;padding:6px 0;background:color-mix(in srgb,var(--bg) 55%,var(--panel))}.tl-row{display:flex;align-items:stretch}.tl-lbl{position:sticky;left:0;z-index:2;flex:none;width:184px;box-sizing:border-box;padding:0 10px 0 12px;display:flex;align-items:center;background:inherit;font-size:13.5px;font-weight:600;color:var(--text)}.tl-card .tl-lbl{background:var(--panel)}.tl-staff-card .tl-lbl{background:color-mix(in srgb,var(--bg) 55%,var(--panel))}.tl-lbl .rp-voice-lbl{width:100%}.tl-lbl .rp-voice-lbl{justify-content:flex-start;gap:8px}.tl-lbl .rp-voice-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tl-short{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 4px;border-radius:5px;box-sizing:border-box;font-size:10px;font-weight:800;letter-spacing:.02em;color:color-mix(in srgb,var(--pad-color, var(--muted)) 75%,var(--text));background:color-mix(in srgb,var(--pad-color, var(--muted)) 16%,transparent);border:1px solid color-mix(in srgb,var(--pad-color, var(--muted)) 55%,transparent)}.rp-voice-off>.tl-lbl .tl-short{opacity:.4}.tl-lbl .rp-voice-btn{width:22px;height:22px;font-size:11px;border-radius:5px;background:var(--panel2)}.tl-bar-h{flex:none;box-sizing:border-box;padding:2px 8px;font-size:11px;color:var(--muted);border-radius:6px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap}.tl-bar-h:hover{background:var(--panel2);color:var(--text)}.tl-bar-h.rp-selected{background:var(--accent-fill);color:#07222a;font-weight:700}.tl-ruler-svg,.tl-lane{flex:none;display:block;overflow:visible}.tl-ruler-svg text{font-size:11px;fill:var(--muted)}.tl-ruler-svg .tl-beat{font-weight:700;fill:var(--text-soft)}.tl-ruler-svg .tl-now{fill:#f2c14e;font-weight:800}.tl-lane{touch-action:pan-x pan-y}.tl-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:2 4;opacity:.55}.tl-grid-beat{opacity:.9}.tl-axis{stroke:var(--line);stroke-width:1.5}.tl-sel{fill:var(--accent);opacity:.08}.tl-play{stroke:#f2c14e;stroke-width:2;opacity:.55}.tl-ideal{fill:none;stroke:var(--text-soft);stroke-width:1.5;opacity:.75}.tl-link{stroke-width:2;opacity:.8}.tl-ms{font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums}.tl-hit.playable{cursor:pointer}.tl-hit.playable:active .tl-dot{filter:brightness(1.3)}.rp-voice-off>.tl-lane,.rp-voice-off>.tl-lbl .rp-voice-name{opacity:.4}.tl-staff{flex:none;box-sizing:border-box;padding:0 6px}.tl-staff .rp-bar-staff{background:transparent;padding:2px 0;justify-content:flex-start}.tl-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:8px 0 4px;font-size:12px;color:var(--text-soft)}.tl-lg-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.tl-lg-spacer{flex:1 1 auto}.tl-lg-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.tl-lg-ring{display:inline-block;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--text-soft);box-sizing:border-box}.tl-lg-dir{color:var(--muted)}.tl-lg-miss{font-weight:800}.bar-panel-legend .tl-legend{margin:10px 0 2px}@media(max-width:900px){.tl-ms{display:none}.tl-hit:hover .tl-ms,.tl-hit.active .tl-ms{display:inline}.tl-lbl{width:136px;padding:0 6px 0 8px;font-size:12.5px}.tl-lbl .rp-voice-btn{width:18px;height:18px;font-size:10px}}@media(max-width:599px),(max-height:499px){.tl-lbl{width:92px}.tl-lbl .rp-voice-name{display:none}.tl-lbl .rp-voice-lbl{justify-content:space-between}}html.report-printing .tl-ms{display:inline}html.report-printing .tl-scroll{overflow:visible}html.report-printing .tl-lbl{width:150px}.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.tone-good{background:color-mix(in srgb,var(--judge-perfect) 9%,transparent);border-left-color:var(--judge-perfect);color:#cdeed8}.ha-conclusion.tone-bad{background:color-mix(in srgb,var(--judge-miss) 10%,transparent);border-left-color:var(--judge-miss);color:#f6cfcb}:root[data-theme=light] .ha-conclusion.tone-good,:root[data-theme=light] .ha-conclusion.tone-bad{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{gap:0 8px;flex-wrap:wrap}.ha-stat-row>span:first-child{color:var(--muted);white-space:nowrap}.ha-stat-row>span:last-child{color:var(--text);font-weight:700;margin-left:auto;white-space:nowrap}.ha-stat-row .verdict{flex-wrap:nowrap}.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}.verdict{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 6px}.verdict-word{font-weight:700}.verdict-word.tone-good{color:var(--judge-perfect)}.verdict-word.tone-warn{color:var(--warn)}.verdict-word.tone-bad{color:var(--judge-miss)}.verdict-word.tone-neutral{color:var(--text)}.verdict-num{font-size:12px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.hf-kpi-val .verdict-num{margin-left:0}.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-ind-sub{margin-top:10px}.hf-ind-sub:first-of-type{margin-top:0}.hf-ind-sub b,.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}.history-limit-hint{margin-bottom:12px}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;inset: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}@media(max-width:900px){header{padding:8px 12px;gap:8px}header h1{font-size:16px}.left{padding:10px;gap:10px}.editor{gap:10px}.live-score,.grid-card,.module-tray{padding:10px}}@media print{body:has(.score-view) *{visibility:hidden}.score-view,.score-view *{visibility:visible}.score-view{position:absolute;inset: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:12px 16px;background:#fff;color:#1b2230;border:1px solid #d7dde6;border-radius:12px;box-shadow:0 12px 32px #00000080;font-size:13px;line-height:1.5}.consent-text{flex:1 1 280px;margin:0}.consent-text a{color:#1f7f96;font-weight:600}.consent-actions{display:flex;gap:8px;margin-left:auto}.consent-btn{min-width:76px;padding:6px 14px;font-size:13px;font-weight:700;border-radius:8px;background:#fff;color:#1b2230;border:1px solid #9aa4b5}.consent-btn:hover{background:#eef1f6;border-color:#5b6577}@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-from-file{margin:4px 0 8px;font-size:13px;color:var(--muted);word-break:break-all}.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;inset: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)}.boot-splash{background:var(--bg, #12141a);-webkit-backdrop-filter:none;backdrop-filter:none}.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;inset: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}.dlg-modal:has(.welcome-dlg){width:820px;max-width:calc(100vw - 32px)}.welcome-dlg h3{font-size:18px;margin-bottom:4px}.welcome-dlg h3 .brand-up{color:var(--accent)}.welcome-logo{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.24em;margin:0 5px 0 0;border-radius:4px}.welcome-lead{margin:0 0 14px;color:var(--muted);font-size:13px}.welcome-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.welcome-steps li{display:flex;flex-direction:column;gap:6px;min-width:0}.welcome-steps p{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted)}.welcome-step-title{display:flex;align-items:center;gap:8px;margin-top:4px;font-weight:700;font-size:14px}.welcome-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent-fill);color:#07222a;font-size:12px;flex:none}.welcome-link-btn{align-self:flex-start;justify-self:start;margin-top:2px;padding:0;background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}.welcome-link-btn:hover{text-decoration:underline}.welcome-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.welcome-foot .ios-notice-check{margin-top:0}@media(max-width:720px){.welcome-steps{grid-template-columns:1fr;gap:16px}.welcome-steps li{display:grid;grid-template-columns:minmax(0,120px) 1fr;column-gap:12px;row-gap:4px;align-items:start}.welcome-steps li .wl-art{grid-row:1 / span 3}.welcome-step-title{margin-top:0}}.wl-art{display:block;width:100%;height:auto}.wl-bg{fill:var(--bg);stroke:var(--line)}.wl-text{fill:var(--text)}.wl-muted{fill:var(--muted)}.wl-stroke{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.wl-pop{fill:var(--panel2);stroke:var(--line)}.wl-lib-win{stroke:var(--accent)}.wl-card{fill:var(--panel);stroke:var(--line)}.wl-badge{fill:var(--accent-fill)}.wl-row.r0{fill:#5ea7b7}.wl-row.r1{fill:#ef6fb0}.wl-row.r2{fill:#538bcc}.wl-name-hl{fill:color-mix(in srgb,var(--accent) 16%,transparent)}.wl-name-box{fill:var(--panel);stroke:var(--line)}.wl-short{fill:color-mix(in srgb,currentColor 16%,transparent);stroke:currentColor;stroke-opacity:.6}.wl-short-t{fill:currentColor}.wl-short.hh,.wl-short-t.hh{color:#5ea7b7}.wl-short.sn,.wl-short-t.sn{color:#ef6fb0}.wl-short.kk,.wl-short-t.kk{color:#538bcc}:root[data-theme=light] :is(.wl-short,.wl-short-t).hh{color:#2f6b78}:root[data-theme=light] :is(.wl-short,.wl-short-t).sn{color:#c23d85}:root[data-theme=light] :is(.wl-short,.wl-short-t).kk{color:#2f5f99}.wl-pointer{fill:#fff;stroke:#111;stroke-width:1;stroke-linejoin:round}.wl-cell-bg{fill:var(--panel2);stroke:var(--line)}.wl-cell.hh{fill:#5ea7b7}.wl-cell.sn{fill:#ef6fb0}.wl-cell.kk{fill:#538bcc}:root[data-theme=light] .wl-cell.hh,:root[data-theme=light] .wl-row.r0{fill:#2f6b78}:root[data-theme=light] .wl-cell.sn,:root[data-theme=light] .wl-row.r1{fill:#c23d85}:root[data-theme=light] .wl-cell.kk,:root[data-theme=light] .wl-row.r2{fill:#2f5f99}.wl-playhead{fill:var(--accent);opacity:.8}.wl-page{fill:var(--panel2);stroke:var(--muted);stroke-width:1.4;stroke-linejoin:round}.wl-line{fill:none;stroke:var(--line);stroke-width:2;stroke-linecap:round}.wl-note{fill:var(--accent)}.wl-card-hl{fill:color-mix(in srgb,var(--accent) 14%,transparent);stroke:var(--accent);stroke-width:1.5}.wl-fill.hh{fill:#5ea7b7}.wl-fill.sn{fill:#ef6fb0}.wl-fill.kk{fill:#538bcc}:root[data-theme=light] .wl-fill.hh{fill:#2f6b78}:root[data-theme=light] .wl-fill.sn{fill:#c23d85}:root[data-theme=light] .wl-fill.kk{fill:#2f5f99}.wl-cursor{animation:wl-cursor 8s ease-in-out infinite}.wl-press{transform-box:fill-box;transform-origin:0 0;animation:wl-press 8s linear infinite}.wl-name-hl{opacity:0;animation:wl-name-hl 8s linear infinite}.wl-lib{opacity:0;animation:wl-lib 8s linear infinite}.wl-card-hl{opacity:0;animation:wl-card-hl 8s linear infinite}.wl-fill{opacity:0;animation:wl-fill 8s ease-out infinite}.wl-name0{animation:wl-name0 8s linear infinite}.wl-name1{opacity:0;animation:wl-name1 8s linear infinite}@keyframes wl-cursor{0%{transform:translate(205px,135px);opacity:0}6%{transform:translate(205px,135px);opacity:1}17%,22%{transform:translate(84px,27px);opacity:1}35%,44%{transform:translate(140px,106px);opacity:1}54%,to{transform:translate(140px,106px);opacity:0}}@keyframes wl-press{0%,18.5%,21.5%,38.5%,41.5%,to{transform:scale(1)}20%,40%{transform:scale(.82)}}@keyframes wl-name-hl{0%,15%{opacity:0}18%,21%{opacity:1}24%,to{opacity:0}}@keyframes wl-lib{0%,21%{opacity:0}24%,42%{opacity:1}46%,to{opacity:0}}@keyframes wl-card-hl{0%,33%{opacity:0}36%,42%{opacity:1}46%,to{opacity:0}}@keyframes wl-fill{0%,45%{opacity:0}50%,92%{opacity:1}97%,to{opacity:0}}@keyframes wl-name0{0%,44%{opacity:1}46%,94%{opacity:0}97%,to{opacity:1}}@keyframes wl-name1{0%,44%{opacity:0}46%,94%{opacity:1}97%,to{opacity:0}}.wl-cell{opacity:0;animation:wl-cell 6s ease-out infinite both}@keyframes wl-cell{0%{opacity:0}5%,78%{opacity:1}88%,to{opacity:0}}.wl-playhead{animation:wl-playhead 3s linear infinite}@keyframes wl-playhead{0%{transform:translate(0)}to{transform:translate(194px)}}.wl-float{animation:wl-float 2.7s ease-out infinite both}@keyframes wl-float{0%{transform:translateY(18px);opacity:0}20%{opacity:1}80%{opacity:.9}to{transform:translateY(-14px);opacity:0}}@media(prefers-reduced-motion:reduce){.welcome-dlg .wl-art *{animation:none!important}.wl-cell,.wl-fill,.wl-name1{opacity:1}.wl-name-hl,.wl-lib,.wl-card-hl,.wl-cursor,.wl-name0,.wl-playhead{opacity:0}.wl-float{opacity:1;transform:none}}.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;inset: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)}.ms-short{display:none}@media(max-width:419px){header .logo{display:none}.mode-seg button{padding:0 8px}header .auth-btn{white-space:nowrap;padding-left:8px;padding-right:8px}}@media(max-width:599px),(max-height:499px){.module-new-text{display:none}.module-new-btn{min-width:40px;min-height:40px;justify-content:center;padding:0}:root{--phone-hdr: 52px}.app{height:100dvh;padding-right:0}header{height:var(--phone-hdr);flex-wrap:nowrap;gap:8px;padding:0 calc(10px + env(safe-area-inset-right)) 0 calc(10px + env(safe-area-inset-left))}header h1{display:none}.auth-name,.auth-caret{display:none}.auth-trigger,.auth-btn,.settings-menu-trigger{min-height:40px;min-width:40px}button.side-nav-toggle{width:40px;height:40px}.module-tray{padding:10px}.mt-hint{display:none}.mt-card{width:190px;padding:8px 10px}.mt-filters button,button.mt-icon{height:36px}.mt-search{width:100%;order:10}.mode-seg button{height:34px;padding:0 10px}.editor-toolbar{padding:6px 8px}.editor-toolbar .tb-icon{min-width:40px;height:40px}button.hdr-midi{height:40px;min-width:40px;padding:0 10px;gap:6px}.hdr-midi-text{display:none}.midi-pop{position:fixed;top:calc(var(--phone-hdr) + 6px);left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));width:auto;max-height:calc(100dvh - var(--phone-hdr) - 16px - env(safe-area-inset-bottom))}button.side-nav-item{min-height:48px}button.side-nav-close{width:40px;height:40px}.auth-cloud-hint{display:none}.left{padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));gap:8px}.editor{gap:10px}.live-score,.grid-card,.module-tray{padding:10px}.ms-full{display:none}.ms-short{display:inline}.save-text{display:none}.save-state:not(.dirty){display:none}.save-main,.save-caret{min-height:40px}.save-main{padding:6px 12px}.device-warn{font-size:11px}.transport{gap:8px 10px;padding:10px}.transport button,.transport .metro-trigger{min-height:40px}.transport .bpm input[type=range]{width:110px}.transport input[type=checkbox]{width:20px;height:20px}.lib-overlay,.lt-overlay,.km-overlay,.mg-overlay,.share-mgr-overlay,.dlg-overlay:has(.pref-panel,.share-dlg,.feedback-dlg,.share-card-dlg,.report-guide){padding:0;align-items:stretch;justify-content:stretch}.lib-panel,.lib-panel.lib-panel-wide,.lib-panel.import-single,.lt-panel,.lt-panel.wide,.ks-panel,.mg-panel,.share-mgr-panel,.dlg-modal:has(.pref-panel),.dlg-modal:has(.share-dlg),.dlg-modal:has(.feedback-dlg),.dlg-modal:has(.share-card-dlg),.dlg-modal:has(.report-guide){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.mg-panel{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.pref-body{flex-direction:column;gap:10px}.pref-sidebar{flex:0 0 auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:0 0 8px}.pref-nav-item{flex:none;min-height:36px}.user-settings-panel .pref-body{height:auto}.ks-body .pref-sidebar{flex:0 0 auto}table.history-table,table.history-table tbody{display:block;border:0;background:none}table.history-table thead{display:none}table.history-table tbody tr{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:4px 10px;padding:10px 12px;margin-bottom:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px}table.history-table td{padding:0;border:0}table.history-table .history-check{grid-row:1 / span 2}table.history-table .hist-name{grid-column:2;font-weight:700}table.history-table .hist-score{grid-column:3;grid-row:1}table.history-table .hist-gradecell{grid-column:4;grid-row:1}table.history-table .hist-time{grid-column:2 / -1;grid-row:2;color:var(--muted);font-size:12px}table.history-table .hist-acc,table.history-table .hist-bpm,table.history-table .hist-loops{display:none}table.history-table .history-device{grid-column:2 / -1;color:var(--muted);font-size:12px}table.history-table .history-actions{grid-column:2 / -1;justify-content:flex-start}table.history-table .history-actions button{min-height:36px}table.history-table tbody tr:after{content:attr(data-meta);grid-column:2 / -1;grid-row:4;color:var(--muted);font-size:12px}table.history-table .history-device{grid-row:3}table.history-table .history-device.is-empty{display:none}table.history-table .history-actions{grid-row:5}.live-score-head{flex-wrap:wrap;gap:6px 8px}.live-score-tag,.dynamic-score-select{white-space:nowrap}.live-score-head button,.live-score-head select{min-height:36px}}.phone-player,.phone-live,.phone-sheet-backdrop{display:none}@media(max-width:599px),(max-height:499px){:root{--phone-player: 62px}.left{padding-bottom:0}.left:after{content:"";flex:none;height:calc(var(--phone-player) + 4px + env(safe-area-inset-bottom))}.phone-player{display:flex;align-items:center;gap:6px;position:fixed;left:0;right:0;bottom:0;z-index:54;box-sizing:border-box;height:calc(var(--phone-player) + env(safe-area-inset-bottom));padding:8px calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -6px 20px #00000059}.phone-player button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.phone-player .pp-play{flex:1 1 auto;min-width:88px;font-size:15px;font-weight:800}.phone-player .pp-play.disabled{opacity:.55}.pp-bpm{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex:none}.pp-bpm button{border:0;border-radius:0;min-width:38px;padding:0 8px;background:var(--panel2)}.pp-bpm label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2px;background:var(--well, var(--bg))}.pp-bpm input{width:46px;border:0;background:transparent;text-align:center;font-size:16px;font-weight:800;padding:0;color:var(--text);-moz-appearance:textfield}.pp-bpm input::-webkit-outer-spin-button,.pp-bpm input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pp-cap{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.5px;line-height:1}.phone-player .pp-loop{flex-direction:column;gap:1px;min-width:48px;padding:0 6px;font-size:15px;font-weight:800}.phone-player .pp-icon{padding:0}.phone-player .pp-icon.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}@media(max-width:389px){.phone-player{gap:4px}.phone-player .pp-play{min-width:72px}.pp-bpm button{min-width:34px;padding:0 6px}}@media(max-width:359px){.phone-player .pp-loop{display:none}}.transport{display:none}.editor-live-score{margin-bottom:8px}.transport.sheet-open{display:flex;position:fixed;z-index:53;left:0;right:0;bottom:calc(var(--phone-player) + env(safe-area-inset-bottom));max-height:min(70dvh,calc(100dvh - var(--phone-hdr) - var(--phone-player) - 20px));overflow-y:auto;border-radius:16px 16px 0 0;border-bottom:0;padding:16px calc(14px + env(safe-area-inset-right)) 14px calc(14px + env(safe-area-inset-left));box-shadow:0 -10px 30px #00000073}.transport.sheet-open .play-btn{display:none}.transport.sheet-open .metro{flex-direction:column;align-items:stretch;flex:1 1 100%}.transport.sheet-open .metro-pop{position:static;box-shadow:none;margin-top:8px}.editor-toolbar .transport{display:none}.editor-toolbar .transport.sheet-open{display:flex;gap:12px;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;padding:16px calc(14px + env(safe-area-inset-right)) 14px calc(14px + env(safe-area-inset-left))}.editor-toolbar .transport.sheet-open .play-btn,.editor-toolbar .transport.sheet-open .editor-practice-toggle{display:none}.editor-toolbar .transport.sheet-open .metro-text,.editor-toolbar .transport.sheet-open .loop-pill .tb-cap,.editor-toolbar .transport.sheet-open .demo-vol-label,.editor-toolbar .transport.sheet-open .demo-vol .vol-val{display:inline}.phone-sheet-backdrop{display:block;position:fixed;inset:0;z-index:52;background:#00000073}.phone-live{display:flex;align-items:center;gap:12px;position:sticky;top:-8px;z-index:20;margin:-8px 0 0;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 6px 16px #0000004d}.phone-live>div{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.pl-num{font-size:24px;font-weight:900;color:var(--accent)}.pl-num-sm{font-size:16px;font-weight:800}.pl-cap{font-size:10px;color:var(--muted)}.phone-live .pl-counts{flex-direction:row;gap:8px;font-size:13px;font-weight:800}.pl-counts .j-perfect,.pl-last.j-perfect{color:var(--judge-perfect)}.pl-counts .j-great,.pl-last.j-great{color:var(--judge-great)}.pl-counts .j-good,.pl-last.j-good{color:var(--judge-good)}.pl-counts .j-miss,.pl-last.j-miss,.pl-last.j-extra{color:var(--judge-miss)}.pl-last{margin-left:auto;font-size:13px;font-weight:900;padding:4px 10px;border-radius:999px;background:var(--panel2);animation:pl-pop .25s ease-out}@keyframes pl-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.tool-strip{position:sticky;top:-8px;z-index:20;margin:0 -2px 8px;padding:6px 4px;background:var(--panel)}.tool-strip-scroll{flex-wrap:nowrap;overflow-x:auto}.tool-strip-scroll button{min-height:40px}.tool-strip-help,button.tool-strip-icon{width:40px;min-height:40px}.live-score-head .collapse-btn,.mt-head .collapse-btn,.tool-strip-scroll button.tool-strip-collapse{width:36px;height:36px;min-height:36px}.grid-card .tool-strip{padding-left:0;padding-right:0}.tool-strip-unit select{min-height:40px}@media(max-width:359px){header{gap:4px}button.side-nav-toggle{width:36px}.mode-seg button{padding:0 6px;font-size:12px}button.hdr-midi{padding:0 8px}.hdr-midi-dot{display:none}header .auth-btn{padding-left:6px;padding-right:6px}}body:has(.phone-player) .consent-banner{bottom:calc(var(--phone-player) + 8px + env(safe-area-inset-bottom))}}@media(max-height:499px){:root{--phone-player: 52px}.phone-player{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.phone-player button{min-height:40px}}.bar-chip-inner{display:inline-flex;align-items:center;gap:6px}.bar-chip-inner{flex:1;min-width:0}.bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bar-chip-inner>*{flex:none;white-space:nowrap}.bar-chip-inner>.bar-label{flex:0 1 auto}.bar-sheet-backdrop{display:none}@media(max-width:599px),(max-height:499px){.grid-scroll,.grid{--label-w: 56px}.grid[style]{--step-w: 36px !important}.ruler,.row,.bar-header{grid-template-columns:var(--label-w) repeat(var(--steps),var(--step-w, 30px))}.cell{height:34px}.row-label{padding:4px 6px;font-weight:700}.row-name,.track-grip,.track-hide,.voice-vol{display:none!important}.row-label .row-short{display:inline-flex}.kit-settings-text{display:none}.bar-chip{height:32px;justify-content:flex-start;padding:0 2px}.bar-chip-inner{position:sticky;left:calc(var(--label-w) + 6px);padding-left:4px;flex:none}.bar-chip .bar-grip{display:none}.bar-more{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;padding:0;border-radius:6px;color:inherit}.bar-chip.selected .bar-more{border-color:#07222a;color:#07222a;background:transparent}.grid-scroll{scroll-snap-type:x proximity;scroll-padding-left:calc(var(--label-w) + 3px)}.ruler .tick.beat,.ruler .tick.bar{scroll-snap-align:start}.bar-sheet-backdrop{display:block;position:fixed;inset:0;z-index:70;background:#00000073}.bar-sheet{position:absolute;left:0;right:0;bottom:0;max-height:calc(100dvh - var(--phone-hdr) - 12px);overflow-y:auto;padding:12px calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));background:var(--panel);border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #00000080;display:flex;flex-direction:column;gap:10px}.bar-sheet-head{display:flex;align-items:center;justify-content:space-between;font-size:15px}.bar-sheet-close{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.bar-sheet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:14px}.bar-sheet-row button{min-width:72px;min-height:40px;font-weight:800;font-size:15px}.bar-sheet-row input[type=checkbox]{width:22px;height:22px}.bar-sheet-sec{font-size:12px;color:var(--muted);margin-top:2px}.bar-sheet-beats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.bar-sheet-beats label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.bar-sheet-beats select{min-height:40px;flex:1;min-width:0}.bar-sheet-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.bar-sheet-actions button{min-height:44px;font-size:14px;font-weight:700}.touch-panel{top:auto!important;bottom:calc(var(--phone-player) + env(safe-area-inset-bottom) + 6px)!important;z-index:50}.touch-head{cursor:default;padding:4px 6px 4px 10px}.touch-grip{display:none!important}.touch-resize{display:none}.touch-dock{bottom:calc(var(--phone-player) + env(safe-area-inset-bottom) + 8px);z-index:50}.touch-panel:not(.editing) .touch-reset span{display:none}.touch-body{padding:6px 8px 8px}}@media(max-height:499px){.touch-panel{left:auto!important;right:calc(8px + env(safe-area-inset-right))!important;width:min(560px,calc(100vw - 16px),(100dvh - var(--phone-hdr) - var(--phone-player) - 72px) * 600 / 330)!important}}.live-score-opts-inline{display:contents}@media(max-width:599px),(max-height:499px){.bars-count{display:none!important}.live-score-opts-btn{width:40px;min-height:36px;padding:0;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.live-score-opts-btn.on{color:var(--accent);border-color:var(--accent)}.live-score-opts{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.live-score-opts .dynamic-score-select{display:flex;align-items:center;gap:6px;flex:1 1 100%}.live-score-opts .dynamic-score-select select{flex:1;min-width:0}.live-score-opts .export-score{flex:1 1 100%;display:inline-flex;align-items:center;justify-content:center;gap:6px}}@media(max-width:599px),(max-height:499px){.touch-panel.raised{bottom:calc(8px + env(safe-area-inset-bottom))!important}.touch-dock.raised{bottom:calc(8px + env(safe-area-inset-bottom))}body:has(.touch-dock.raised) .lt-panel{padding-bottom:calc(72px + env(safe-area-inset-bottom))}body:has(.touch-panel.raised) .lt-panel{padding-bottom:calc((100vw - 32px)*.55 + 90px + env(safe-area-inset-bottom))}}@media(max-height:499px){body:has(.touch-panel.raised) .lt-panel{padding-bottom:12px;padding-right:calc(min(560px,100vw - 16px,(100dvh - 84px) * 600 / 330) + 24px)}}.grid-toggle-btn{display:none}@media(max-width:599px),(max-height:499px){.grid-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:52px;padding:0 8px}.grid-toggle-btn.on{color:var(--accent);border-color:var(--accent)}.transport.sheet-open .editor-practice-toggle{display:none}}.touch-padgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.touch-bigpad{min-height:64px;padding:4px;border-radius:12px;font-size:13px;font-weight:700;line-height:1.2;border:2px solid var(--piece);color:var(--text);background:color-mix(in srgb,var(--piece) 22%,var(--panel2));touch-action:none;user-select:none;-webkit-user-select:none}.touch-bigpad.variant{border-style:dashed;background:color-mix(in srgb,var(--piece) 10%,var(--panel2))}.touch-bigpad.lit{animation:kit-pop .18s ease-out;background:color-mix(in srgb,var(--piece) 65%,var(--panel2));box-shadow:0 0 14px var(--piece)}.touch-view{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 9px;color:var(--muted)}@media(max-width:599px)and (orientation:portrait){.touch-panel:not(.raised){left:0!important;right:0!important;width:auto!important;bottom:calc(var(--phone-player) + env(safe-area-inset-bottom))!important;border-radius:14px 14px 0 0;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -8px 24px #0006}body:has(.touch-panel:not(.raised)) .left:after{height:calc(var(--phone-player) + var(--touch-panel-h, 0px) + 4px + env(safe-area-inset-bottom))}}@media(max-height:499px){.touch-panel:not(.raised){right:0!important;bottom:calc(var(--phone-player) + env(safe-area-inset-bottom))!important;border-radius:14px 0 0;border-right:0;border-bottom:0}body:has(.touch-panel:not(.raised)) .left{padding-right:calc(var(--touch-panel-w, 0px) + 8px)}.touch-panel:not(.raised){max-height:calc(100dvh - var(--phone-hdr) - var(--phone-player) - 8px - env(safe-area-inset-bottom))}.touch-panel:not(.raised) .touch-body{overflow-y:auto;min-height:0}.touch-padgrid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.touch-bigpad{min-height:44px}}.unsaved-mark{display:none}@media(max-width:599px),(max-height:499px){.toolbar-right .save-state,.toolbar-right .tb-sep{display:none}.unsaved-mark{display:inline;color:var(--accent);margin-right:2px}}@media(max-width:599px),(max-height:499px){.report-toolbar{gap:8px;padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left))}.report-toolbar h1,.report-toolbar .report-btn-text{display:none}.report-toolbar button{white-space:nowrap;min-height:40px;padding-left:9px;padding-right:9px}.rp-panel{padding:0 12px 32px}.mt-loop-table{min-width:0;max-width:100%}.rp-table{display:block;max-width:100%;overflow-x:auto}.rp-table{font-size:12px}.rp-table th,.rp-table td{padding:6px 7px;white-space:nowrap}.rp-roll-table thead{display:none}.rp-roll-table tbody{display:block}.rp-roll-table tr{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:4px 8px;padding:8px 10px;border-bottom:1px solid var(--well-border)}.rp-roll-table tr:last-child{border-bottom:0}.rp-roll-table th,.rp-roll-table td{display:block;padding:0;border:0}.rp-roll-table .rp-voice-th{grid-column:1 / -1;border-left:0!important;padding:2px 0 4px;font-size:13px}.rp-roll-table td:nth-last-child(4){grid-column:1 / -1}.rp-roll-table td:last-child{white-space:normal;text-align:right}.rp-panel .legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.rp-panel .legend .li:first-child{grid-column:1 / -1}}.tb-break{display:none}@media(max-width:599px)and (orientation:portrait){.transport.sheet-open .tb-break{display:block;flex-basis:100%;height:0}}.chart-zoom{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;opacity:.5;transition:opacity .2s}.chart-zoom:hover,.chart-zoom:focus-within{opacity:1}.chart-zoom input[type=range]{width:120px;accent-color:var(--muted)}.chart-zoom-fit{font-size:11px;padding:2px 8px;background:transparent;color:var(--muted);border-color:var(--line)}.chart-zoom-fit:disabled{opacity:.5}.mt-chart-wrap{position:relative}.chart-zoom-corner{position:absolute;top:6px;right:10px;z-index:2;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.mt-bar-click{transition:opacity .2s ease}.chart-bar-hit{fill:var(--accent);opacity:0;cursor:pointer;transition:opacity .2s ease}.chart-bar-hit:hover{opacity:.12}.hf-pager{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 6px}.hf-pager button{font-size:12px;padding:3px 10px}.hf-pager button.on{color:var(--accent);border-color:var(--accent)}.hf-heat-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;margin-top:18px;align-items:stretch}.hf-heat-col{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:color-mix(in srgb,var(--panel2) 40%,var(--panel))}.hf-heat-col>.hf-subhead{margin-top:0}.hf-heat-row.ha-stack{grid-template-columns:minmax(0,1fr)}.hf-heat-row>*{min-width:0}.hf-heat-col .hf-subhead{margin-top:0}.hf-heat-wrap{overflow-x:auto;padding:2px}.hf-heat{display:grid;gap:4px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y}.hf-heat>*{min-width:0;overflow:hidden;box-sizing:border-box;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 4px;font-variant-numeric:tabular-nums}.hf-heat button{font:inherit;margin:0}.hf-heat-corner{font-size:11px;color:var(--muted);align-items:flex-start!important;justify-content:flex-end!important;min-height:30px}.hf-heat-h{min-height:30px;font-size:11.5px;color:var(--muted);background:none;border:1px solid transparent;white-space:nowrap}button.hf-heat-h:hover{color:var(--text);border-color:var(--line)}.hf-heat-h.sel{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.hf-heat-rowh{align-items:flex-start!important}.hf-heat-static{cursor:default}.hf-heat-cell,.hf-heat-sum{min-height:44px;color:var(--text)}.hf-heat-cell{cursor:pointer;background:var(--well);border:1px solid transparent}.hf-heat-cell:hover{border-color:var(--grid-mid)}.hf-heat-cell.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hf-heat-sum{border:1px dashed var(--line)}.hf-heat .tone-good{background:color-mix(in srgb,var(--judge-perfect) 14%,var(--panel))}.hf-heat .tone-warn{background:color-mix(in srgb,var(--warn) 16%,var(--panel))}.hf-heat .tone-bad{background:color-mix(in srgb,var(--judge-miss) 20%,var(--panel))}.hf-heat-val{font-size:14px;font-weight:700;line-height:1.2}.hf-heat .tone-good .hf-heat-val{color:var(--judge-perfect)}.hf-heat .tone-warn .hf-heat-val{color:var(--warn)}.hf-heat .tone-bad .hf-heat-val{color:var(--judge-miss)}.hf-heat-sub{font-size:10.5px;color:var(--muted);line-height:1.25;text-align:center;overflow-wrap:anywhere}.hf-heat-hint{font-size:11.5px;color:var(--muted);margin:6px 0 0;line-height:1.5}.hf-detail{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:color-mix(in srgb,var(--panel2) 40%,var(--panel));min-width:0}.hf-detail .hf-subhead{margin-top:0;flex-wrap:wrap;gap:4px 12px}.hf-detail .ha-legend{margin:4px 0 6px}.hf-detail-sum{font-size:13px;color:var(--text);margin:2px 0 4px}.hf-detail-sum b{display:block}.hf-detail-nums{display:block;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.hf-detail-scroll{max-height:400px;overflow-y:auto}.hf-kpi-hint.worse{color:var(--judge-miss)}.hf-kpi-hint.better{color:var(--judge-perfect)}.rp-grid{width:max-content}.rp-cell.cell,.rp-tick{min-width:28px}.rp-grid .rp-lbl{position:sticky;left:0;z-index:2}@media(max-width:599px),(max-height:499px){.chart-zoom input[type=range]{width:80px}}.ha-scope-all{margin-left:4px;font-size:11px;font-weight:600;color:var(--muted)}.ha-scope-chip{margin-left:6px;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;border-radius:999px;color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);animation:ha-scope-in .2s ease-out}@keyframes ha-scope-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.ha-card.ha-card-scoped{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transition:border-color .2s}.chart-bar-hit.selected{opacity:.2}.chart-bar-hit.selected:hover{opacity:.24}.ha-timeline-scroll svg{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mt-bar-click.selected{opacity:.22}.mt-bar-click.selected:hover{opacity:.26}.mt-row-selected{background:color-mix(in srgb,var(--accent) 22%,transparent)}.rp-link[data-gbar],.rp-bar-th[data-gbar]{user-select:none;-webkit-user-select:none;touch-action:manipulation}.mt-chart svg,.rp-grid{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.report-center-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 16px;border-bottom:1px solid var(--line);font-size:12.5px}.report-center-lab{color:var(--text-soft);font-weight:600}.report-center-hint{color:var(--muted);flex:1 1 260px;min-width:0}html.report-printing .report-center-bar{display:none}.report-center-bar .report-guide-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}.report-center-bar .report-guide-btn:hover{color:var(--accent)}.rf-root,.rf-details-head,.rf-center-bar,.rp-panel.rp-folded{max-width:1120px;margin-left:auto;margin-right:auto;box-sizing:border-box}.rf-root{display:flex;flex-direction:column;gap:16px;padding:22px 24px 8px}.rf-print-brand{display:none}.rf-card{display:grid;grid-template-columns:300px minmax(0,1fr);border-radius:18px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.rf-score-col{display:flex;flex-direction:column;gap:14px;padding:22px 22px 20px;background:color-mix(in srgb,var(--bg) 45%,var(--panel));border-right:1px solid var(--line);min-width:0}.rf-score-top{display:flex;gap:14px;align-items:center}.rf-ring{position:relative;width:104px;height:104px;flex:none}.rf-ring svg{display:block;width:100%;height:100%}.rf-ring-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rf-score{font-size:32px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--text)}.rf-grade{margin-top:3px;font-size:14px;font-weight:800;color:var(--rf-grade)}.rf-score-head{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.rf-meta-name{color:var(--text);font-weight:700;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.rf-grade-comment{font-size:14.5px;font-weight:800;line-height:1.35}.rf-meta{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12.5px;line-height:1.45}.rf-meta dt{color:var(--muted)}.rf-meta dd{margin:0;color:var(--text-soft);overflow-wrap:anywhere}.rf-delta{font-size:12px;font-weight:600;padding:1px 10px;border-radius:999px;background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--text-soft)}.rf-delta.up{background:color-mix(in srgb,var(--judge-perfect) 16%,transparent);color:var(--judge-perfect)}.rf-delta.down{background:color-mix(in srgb,var(--judge-good) 16%,transparent);color:var(--judge-good)}.rf-judges{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-soft)}.rf-judges-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.rf-judge-row{display:grid;grid-template-columns:64px minmax(0,1fr) 40px;gap:8px;align-items:center}.rf-judge-row b{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.rf-judge-bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.rf-judge-bar>span{display:block;height:100%;border-radius:4px}.rf-judge-extra{color:var(--muted)}.rf-main-col{display:flex;flex-direction:column;gap:16px;padding:22px 26px;min-width:0}.rf-takeaway{display:flex;flex-direction:column;gap:6px}.rf-kicker{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--accent)}.rf-headline{margin:0;font-size:26px;line-height:1.35;font-weight:900;color:var(--text)}.rf-issue{color:var(--warn)}.rf-detail{margin:0;color:var(--text-soft);font-size:14.5px;line-height:1.6}.rf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rf-metric{display:flex;flex-direction:column;gap:0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--bg) 45%,var(--panel));min-width:0}.rf-metric-label{font-size:12px;color:var(--muted)}.rf-metric-verdict{font-size:17px;font-weight:700;color:var(--text)}.rf-metric-value{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.rf-metric-verdict.tone-good{color:var(--judge-perfect)}.rf-metric-verdict.tone-warn{color:var(--warn)}.rf-metric-verdict.tone-bad{color:var(--judge-miss)}.rf-next{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.rf-next-h{margin:0;font-size:13.5px;font-weight:700;color:var(--text-soft)}.rf-action{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--bg) 45%,var(--panel))}.rf-num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--bg);font-weight:900;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.rf-action-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.rf-action-text b{color:var(--text);font-size:15px}.rf-action-text span{color:var(--text-soft);font-size:13.5px;line-height:1.5}.rf-btn{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:10px;font-weight:700;white-space:nowrap}.rf-btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.rf-btn-outline:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.rf-good{padding:12px 18px;border-radius:12px;background:color-mix(in srgb,var(--judge-perfect) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--judge-perfect) 28%,var(--line));display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px}.rf-good h3{margin:0;font-size:14px;color:var(--judge-perfect)}.rf-good ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 22px}.rf-good li{display:flex;gap:6px;align-items:center;color:var(--text-soft);font-size:14px}.rf-good li svg{flex:none;color:var(--judge-perfect)}.rf-details-head{display:flex;align-items:baseline;gap:10px;padding:18px 24px 6px}.rf-h{margin:0;font-size:17px;font-weight:700;color:var(--text)}.rf-details-hint{font-size:12.5px;color:var(--muted)}.report-center-bar.rf-center-bar{border-bottom:0;padding:4px 24px 10px}.rp-panel.rp-folded{padding:0 24px 40px}.rf-fold{border:1px solid var(--line);border-top-width:0;background:var(--bg)}.rp-folded>.rf-fold:first-of-type{border-top-width:1px;border-radius:14px 14px 0 0}.rp-folded>.rf-fold:last-of-type{border-radius:0 0 14px 14px}.rp-folded>.rf-fold:only-of-type{border-radius:14px}.rf-fold-head{width:100%;display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border:0;border-radius:0;background:var(--panel);color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:56px}.rp-folded>.rf-fold:first-of-type .rf-fold-head{border-radius:14px 14px 0 0}.rp-folded>.rf-fold:last-of-type:not(.open) .rf-fold-head{border-radius:0 0 14px 14px}.rp-folded>.rf-fold:only-of-type:not(.open) .rf-fold-head{border-radius:14px}.rf-fold-head:hover{background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.rf-dot{flex:none;margin-top:7px;width:10px;height:10px;border-radius:50%;background:var(--muted);opacity:.6}.rf-dot.tone-good{background:var(--judge-perfect);opacity:1}.rf-dot.tone-warn{background:var(--warn);opacity:1}.rf-dot.tone-bad{background:var(--judge-miss);opacity:1}.rf-fold-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.rf-fold-title{font-weight:700;color:var(--text)}.rf-fold-sum{color:var(--text-soft);font-size:13.5px}.rf-fold-act{flex:none;display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--muted);font-size:13px}.rf-fold-act svg{transition:transform .15s}.rf-fold.open .rf-fold-act svg{transform:rotate(180deg)}.rf-fold-body{padding:16px 16px 4px;border-top:1px solid var(--line)}.rf-fold-body>.rp-section>.rp-h2:first-child,.rf-fold-body .rp-sticky-header>.rp-h2:first-child{display:none}.rf-fold-body>.rp-section.rp-section-divider{margin-top:0;padding-top:0;border-top:0}@keyframes bpm-flash{0%,to{box-shadow:0 0 0 0 transparent}15%,55%{box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 75%,transparent);background:color-mix(in srgb,var(--warn) 18%,transparent)}35%,75%{box-shadow:0 0 0 7px color-mix(in srgb,var(--warn) 22%,transparent)}}.bpm-flash{animation:bpm-flash 2.4s ease-out}@media(prefers-reduced-motion:reduce){.bpm-flash{animation:none;box-shadow:0 0 0 3px var(--warn)}}@media(max-width:899px){.rf-card{grid-template-columns:minmax(0,1fr)}.rf-score-col{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:599px),(max-height:499px){.rf-root{padding:14px 12px 6px;gap:12px}.rf-score-col{padding:16px}.rf-ring{width:88px;height:88px}.rf-score{font-size:27px}.rf-main-col{padding:16px;gap:14px}.rf-headline{font-size:21px}.rf-detail{font-size:14px}.rf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-action{flex-wrap:wrap}.rf-action-text{flex-basis:calc(100% - 40px)}.rf-btn{flex:1 1 100%;justify-content:center;min-height:44px}.rf-details-head{padding-left:12px;padding-right:12px}.report-center-bar.rf-center-bar{padding:4px 12px 10px}.rp-panel.rp-folded{padding:0 12px 24px}.rf-fold-body{padding:12px 8px 4px}}html.report-printing .rf-print-brand{display:block;padding:0 24px 10px;font-size:20px;font-weight:800;color:var(--text)}html.report-printing .rf-print-brand span{color:var(--accent)}html.report-printing .rf-card{grid-template-columns:220px minmax(0,1fr)}html.report-printing .rf-score-col{border-right:1px solid var(--line);border-bottom:0}html.report-printing :is(.rf-btn,.rf-fold-act,.rf-details-hint){display:none}html.report-printing .rf-fold-head{cursor:default;min-height:0}html.report-printing :is(.rf-card,.rf-good,.rf-fold-head){break-inside:avoid}html.report-printing .rf-fold-head{break-after:avoid}.dlg-modal:has(.report-guide){width:880px;max-width:calc(100vw - 32px)}.rg-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 12px}.rg-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:7px 12px;color:var(--muted);font-size:13px;cursor:pointer}.rg-tabs button:hover{color:var(--text)}.rg-tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.rg-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 12px}.report-guide .rg-card h4{margin:0 0 6px;display:flex;align-items:baseline;gap:8px}.rg-tag{font-size:11.5px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 8px}.rg-lead{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text)}.rg-how-label{font-weight:700;color:var(--text)}.rg-grade{width:100%;max-width:460px;border-collapse:collapse;font-size:12.5px;margin:6px 0 8px}.rg-grade th,.rg-grade td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line)}.rg-grade thead th{color:var(--muted);font-weight:600;font-size:11.5px}.rg-grade tbody th{color:var(--text);font-weight:600;white-space:nowrap}.rg-grade td{color:var(--text-soft);font-variant-numeric:tabular-nums}.rg-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}.rg-formula{margin:4px 0 8px;padding:8px 10px;border-radius:8px;background:var(--panel2);font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.6}.rg-chart{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}.rg-chart-pic{background:var(--panel2);border-radius:8px;padding:6px}.rg-chart-pic .rg-pic{max-width:none;margin:0}.rg-card>.rg-pic{max-width:460px;margin:8px 0 10px}.rg-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px;line-height:1.6;color:var(--text-soft)}.rg-notes li{display:flex;gap:7px;align-items:flex-start}.rg-num{flex:none;width:17px;height:17px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.rg-callout circle{fill:var(--accent);stroke:var(--panel2);stroke-width:1.5}.rg-callout text{fill:var(--bg)}.rg-read{margin:8px 0 0;padding:7px 10px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:12.5px;line-height:1.65;color:var(--text-soft);border-radius:0 6px 6px 0}.rg-list{margin:0;padding-left:18px;font-size:13px;line-height:1.7;color:var(--text-soft)}@media(max-width:720px){.rg-chart{grid-template-columns:1fr}}@media(max-width:599px),(max-height:499px){.dlg-modal:has(.report-guide){width:100vw;max-width:100vw}}.report-guide h3{margin:0 0 10px;font-size:17px}.report-guide h4{margin:16px 0 6px;font-size:14px;color:var(--accent)}.report-guide .rg-p{margin:0 0 6px;font-size:13px;line-height:1.7;color:var(--text-soft)}.report-guide .rg-muted{color:var(--muted);font-size:12.5px}.rg-defs{margin:0 0 8px;font-size:13px;line-height:1.7}.rg-defs dt{font-weight:700;color:var(--text);margin-top:6px}.rg-defs dd{margin:0;color:var(--text-soft)}.rg-pic{display:block;width:100%;max-width:420px;margin:6px auto 10px}.rg-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:6px}.rg-table th,.rg-table td{text-align:left;vertical-align:top;padding:6px 8px;border-bottom:1px solid var(--line);line-height:1.55}.rg-table th{width:34%;color:var(--text);font-weight:600}.rg-table td{color:var(--text-soft)}.report-panel-toggle{gap:6px}.report-panel-toggle.on{color:var(--accent);border-color:var(--accent)}.report-switch{position:relative;width:26px;height:14px;border-radius:999px;background:var(--line);transition:background .2s;flex:none}.report-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text);transition:transform .2s}.report-switch.on{background:var(--accent-fill)}.report-switch.on:after{transform:translate(12px);background:#07222a}.bar-replay{display:grid;grid-template-rows:1fr;margin:12px 0 16px;animation:bar-replay-in .2s ease-out}@keyframes bar-replay-in{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}.bar-replay-inner{min-height:0;min-width:0;background:var(--panel);border:1px solid color-mix(in srgb,#f2c14e 45%,var(--line));border-radius:14px}.bar-replay.opening .bar-replay-inner{overflow:hidden}.bar-replay-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 6px 6px 12px;border-bottom:1px solid var(--line);color:var(--accent)}.bar-panel-title{font-size:13px;font-weight:700;color:var(--text)}.bar-panel-count{font-size:11px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:1px 8px;border-radius:999px}.bar-panel-spacer{flex:1}.bar-replay-head button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:30px;padding:0;color:var(--muted);background:transparent}.bar-replay-head button:hover:not(:disabled){color:var(--text)}.bar-replay-head button:disabled{opacity:.35;cursor:default}.bar-replay-nav{font-size:20px;line-height:1;font-weight:700}.bar-replay-body{min-width:0;padding:10px 12px 12px}.bar-panel-toolbar{margin-top:0}.rp-loop.rp-loop-panel{margin:10px 0 0}@media(prefers-reduced-motion:reduce){.bar-replay{animation:none}}.rp-replay-hint{font-size:12px;font-weight:400;color:var(--muted);opacity:.85;white-space:nowrap}.rp-hint-row{display:flex;justify-content:flex-end;margin:2px 0 4px}.rp-h3.rp-h3-hint{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}.ha-timeline-head .rp-replay-hint{margin-left:auto;margin-right:12px}.hf-subhead .rp-replay-hint{margin-left:12px}.rp-panel [data-gbar]{cursor:pointer}.rp-hover-box{position:fixed;z-index:90;pointer-events:none;box-sizing:border-box;border:1.5px dashed var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,transparent);animation:rp-hover-in .12s ease-out}@keyframes rp-hover-in{0%{opacity:0}to{opacity:1}}.rp-hover-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:2px;box-sizing:border-box;background:var(--accent);color:#07222a;box-shadow:0 2px 10px #00000059}.rp-hover-label{position:absolute;left:50%;bottom:calc(50% + 22px);transform:translate(-50%);white-space:nowrap;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text);background:var(--panel2);border:1px solid var(--line);box-shadow:0 4px 14px #00000059}.rp-hover-box.wide .rp-hover-btn{left:22px;width:24px;height:24px}.rp-hover-box.wide .rp-hover-label{left:42px;top:50%;bottom:auto;transform:translateY(-50%)}@media(hover:none){.rp-replay-hint-multi{display:none}}@media(hover:none){.mt-bar-click:hover:not(.selected),.chart-bar-hit:hover:not(.selected){opacity:0}.mt-row-pick:hover:not(.mt-row-selected){background:transparent}}.mt-bar-click.selected,.chart-bar-hit.selected,.mt-bar-click.selected:hover,.chart-bar-hit.selected:hover{opacity:1;fill-opacity:.2;stroke:#f2c14e;stroke-width:2}.mt-row-selected{outline:2px solid #f2c14e;outline-offset:-2px}.hf-heat-cell.sel{border-color:#f2c14e;box-shadow:0 0 0 1px #f2c14e}.tl-bar-h.rp-selected{box-shadow:inset 0 0 0 2px #f2c14e}.mt-row-pick{cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s}.mt-row-pick>th{font-weight:600;color:var(--text)}.rp-content-pick{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.rp-content-pick button{border:0;border-radius:0;padding:5px 10px;font-size:12px;background:transparent;color:var(--muted)}.rp-content-pick button+button{border-left:1px solid var(--line)}.rp-content-pick button.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-weight:700}.bar-panel-legend .legend{display:flex;gap:6px 14px;flex-wrap:wrap;margin:10px 0 2px;font-size:11px;color:var(--text-soft)}.bar-panel-legend .legend .li{display:flex;align-items:center;gap:5px}.bar-panel-legend .legend .rng{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.bar-panel-legend .legend .frame{width:12px;height:12px;border-radius:3px;display:inline-block}.mt-row-pick:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}.mt-row-pick.mt-row-selected:hover{background:color-mix(in srgb,var(--accent) 26%,transparent)}.rp-roll-table .rp-voice-th{cursor:default}.rp-roll-table tr.mt-row-pick:hover,.rp-roll-table tr.mt-row-pick.mt-row-selected{background:transparent}.rp-roll-table tr.mt-row-pick:has(>td:hover)>td{background:color-mix(in srgb,var(--accent) 9%,transparent)}.rp-roll-table tr.mt-row-selected>td{background:color-mix(in srgb,var(--accent) 22%,transparent)}.rp-roll-table tr.mt-row-selected:has(>td:hover)>td{background:color-mix(in srgb,var(--accent) 26%,transparent)}.rp-roll-pos{color:var(--text-soft);white-space:nowrap}.rp-sparkline{display:block}.rp-table .rp-badge{white-space:nowrap}.rp-loop-panel .rp-cell.cell:not(.v0){cursor:pointer}.rp-loop-panel .rp-cell.cell:not(.v0):active{filter:brightness(1.35)}.rp-bar-staff.clickable .vf-stavenote,.rp-bar-staff.clickable .vf-notehead{cursor:pointer}.share-practice-list{margin:4px 0 2px 24px;padding:0;list-style:disc;font-size:12.5px;color:var(--text-soft);line-height:1.7;transition:opacity .15s}.share-practice-list.off{opacity:.45}.import-practice{margin:10px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.import-practice .dlg-hint{margin:4px 0 0}.metro-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.metro-row>label{flex:1;min-width:0}.metro-pin{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;padding:0;border-radius:6px;background:transparent;color:var(--muted);border-color:var(--line)}.metro-pin:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.metro-pin.on{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,var(--line));background:color-mix(in srgb,var(--warn) 12%,transparent)}.metro-pin-hint{margin:0 0 4px;font-size:11px;color:var(--muted)}.import-practice-title{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.metro-trigger.has-remembered,.pp-icon.has-remembered{position:relative}.metro-trigger.has-remembered:after,.pp-icon.has-remembered:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--warn)}.hf-heat .hf-heat-h{font-size:12px;font-weight:600}.hf-heat .hf-heat-corner{font-size:11px}html.report-printing .report-body{width:703px;flex:none;margin:0 auto}html.report-printing :is(.hf-body,.ha-row2,.ha-card1-body){flex-direction:column;gap:14px}html.report-printing :is(.hf-body .hf-side,.ha-card1-body .ha-card1-side){flex:none;width:100%}html.report-printing .hf-heat-row{grid-template-columns:minmax(0,1fr)}html.report-printing :is(.mt-chart,.rp-loop,.hf-detail-scroll){overflow:visible;max-height:none}@media print{@page{size:A4;margin:0}html.report-printing .report-body{padding:12mm 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}html.report-printing body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--bg);-webkit-print-color-adjust:exact;print-color-adjust:exact}html.report-printing[data-theme=light]{--bg: #ffffff}html.report-printing,html.report-printing body{background:var(--bg);height:auto;overflow:visible}html.report-printing *{-webkit-print-color-adjust:exact;print-color-adjust:exact}html.report-printing .report-view{position:static;display:block;background:var(--bg)}html.report-printing .report-toolbar{display:none}html.report-printing .report-body{overflow:visible}html.report-printing :is(.chart-zoom-corner,.chart-zoom,.rp-toolbar,.rp-roll-filter,.hf-pager,.rp-voice-sm,.ha-scope-chip,.bar-replay,.rp-replay-hint,.bar-panel,.bar-panel-dock,.busy-overlay,.consent-banner,.toast-warn,.dlg-overlay){display:none!important}html.report-printing .rp-sticky-header{position:static}html.report-printing :is(.ha-conclusion,.hf-kpi-grid,.ha-stat-grid,.ha-stat,.rp-table tr,.mt-chart-wrap,.mt-loop-table,.rp-loop,.hf-heat,.rp-sticky-header,.rp-desc,.print-keep){break-inside:avoid}html.report-printing :is(h2,h3,h4,.ha-card-h,.rp-desc,.ha-legend,.rp-sticky-header){break-after:avoid}html.report-printing .rp-track-section{zoom:.8}html.report-printing .rp-lbl{min-width:96px}html.report-printing :is(.rp-cell.cell,.rp-tick){min-width:20px;width:20px}html.report-printing .rp-cell.cell{height:20px}}.print-bg-dlg h3{margin:0 0 12px}.print-bg-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.print-bg-opt{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.print-bg-opt.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.print-bg-opt input{position:absolute;opacity:0;pointer-events:none}.print-bg-opt svg{flex:none}.print-bg-opt span{display:flex;flex-direction:column;gap:2px;font-size:13px}.print-bg-opt small{color:var(--muted);font-size:12px;line-height:1.4}.print-bg-note{font-size:12px;color:var(--muted);margin:12px 0 0}@media(max-width:599px){.print-bg-opts{grid-template-columns:1fr}}.rp-vel-uniform{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--text-soft);background:color-mix(in srgb,var(--warn) 10%,transparent);border-left:3px solid var(--warn)}.rp-vel-uniform svg{flex:none;color:var(--warn)}.dlg-modal:has(.share-card-dlg){width:760px;max-width:calc(100vw - 32px)}.scd-body{display:flex;gap:22px;align-items:flex-start}.scd-preview{flex:none;width:300px;display:flex;justify-content:center}.scd-preview img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 28px #0008}.scd-preview.story img{max-height:62vh;width:auto;max-width:100%}.scd-loading{width:100%;aspect-ratio:9 / 16;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--panel);color:var(--muted);font-size:13px}.scd-preview.post .scd-loading{aspect-ratio:4 / 5}.scd-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.scd-opt{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.scd-hint{font-size:12.5px;color:var(--muted);margin:0;line-height:1.6}.scd-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}@media(max-width:599px),(max-height:499px){.dlg-modal:has(.share-card-dlg){width:100vw;max-width:100vw}.scd-body{flex-direction:column;align-items:stretch}.scd-preview{width:100%}.scd-preview.story img{max-height:52vh}}.plans-page{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.plans-page .report-toolbar button.primary{font-weight:700}.plans-body{flex:1;overflow-y:auto;padding:20px 24px 40px;display:flex;flex-direction:column;gap:18px;max-width:1280px;width:100%;box-sizing:border-box;margin:0 auto}.plans-error{color:var(--judge-miss)}.plans-muted{font-size:12px;color:var(--muted)}.plans-card{padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);box-sizing:border-box}.plans-card h2,.plans-h2{margin:0;font-size:17px}.plans-h2{margin-bottom:12px}.plans-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:2px}.plans-dot.big{width:10px;height:10px;border-radius:3px}.plans-bar{height:5px;border-radius:3px;background:var(--line);overflow:hidden}.plans-bar span{display:block;height:100%;border-radius:3px;background:var(--accent)}.plans-link{border:none;background:none;color:var(--accent);padding:0;font-size:13px;cursor:pointer;margin-left:auto}.plans-seg{display:inline-flex;padding:2px;gap:2px;border-radius:8px;border:1px solid var(--line);background:var(--well);align-self:flex-start}.plans-seg button{padding:5px 12px;font-size:13px;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.plans-seg button.on{background:var(--accent-fill);color:#07222a;font-weight:700}.plans-body{container:plans-body / inline-size}.pp-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:14px;align-items:stretch}@container plans-body (max-width: 900px){.pp-row{grid-template-columns:minmax(0,1fr)}}.pp-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pp-card-head h2{font-size:16px}.pp-head-icon{display:inline-flex;color:var(--text)}.pp-head-sub{font-size:12px;color:var(--muted)}.pp-head-right{margin-left:auto;display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.pp-back{margin-left:4px}.pp-streak{display:inline-flex;align-items:center;gap:4px;color:var(--warn);font-weight:700}.pp-none{padding:8px 0}.pp-today{display:flex;flex-direction:column;container-type:inline-size}.pp-today-body{display:flex;align-items:center;gap:22px;flex:1 1 0;height:0;min-height:140px}.pp-ring{position:relative;flex:none;width:112px;height:112px}.pp-ring svg{width:100%;height:100%;display:block}.pp-ring-track{fill:none;stroke:var(--line);stroke-width:9}.pp-ring-val{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .4s ease}.pp-ring.done .pp-ring-val{stroke:var(--judge-perfect)}.pp-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}.pp-ring-text b{font-size:22px;font-weight:800;color:var(--accent)}.pp-ring.done .pp-ring-text b{color:var(--judge-perfect)}.pp-ring-text span{font-size:10px;color:var(--muted)}.pp-items{flex:1;min-width:0;align-self:stretch;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:2px 6px 14px 2px;display:flex;flex-direction:column;justify-content:safe center;gap:6px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}.pp-items::-webkit-scrollbar{width:6px}.pp-items::-webkit-scrollbar-thumb{border-radius:3px;background:color-mix(in srgb,var(--muted) 45%,transparent)}.pp-items::-webkit-scrollbar-button{display:none}.pp-item{position:relative;flex:none;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 10px 8px 16px;border-radius:10px;overflow:hidden;background:var(--panel2);transition:background .15s}.pp-item:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--plan-c, var(--line))}.pp-item:hover{background:color-mix(in srgb,var(--text) 4%,var(--panel2))}.pp-item.done{background:color-mix(in srgb,var(--judge-perfect) 10%,var(--panel2))}.pp-item.partial:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:calc(100% * var(--pct, 0));background:var(--plan-c, var(--accent));opacity:.85}.pp-check{position:relative;flex:none;display:inline-flex;cursor:pointer}.pp-check input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.pp-check-box{width:20px;height:20px;border-radius:6px;border:1.5px solid color-mix(in srgb,var(--muted) 70%,transparent);display:inline-flex;align-items:center;justify-content:center;color:transparent;box-sizing:border-box;transition:background .15s,border-color .15s}.pp-check:hover .pp-check-box{border-color:var(--text)}.pp-check input:checked+.pp-check-box{background:var(--judge-perfect);border-color:var(--judge-perfect);color:#fff}.pp-check input:focus-visible+.pp-check-box{outline:2px solid var(--accent);outline-offset:2px}.pp-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pp-item-name{font-size:14px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-item.done .pp-item-name{color:var(--judge-perfect)}.pp-item-sub{display:flex;align-items:center;gap:0;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap}.pp-item-sub>span+span:before{content:"·";margin:0 8px;opacity:.6}.pp-item-sub b{color:var(--text);font-weight:700;margin-right:2px}.pp-meta-min{display:inline-flex;align-items:center;gap:4px;flex:none}.pp-meta-min svg{flex:none;opacity:.8}.pp-meta-bpm{flex:none}.pp-item-note{min-width:0;overflow:hidden;text-overflow:ellipsis}.pp-item-start{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:700}.pp-item-start:not(.primary){background:transparent}@container (max-width: 420px){.pp-today-body{flex-direction:column;align-items:stretch;gap:14px}.pp-ring{align-self:center}}@container plans-body (max-width: 900px){.pp-today-body{flex:none;height:auto;min-height:0}.pp-items{overflow:visible;justify-content:flex-start;padding-right:0}}.pp-cal{display:flex;flex-direction:column;container-type:inline-size}.pp-nav{width:28px;height:28px;padding:0;border-radius:8px;font-size:15px;line-height:1}.pp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.pp-wd{text-align:center;font-size:11px;color:var(--muted);padding-bottom:2px}.pp-day{--day-c: transparent;height:38px;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:700;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer}.pp-day:hover{border-color:var(--line)}.pp-day.s-done{--day-c: var(--judge-perfect)}.pp-day.s-partial{--day-c: var(--accent)}.pp-day.s-planned{--day-c: var(--warn)}.pp-day.s-missed{--day-c: var(--judge-miss)}.pp-day:is(.s-done,.s-partial,.s-planned,.s-missed){color:var(--day-c);border-color:color-mix(in srgb,var(--day-c) 45%,transparent);background:color-mix(in srgb,var(--day-c) 14%,transparent)}.pp-day.today{box-shadow:0 0 0 2px var(--accent)}.pp-day.sel:not(.today){box-shadow:0 0 0 2px var(--text)}.pp-day.out{opacity:.3}.pp-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:11px;color:var(--muted)}.pp-legend span{display:inline-flex;align-items:center;gap:5px}.pp-legend i{width:7px;height:7px;border-radius:50%}.pp-legend .s-done i{background:var(--judge-perfect)}.pp-legend .s-partial i{background:var(--accent)}.pp-legend .s-planned i{background:var(--warn)}.pp-legend .s-missed i{background:var(--judge-miss)}.pp-unit{margin-right:4px}.pp-unit button{padding:3px 10px;font-size:12px}.pp-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;flex:1}.pp-week-day{--day-c: var(--line);display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;min-height:180px;padding:8px 6px;border-radius:10px;text-align:left;cursor:pointer;border:1px solid var(--line);border-top:3px solid var(--day-c);background:var(--panel2);color:var(--text)}.pp-week-day.s-done{--day-c: var(--judge-perfect)}.pp-week-day.s-partial{--day-c: var(--accent)}.pp-week-day.s-planned{--day-c: var(--warn)}.pp-week-day.s-missed{--day-c: var(--judge-miss)}.pp-week-day.today{box-shadow:0 0 0 2px var(--accent)}.pp-week-day.sel:not(.today){box-shadow:0 0 0 2px var(--text)}.pp-week-date{display:flex;align-items:baseline;justify-content:center;gap:4px;font-size:11px;color:var(--muted)}.pp-week-date b{font-size:16px;color:var(--text)}.pp-week-items{display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.35}.pp-week-items>span{display:flex;align-items:flex-start;gap:4px;padding:3px 5px;border-radius:6px;background:var(--well);overflow:hidden;overflow-wrap:anywhere}.pp-week-items .plans-dot{margin-top:4px}.pp-week-items .done{color:var(--judge-perfect)}.pp-week-items>.pp-week-rest{background:none;color:var(--muted);justify-content:center}.pp-plan.draggable{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pp-plan.dragging{opacity:.45}.pp-day.drop-ok,.pp-week-day.drop-ok{box-shadow:0 0 0 2px var(--judge-perfect);background:color-mix(in srgb,var(--judge-perfect) 22%,transparent)}.pp-day.drop-no,.pp-week-day.drop-no{box-shadow:0 0 0 2px var(--judge-miss)}.pp-drag-ghost{position:fixed;z-index:1200;pointer-events:none;transform:translate(12px,12px);display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap;background:var(--panel2);color:var(--text);border:1px solid var(--accent);box-shadow:0 10px 28px #00000073}.pp-drag-hint{font-size:11px;font-weight:500;color:var(--muted)}body:has(.pp-drag-ghost){cursor:grabbing}.pp-extra{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;color:var(--muted)}.pp-extra-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}.pp-extra-chip button{width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:14px;line-height:1;cursor:pointer}.pp-extra-chip button:hover{background:var(--well);color:var(--text)}@container (max-width: 560px){.pp-week{grid-template-columns:minmax(0,1fr);gap:5px}.pp-week-day{flex-direction:row;align-items:center;min-height:0;padding:6px 10px;border-top-width:1px;border-left:3px solid var(--day-c)}.pp-week-date{flex:none;width:52px;justify-content:flex-start}.pp-week-items{flex:1;min-width:0}.pp-week-items>span{padding:2px 6px}.pp-week-items>.pp-week-rest{justify-content:flex-start}}.pp-mine-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pp-mine-head h2{margin:0;font-size:16px}.pp-new{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700}.pp-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.pp-plan{display:flex;flex-direction:column;gap:10px}.pp-plans.flash .pp-plan{animation:pp-flash 1.2s ease-out}@keyframes pp-flash{0%,40%{box-shadow:0 0 0 2px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}to{box-shadow:none}}.pp-plan.next{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.pp-plan-head{display:flex;align-items:center;gap:8px}.pp-plan-head h3{flex:1;min-width:0;margin:0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-pill{flex:none;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.pp-pill.done{color:var(--judge-perfect);border-color:color-mix(in srgb,var(--judge-perfect) 50%,transparent);background:color-mix(in srgb,var(--judge-perfect) 12%,transparent)}.pp-pill.progress{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.pp-pill:is(.idle,.off){color:var(--muted);padding:2px 0}.pp-pill.paused{color:var(--muted);background:var(--well)}.pp-plan-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.pp-plan-desc{margin:0;font-size:12px;color:var(--muted);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-line}.pp-plan-prog{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.pp-plan-prog>span{flex:none}.pp-plan-prog .plans-bar{flex:1}.pp-plan-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.pp-plan-actions button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600}.pp-plan-actions .pp-start{margin-left:auto}.plan-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#000a;animation:plan-modal-fade .15s ease-out}@keyframes plan-modal-fade{0%{opacity:0}to{opacity:1}}.plan-modal{width:min(1120px,100%);height:min(860px,100%);display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--text);box-shadow:0 24px 60px #00000080;overflow:hidden}.plan-modal-head{flex:none;display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--panel)}.plan-modal-head h2{flex:1;margin:0;font-size:17px}.plan-modal-close{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.plan-modal-foot{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:var(--panel)}.plan-modal-foot .plan-modal-spacer{flex:1}.plan-modal-foot .plan-problem{flex:1 1 200px}.plan-modal-foot .plan-problem+.plan-modal-spacer{display:none}.plan-edit{flex:1;min-height:0;display:flex;align-items:stretch}.plan-edit-main{flex:1 1 auto;min-width:0;overflow-y:auto;padding:18px 20px 28px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}:root[data-theme=light] .plan-period input[type=date]{color-scheme:light}.plan-add{margin-left:auto;border-color:var(--accent);color:var(--accent);font-weight:700}.plan-problem{margin:0;color:var(--judge-miss);font-size:14px;font-weight:600}.plan-delete{color:var(--judge-miss);border-color:color-mix(in srgb,var(--judge-miss) 50%,var(--line))}.plan-delete:hover{background:var(--judge-miss);color:#fff}.plan-session-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:12px;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-size:13px}.plan-session-bar.done{border-color:color-mix(in srgb,var(--judge-perfect) 55%,var(--line));background:color-mix(in srgb,var(--judge-perfect) 10%,var(--panel))}.plan-session-tag{padding:2px 8px;border-radius:999px;background:var(--accent-fill);color:#07222a;font-size:11px;font-weight:700}.plan-session-meta{color:var(--muted)}.plan-session-bar button{margin-left:auto;padding:4px 10px;font-size:12px}.plan-session-bar .plan-session-close{margin-left:0;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}@media(max-width:599px),(max-height:499px){.plans-body,.plan-edit-main{padding:14px 12px 32px}.pp-row{grid-template-columns:minmax(0,1fr)}.pp-today-body{flex-direction:column;align-items:stretch;gap:14px}.pp-ring{align-self:center}.pp-item-start{height:36px}.pp-plan-actions button{min-height:40px}.plan-modal-overlay{padding:0}.plan-modal{width:100%;height:100%;border-radius:0;border:none}.plan-modal-head{padding-top:calc(12px + env(safe-area-inset-top))}.plan-modal-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.plan-edit{flex-direction:column;overflow-y:auto}.plan-edit-main{overflow:visible;flex:none}.plans-page .report-toolbar{flex-wrap:wrap}}.page-host{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.page-host>:is(.report-view,.plans-page){position:relative;inset:auto;z-index:auto;flex:1;min-height:0}html.report-printing .app-subpage>:is(header,.verify-banner){display:none}html.report-printing .app-subpage .side-nav{display:none}@media print{html.report-printing :is(.app-subpage,.app-subpage>main,.page-host){display:block;height:auto;overflow:visible}}.hdr-page-title{margin:0;font-size:16px;font-weight:800;white-space:nowrap}.hdr-page-slot{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}.header-spacer.with-slot{flex:0 0 0}.hdr-page-slot .spacer{flex:1}.hdr-page-slot button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;white-space:nowrap}.hdr-page-slot button.primary{font-weight:700}@media(max-width:599px),(max-height:499px){header:has(.hdr-page-slot){height:auto;min-height:var(--phone-hdr);flex-wrap:wrap;row-gap:0;padding-top:6px;padding-bottom:6px}.hdr-page-slot{gap:6px;order:10;flex-basis:100%}.hdr-sep-slot{display:none}.header-spacer.with-slot{flex:1 1 auto}.hdr-page-slot .report-btn-text,.hdr-page-slot .history-selected-count{display:none}.hdr-page-slot .hdr-page-title{font-size:15px}.hdr-page-slot button{width:40px;height:40px;padding:0;justify-content:center}.hdr-page-slot .report-panel-toggle{width:auto;padding:0 9px}}.history-bulk{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.history-bulk .history-selected-count.is-empty{visibility:hidden}.history-bulk button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500}.hdr-page-slot .history-bulk-hdr{display:none}@media(max-width:599px),(max-height:499px){.hdr-page-slot .history-bulk-hdr{display:inline-flex}}.plans-hero{--hero-c: var(--accent);position:relative;flex:none;display:flex;align-items:center;gap:14px 32px;padding:22px 28px;border-radius:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--hero-c) 28%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--hero-c) 10%,var(--panel)) 0%,var(--panel) 70%)}.plans-hero.g-done{--hero-c: var(--judge-perfect)}.plans-hero.g-behind{--hero-c: var(--warn)}.plans-hero.g-rest{--hero-c: var(--muted)}.plans-hero-text{flex:1;min-width:0;position:relative;z-index:1}.plans-hero-kicker{font-size:12px;font-weight:700;color:var(--hero-c);letter-spacing:.02em}.plans-hero-title{margin:6px 0 0;font-size:22px;font-weight:800;line-height:1.35}.plans-hero-name{color:var(--accent)}.plans-hero-sub{font-size:13px;color:var(--muted)}.ph-week{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ph-days{display:flex;gap:8px}.ph-day{display:flex;flex-direction:column;align-items:center;gap:6px;width:30px}.ph-wd{font-size:11px;line-height:1;color:var(--muted)}.ph-day.today .ph-wd{color:#f2c14e;font-weight:800}.ph-dot{width:30px;height:26px;padding:0;border:0;border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.ph-dot:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.ph-mark,.ph-lg{--c: var(--line);display:block;box-sizing:border-box;width:15px;height:15px;border-radius:50%;border:2px solid var(--c);position:relative}.s-done>.ph-mark,.ph-lg.s-done{--c: var(--judge-perfect);background:var(--c)}.s-partial>.ph-mark,.ph-lg.s-partial{--c: var(--accent);background:linear-gradient(90deg,var(--c) 50%,transparent 50%)}.s-planned>.ph-mark,.ph-lg.s-planned{--c: var(--warn)}.s-missed>.ph-mark{--c: var(--judge-miss)}.s-missed>.ph-mark:after{content:"";position:absolute;inset:2px;background:linear-gradient(45deg,transparent 43%,var(--c) 43% 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--c) 43% 57%,transparent 57%)}.s-rest>.ph-mark{width:6px;height:6px;border:0;background:color-mix(in srgb,var(--muted) 45%,transparent)}.ph-day.today .ph-mark,.ph-lg.today{box-shadow:0 0 0 2px var(--panel),0 0 0 4px #f2c14e}.ph-day.today .s-rest>.ph-mark{width:9px;height:9px}.ph-lg{width:9px;height:9px;border-width:1.5px}.ph-lg.today{--c: transparent;width:5px;height:5px;margin:0 3px;border:0;background:var(--muted);box-shadow:0 0 0 2px var(--panel),0 0 0 3.5px #f2c14e}.ph-legend{display:flex;gap:16px;font-size:11.5px;color:var(--muted);white-space:nowrap}.ph-legend span{display:inline-flex;align-items:center;gap:6px}@media(max-width:900px){.plans-hero{flex-wrap:wrap}.ph-week{align-items:flex-start;flex-basis:100%}}.plans-rest{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 12px;color:var(--muted)}.plans-rest svg{color:var(--accent);opacity:.8}.plans-rest h3{margin:0;font-size:16px;color:var(--text)}.plans-rest p{margin:0;font-size:14px}.plans-rest-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}@media(max-width:599px),(max-height:499px){.plans-hero{padding:10px 14px;align-items:flex-start}.plans-hero-title{font-size:17px}.ph-days{gap:4px}.ph-day{width:26px;gap:4px}.ph-dot{width:26px;height:22px}.ph-mark{width:12px;height:12px}.ph-legend{display:none}}.plan-modal{font-size:13px}.plan-modal-head h2{font-size:16px}.plan-modal-foot button{padding:6px 14px;font-size:13px}.mp-overlay{z-index:110}.mp-panel{padding-bottom:12px}.mp-panel .lib-row{cursor:pointer}.mp-foot{flex:none;display:flex;align-items:center;gap:10px;padding-top:12px;margin-top:8px;border-top:1px solid var(--line)}.mp-count{flex:1;font-size:13px;color:var(--muted)}.mp-foot button{padding:7px 16px;font-size:13px}.plan-modal{width:min(820px,100%)}.plan-modal{width:min(760px,100%);background:#12141a}.plan-modal-head{align-items:flex-start;padding:16px 20px 14px;background:var(--panel)}.pe-head-text{flex:1;min-width:0}.pe-head-text h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}.pe-head-text p{margin:4px 0 0;font-size:12px;color:var(--muted)}.pe-head-chip{padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.plan-modal .plan-edit-main{gap:12px;padding:14px 16px 20px}.pe-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.pe-card-head{display:flex;align-items:center;gap:8px}.pe-card-head h3{margin:0;font-size:14px}.pe-card-hint{margin-left:auto;font-size:11px;color:var(--muted);text-align:right}.pe-card-icon{flex:none;width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;--ic: var(--accent);color:var(--ic);background:color-mix(in srgb,var(--ic) 16%,transparent)}.pe-card-icon.warn{--ic: var(--warn)}.pe-card-icon.good{--ic: var(--judge-perfect)}.pe-card-head .plan-add{margin-left:auto;padding:5px 12px;font-size:12px;font-weight:700;border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.pe-field{display:flex;flex-direction:column;gap:6px;min-width:0}.pe-grow{flex:1 1 auto;min-width:0}.pe-label{font-size:12px;font-weight:600;color:var(--text)}.pe-req{font-style:normal;color:var(--accent)}.pe-sub{display:flex;flex-direction:column;gap:4px;min-width:0}.pe-sub small{font-size:11px;color:var(--muted)}.plan-modal :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;height:34px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--muted) 35%,var(--line));background:#0f1218;color:var(--text);font:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.plan-modal .pe-field textarea{height:auto;min-height:58px;padding:8px 10px;line-height:1.55;resize:vertical}.plan-modal :is(input:not([type=checkbox]),textarea,select):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.plan-modal input[type=date]{color-scheme:dark}.plan-modal input::placeholder,.plan-modal textarea::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}.pe-basic-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.pe-basic-row .pe-grow{flex:1 1 260px}.pe-colors{display:flex;gap:7px;height:34px;align-items:center}.pe-colors button{width:26px;height:26px;padding:0;border-radius:8px;border:none;display:inline-flex;align-items:center;justify-content:center;color:#0b1016;cursor:pointer;transition:transform .12s}.pe-colors button:hover{transform:scale(1.08)}.pe-colors button.on{box-shadow:0 0 0 2px #12141a,0 0 0 4px var(--text)}.pe-freq{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pe-freq .plans-seg button{padding:5px 12px;font-size:12px}.pe-days{display:flex;gap:6px;flex-wrap:wrap}.pe-days button{width:30px;height:30px;padding:0;border-radius:50%;font-size:12px;font-weight:700;color:var(--muted);background:transparent;border:1px solid var(--line)}.pe-days button.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.pe-period{display:flex;align-items:flex-end;gap:10px 14px;flex-wrap:wrap}.pe-period input[type=date]{width:160px}.pe-weeks{display:inline-flex;align-items:center;gap:8px;font-size:13px}.plan-modal .pe-weeks input{width:56px;padding:0;text-align:center;font-weight:700;-moz-appearance:textfield;appearance:textfield}.plan-modal .pe-weeks input::-webkit-inner-spin-button,.plan-modal .pe-weeks input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pe-end{display:flex;align-items:center;gap:8px;height:34px;min-width:180px;padding:0 10px;box-sizing:border-box;border-radius:8px;border:1px dashed var(--line);background:color-mix(in srgb,var(--well) 60%,transparent);font-size:13px;color:var(--muted)}.pe-end b{color:var(--text)}.pe-auto{margin-left:auto;font-size:11px;color:var(--muted)}.pe-check{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:2px;font-size:12px;color:var(--muted);cursor:pointer}.pe-check input{width:15px;height:15px;margin:0;accent-color:var(--accent)}.pe-info{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#12141a;font-size:12px;color:var(--muted)}.pe-info svg{flex:none}.pe-info b{color:var(--accent)}.pe-item{position:relative;display:flex;gap:12px;padding:12px 44px 12px 12px;border-radius:10px;border:1px solid var(--line);background:#12141a}.pe-item-order{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:700}.pe-item-order button{width:22px;height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:5px}.pe-item-order span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.pe-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.pe-item-title{display:flex;align-items:baseline;gap:8px;min-width:0}.pe-item-title b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-item-src{flex:none;font-size:11px;color:var(--muted)}.pe-item-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pe-item-fields :is(input,select){width:100%}.pe-note{width:100%}.pe-item-remove{position:absolute;top:10px;right:10px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted)}.pe-item-remove:hover{color:#fff;background:var(--judge-miss);border-color:transparent}.pe-summary{font-size:12px;color:var(--muted)}.plan-modal-foot .plan-problem{flex:1 1 200px;margin:0;font-size:13px}@media(max-width:599px),(max-height:499px){.pe-card-hint{display:none}.pe-item-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.pe-period input[type=date]{width:150px}.pe-end{min-width:0}.pe-colors button{width:30px;height:30px}}.settings-menu-version{display:flex;align-items:center;gap:10px}.settings-menu-ver{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.dlg-modal:has(.release-notes){width:620px;max-width:calc(100vw - 32px);height:min(max(60dvh,360px),calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden}.release-notes{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.release-notes .rn-hero{flex:none;margin:0 0 12px;padding-right:36px}.rn-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px 4px}.release-notes .dlg-actions{flex:none;margin-top:12px}.rn-close{position:absolute;top:-6px;right:-8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted)}.rn-close:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.release-notes .rn-hero h3{margin:4px 0 2px;font-size:18px}.rn-badge{display:inline-block;padding:1px 9px;border-radius:999px;background:var(--accent-fill);color:#07222a;font-size:11px;font-weight:700}.rn-sub{margin:0;color:var(--muted);font-size:13px}.rn-list{display:flex;flex-direction:column;gap:8px}.rn-release{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.rn-release.open{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.rn-head{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.rn-head:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.rn-ver{flex:none;font-weight:800;font-variant-numeric:tabular-nums}.rn-badges{display:inline-flex;flex-wrap:wrap;gap:6px}.rn-anim{margin:8px 0 6px;border-radius:10px;overflow:hidden;background:var(--panel2);border:1px solid var(--line)}.rn-anim svg{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){.rn-anim{display:none}}.rn-a{display:block;width:100%;height:auto}.rn-a-bar,.rn-a-panel{fill:var(--panel);stroke:var(--line);stroke-width:1}.rn-a-panel.new{stroke:#f2c14e;stroke-width:1.5}.rn-a-btn{fill:var(--panel2);stroke:var(--line)}.rn-a-line{stroke:var(--text-soft);stroke-width:1.6;stroke-linecap:round}.rn-a-soft{fill:color-mix(in srgb,var(--muted) 40%,transparent)}.rn-a-cell{fill:color-mix(in srgb,var(--muted) 18%,transparent)}.rn-a-cell.on{fill:#4fb0c6}.rn-a-item{fill:transparent}.rn-a-ico{fill:color-mix(in srgb,var(--accent) 55%,transparent)}.rn-a-text{font-size:11px;font-weight:700;fill:var(--text)}.rn-a-ring{fill:none;stroke:#f2c14e;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}.rn-a-card{fill:var(--panel);stroke:var(--line)}.rn-a-card.hit{stroke:var(--accent)}.rn-a-staff{stroke:color-mix(in srgb,var(--muted) 45%,transparent);stroke-width:1}.rn-a-note{fill:var(--text-soft)}.rn-a-tray-box{fill:color-mix(in srgb,var(--bg) 50%,var(--panel));stroke:var(--line);stroke-dasharray:4 3}.rn-a-nav-cursor{animation:rn-a-nav-cursor 7s ease-in-out infinite}@keyframes rn-a-nav-cursor{0%{transform:translate(320px,112px)}22%,30%{transform:translate(16px,12px)}45%,80%{transform:translate(84px,50px)}95%,to{transform:translate(320px,112px)}}.rn-a-nav-click .rn-a-ring{animation:rn-a-nav-click 7s ease-out infinite}@keyframes rn-a-nav-click{0%,22%{opacity:0;transform:scale(.4)}24%{opacity:1;transform:scale(.6)}32%,to{opacity:0;transform:scale(1.5)}}.rn-a-nav-panel{animation:rn-a-nav-panel 7s ease-in-out infinite}@keyframes rn-a-nav-panel{0%,25%{transform:translate(-140px)}33%,85%{transform:translate(0)}93%,to{transform:translate(-140px)}}.rn-a-item.hit{animation:rn-a-nav-hit 7s ease-in-out infinite}@keyframes rn-a-nav-hit{0%,46%{fill:transparent}52%,82%{fill:color-mix(in srgb,var(--accent) 24%,transparent)}88%,to{fill:transparent}}.rn-a-tray-cursor{animation:rn-a-tray-cursor 7s ease-in-out infinite}@keyframes rn-a-tray-cursor{0%{transform:translate(340px,128px)}18%,22%{transform:translate(206px,100px)}50%,56%{transform:translate(140px,24px)}76%,to{transform:translate(340px,128px)}}.rn-a-tray-card{animation:rn-a-tray-card 7s ease-in-out infinite}@keyframes rn-a-tray-card{0%,22%{transform:translate(0);opacity:1}50%{transform:translate(-66px,-76px);opacity:.85}56%{transform:translate(-66px,-76px);opacity:0}57%,92%{transform:translate(0);opacity:0}to{transform:translate(0);opacity:1}}.rn-a-tray-drop{fill:#f2c14e;animation:rn-a-tray-drop 7s ease-in-out infinite}@keyframes rn-a-tray-drop{0%,34%{opacity:0}38%,54%{opacity:1}58%,to{opacity:0}}.rn-a-tray-bar2{animation:rn-a-tray-bar2 7s ease-in-out infinite}@keyframes rn-a-tray-bar2{0%,55%{transform:translate(0)}63%,92%{transform:translate(122px)}to{transform:translate(0)}}.rn-a-tray-new{animation:rn-a-tray-new 7s ease-in-out infinite}@keyframes rn-a-tray-new{0%,57%{opacity:0}65%,90%{opacity:1}96%,to{opacity:0}}.rn-a-ring-bg{fill:none;stroke:color-mix(in srgb,var(--muted) 25%,transparent);stroke-width:9}.rn-a-plan-ring{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round;stroke-dasharray:213.6;animation:rn-a-plan-ring 8s ease-in-out infinite}@keyframes rn-a-plan-ring{0%,4%{stroke-dashoffset:213.6}45%,62%{stroke-dashoffset:106.8}70%,92%{stroke-dashoffset:0;stroke:var(--judge-perfect)}to{stroke-dashoffset:213.6}}.rn-a-plan-row{fill:var(--panel);stroke:var(--line)}.rn-a-plan-box{fill:transparent;stroke:var(--muted);stroke-width:1.5}.rn-a-plan-tick{fill:none;stroke:#07220f;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20}.rn-a-plan-fill{fill:var(--accent);transform-box:fill-box;transform-origin:left center;animation:rn-a-plan-fill 8s linear infinite}@keyframes rn-a-plan-fill{0%,4%{transform:scaleX(0)}44%{transform:scaleX(1);fill:var(--accent)}47%,92%{transform:scaleX(1);fill:var(--judge-perfect)}to{transform:scaleX(0)}}.rn-a-plan-row.r1{animation:rn-a-plan-row1 8s ease-in-out infinite}.rn-a-plan-box.b1{animation:rn-a-plan-box1 8s ease-in-out infinite}.rn-a-plan-tick.k1{animation:rn-a-plan-tick1 8s ease-in-out infinite}@keyframes rn-a-plan-row1{0%,45%{fill:var(--panel)}50%,92%{fill:color-mix(in srgb,var(--judge-perfect) 14%,var(--panel))}to{fill:var(--panel)}}@keyframes rn-a-plan-box1{0%,45%{fill:transparent;stroke:var(--muted)}48%,92%{fill:var(--judge-perfect);stroke:var(--judge-perfect)}to{fill:transparent;stroke:var(--muted)}}@keyframes rn-a-plan-tick1{0%,46%{stroke-dashoffset:20}52%,92%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.rn-a-plan-row.r2{animation:rn-a-plan-row2 8s ease-in-out infinite}.rn-a-plan-box.b2{animation:rn-a-plan-box2 8s ease-in-out infinite}.rn-a-plan-tick.k2{animation:rn-a-plan-tick2 8s ease-in-out infinite}@keyframes rn-a-plan-row2{0%,66%{fill:var(--panel)}70%,92%{fill:color-mix(in srgb,var(--judge-perfect) 14%,var(--panel))}to{fill:var(--panel)}}@keyframes rn-a-plan-box2{0%,66%{fill:transparent;stroke:var(--muted)}68%,92%{fill:var(--judge-perfect);stroke:var(--judge-perfect)}to{fill:transparent;stroke:var(--muted)}}@keyframes rn-a-plan-tick2{0%,67%{stroke-dashoffset:20}73%,92%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.rn-a-plan-cursor{animation:rn-a-plan-cursor 8s ease-in-out infinite}@keyframes rn-a-plan-cursor{0%,52%{transform:translate(330px,150px)}63%,70%{transform:translate(140px,98px)}82%,to{transform:translate(330px,150px)}}.rn-major{flex:none;display:inline-block;padding:1px 9px;border-radius:999px;background:#f2c14e;color:#2a1d06;font-size:11px;font-weight:800}.rn-latest{flex:none;padding:0 7px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-size:10.5px;font-weight:700}.rn-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text-soft)}.rn-date{flex:none;margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.rn-caret{flex:none;color:var(--muted);transition:transform .15s}.rn-release.open .rn-caret{transform:rotate(180deg)}.rn-body{padding:2px 14px 12px;display:flex;flex-direction:column;gap:10px}.rn-release:not(:has(.rn-head)) .rn-body{padding-top:12px}.rn-sec h4{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:13px}.rn-sec-features h4{color:var(--accent)}.rn-sec-changes h4{color:var(--warn)}.rn-sec-fixes h4{color:var(--judge-perfect)}.rn-sec ul{margin:0;padding-left:20px;font-size:13px;line-height:1.65;color:var(--text-soft)}.rn-more{margin:10px 0 0;padding:0;border:0;background:none;color:var(--accent);font-size:13px;cursor:pointer}.rn-more:hover{text-decoration:underline}@media(max-width:599px),(max-height:499px){.dlg-overlay:has(.release-notes){padding:0;align-items:stretch;justify-content:stretch}.dlg-modal:has(.release-notes){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.rn-title{display:none}}.update-banner{flex:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:calc(7px + env(safe-area-inset-top,0px)) 16px 7px;background:color-mix(in srgb,var(--accent) 22%,var(--panel));color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));animation:update-banner-in .25s ease-out}@keyframes update-banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.update-banner-ico{flex:none;color:var(--accent)}.update-banner-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;font-size:13px;line-height:1.45}.update-banner-text span{color:var(--text-soft)}.update-banner-actions{display:flex;gap:6px;flex:none}.update-banner-actions button{height:28px;padding:0 12px;font-size:13px;white-space:nowrap}html.report-printing .update-banner{display:none}@media(max-width:599px),(max-height:499px){.update-banner{justify-content:flex-start;padding-left:12px;padding-right:12px}.update-banner-actions{margin-left:auto}}