@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/rubik-400-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/rubik-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/rubik-500-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/rubik-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/rubik-700-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/rubik-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/bricolage-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+266D-266F,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/bricolage-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+266D-266F,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bricolage-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+266D-266F,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: #faf9f6;--panel: #ffffff;--panel-2: #f8f6f1;--panel-3: #e9e6df;--line: rgba(28, 25, 38, .1);--line-strong: rgba(28, 25, 38, .18);--text: #1d1a24;--muted: #5c566b;--accent: #2e6fbe;--accent-strong: #245c9e;--accent-soft: rgba(46, 111, 190, .12);--accent-ring: rgba(46, 111, 190, .38);--tint-accent: #f3f7fd;--text-select: color-mix(in srgb, var(--accent) 24%, var(--panel));--grad-accent: #2e6fbe;--glow-accent: rgba(46, 111, 190, .3);--on-accent: #ffffff;--grad-silver: linear-gradient(180deg, #ffffff, #efece5);--sheen: inset 0 0 0 transparent;--ok: #12805a;--danger: #cf3a4e;--grad-play: linear-gradient(135deg, #ff6f79, #ec4a5b);--play-red: #ec4a5b;--glow-play: rgba(236, 74, 91, .28);--led-off: rgba(28, 25, 38, .16);--led-warn: #d4861a;--led-on: #2e6fbe;--led-glow: rgba(46, 111, 190, .55);--led-ok-glow: rgba(18, 128, 90, .5);--shadow-1: 0 1px 2px rgba(23, 20, 35, .06), 0 1px 3px rgba(23, 20, 35, .05);--shadow-2: 0 2px 6px rgba(23, 20, 35, .07), 0 10px 28px rgba(23, 20, 35, .08);--shadow-3: 0 4px 12px rgba(23, 20, 35, .1), 0 24px 64px rgba(23, 20, 35, .16);--inset-well: inset 0 1px 3px rgba(23, 20, 35, .1);--focus-ring: 0 0 0 2px var(--panel), 0 0 0 4px var(--accent);--font-latin: "Bricolage Grotesque", "Rubik", system-ui, sans-serif;--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--ease-out: cubic-bezier(.22, 1, .36, 1);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}:root[data-theme=dark]{color-scheme:dark;--bg: #14131a;--panel: #1e1d26;--panel-2: #262530;--panel-3: #32313d;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--text: #eceaf2;--muted: #a29db3;--accent: #5b9bea;--accent-strong: #8ebbf5;--accent-soft: rgba(91, 155, 234, .18);--accent-ring: rgba(91, 155, 234, .5);--tint-accent: #232633;--grad-accent: #4a8ade;--glow-accent: rgba(91, 155, 234, .38);--on-accent: #ffffff;--grad-silver: linear-gradient(180deg, #2a2934, #201f29);--sheen: inset 0 0 0 transparent;--ok: #35c48d;--danger: #f2687a;--led-off: rgba(255, 255, 255, .16);--led-warn: #f2a541;--led-on: #5b9bea;--led-glow: rgba(91, 155, 234, .65);--led-ok-glow: rgba(53, 196, 141, .5);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 10px 28px rgba(0, 0, 0, .4);--shadow-3: 0 4px 12px rgba(0, 0, 0, .5), 0 24px 64px rgba(0, 0, 0, .55);--inset-well: inset 0 1px 3px rgba(0, 0, 0, .45)}:root[data-theme=dark] .motti-word{filter:invert(1) brightness(1.9)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button{font-family:inherit;touch-action:manipulation}*{scrollbar-width:thin;scrollbar-color:var(--panel-3) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#cfcabf}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Rubik,system-ui,Segoe UI,Roboto,Noto Sans Hebrew,Arial,sans-serif;user-select:none;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.login-gate{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;overflow-y:auto;background:radial-gradient(900px 560px at 50% 18%,rgba(46,111,190,.07),transparent 62%),var(--bg);padding:24px}.login-gate.hidden{display:none}.gate-card{margin:auto;padding:28px 34px;max-width:400px;width:100%;text-align:center}.gate-logo{margin-bottom:28px}.lg-ink{fill:var(--text)}.lg-acc{fill:var(--accent)}.gate-logo-svg{display:block;width:100%;max-width:260px;height:auto;margin:0 auto}.brand-svg{display:block;height:44px;width:auto}.brand-lockup{display:flex;align-items:center;gap:10px;padding:0;background:transparent;border:none;cursor:pointer}.brand-svg{transition:transform .18s}.brand-lockup:hover .brand-svg{transform:scale(1.06)}.brand-reveal{display:inline-flex;align-items:center;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s ease,opacity .25s ease}.brand-lockup:hover .brand-reveal,.brand-lockup:focus-visible .brand-reveal,.brand-lockup.is-open .brand-reveal{max-width:200px;opacity:1}.brand-word{display:block;height:12px;width:auto;aspect-ratio:580 / 59}.gate-h1{font-size:22px;font-weight:800;color:var(--text);margin:0 0 10px;line-height:1.3}.gate-card:has(#gate-join-view:not([hidden])) .gate-lede{display:none}html.known-device .gate-card:has(#gate-signin-view[hidden]) .gate-lede{display:none}.gate-text{color:var(--muted);font-size:15px;line-height:1.55;margin:0 0 22px}.gate-btn{width:100%;padding:15px 18px;border-radius:14px;border:none;cursor:pointer;background:var(--grad-accent);color:var(--on-accent);font-size:16px;font-weight:700;box-shadow:var(--shadow-2)}.gate-btn:hover{filter:brightness(1.05)}.gate-btn.ghost{background:var(--panel-3);color:var(--text);margin-top:10px;box-shadow:none}.gate-btn+.gate-btn{margin-top:10px}.gate-btn.gate-btn-google{position:relative;padding:2px;border-radius:999px;background:var(--grad-accent);color:var(--text);box-shadow:0 2px 12px var(--accent-soft);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}.gate-btn.gate-btn-google:hover{transform:translateY(-2px);filter:none;box-shadow:0 8px 26px var(--glow-accent)}.gate-btn.gate-btn-google:active{transform:translateY(0) scale(.99);filter:none}.g-inner{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--panel);border-radius:999px;padding:13px 18px;font-size:16px;font-weight:500}.g-mark{width:20px;height:20px;flex:0 0 auto}.gate-sub{font-size:13px;color:var(--text);margin-bottom:18px;word-break:break-all}.gate-status{margin-top:16px;min-height:18px;font-size:13px;color:var(--muted)}.login-gate{--gtr-o: .11;--note-o: .07}:root[data-theme=dark] .login-gate{--gtr-o: .15;--note-o: .1}.stage{--gtr-o: .07;--note-o: .06;position:relative;isolation:isolate}:root[data-theme=dark] .stage{--gtr-o: .1;--note-o: .09}.gtr-bg,.notes-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.gtr-bg{color:color-mix(in srgb,var(--text) calc(var(--gtr-o) * 100%),transparent)}.gtr-bg svg{position:absolute;display:block;overflow:visible;height:150vh;width:auto;right:4vw;bottom:-36vh;transform:rotate(-24deg);transform-origin:50% 60%}.stage .gtr-bg svg{right:6vw;bottom:-40vh}@media(max-width:759px){.stage .gtr-bg svg{height:140vh;right:-24vw;bottom:-34vh;transform:rotate(-20deg)}}@media(max-width:600px){.login-gate .gtr-bg svg{height:135vh;right:-22vw;bottom:-30vh;transform:rotate(-20deg)}}.login-gate .gtr-bg{-webkit-mask-image:radial-gradient(ellipse 30vw 44vh at 50% 50%,rgba(0,0,0,.33) 58%,#000 100%);mask-image:radial-gradient(ellipse 30vw 44vh at 50% 50%,#00000054 58%,#000)}.login-gate .notes-bg{-webkit-mask-image:radial-gradient(ellipse 30vw 44vh at 50% 50%,transparent 58%,#000 100%);mask-image:radial-gradient(ellipse 30vw 44vh at 50% 50%,transparent 58%,#000 100%)}@media(max-width:600px){.login-gate .gtr-bg{-webkit-mask-image:radial-gradient(ellipse 62vw 42vh at 50% 48%,rgba(0,0,0,.33) 62%,#000 100%);mask-image:radial-gradient(ellipse 62vw 42vh at 50% 48%,#00000054 62%,#000)}.login-gate .notes-bg{-webkit-mask-image:radial-gradient(ellipse 62vw 42vh at 50% 48%,transparent 62%,#000 100%);mask-image:radial-gradient(ellipse 62vw 42vh at 50% 48%,transparent 62%,#000 100%)}}.notes-bg{color:var(--text)}.notes-bg i{position:absolute;left:var(--xd);bottom:calc(-1.4 * var(--s));width:var(--s);height:calc(var(--s) * 1.33);background:currentColor;opacity:0;will-change:transform,opacity;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'><g fill='black'><rect x='15' y='2' width='4' height='23' rx='2'/><ellipse cx='11.5' cy='25.5' rx='7' ry='5' transform='rotate(-18 11.5 25.5)'/></g></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'><g fill='black'><rect x='15' y='2' width='4' height='23' rx='2'/><ellipse cx='11.5' cy='25.5' rx='7' ry='5' transform='rotate(-18 11.5 25.5)'/></g></svg>") center / contain no-repeat;animation:notes-drift var(--d) linear infinite;animation-delay:var(--delay)}@media(max-width:759px){.notes-bg i{left:var(--xm)}}@keyframes notes-drift{0%{transform:translateY(0) rotate(var(--r));opacity:0}10%{opacity:var(--note-o)}80%{opacity:var(--note-o)}to{transform:translateY(-84vh) rotate(calc(-1 * var(--r)));opacity:0}}.gtr-bg .gtr-strings{display:none}@media(max-width:759px){.stage .gtr-bg .gtr-full{display:none}.stage .gtr-bg .gtr-strings{display:block;position:absolute;inset:0;width:100%;height:100%;transform:none}.stage{--gtr-o: .13;--note-o: .09}:root[data-theme=dark] .stage{--gtr-o: .18;--note-o: .12}.zone-chords .zone-head{position:relative}.zone-chords .zone-head:before{content:"";position:absolute;inset:-12px -100vw 0;background:var(--bg);z-index:-1}}.stage .notes-bg{opacity:0;transition:opacity .8s}.stage .notes-bg i{animation-play-state:paused}body.is-playing .stage .notes-bg{opacity:1}body.is-playing .stage .notes-bg i{animation-play-state:running}.stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(1100px 640px at 50% -22%,rgba(46,111,190,.05),transparent 60%)}.perf-mode .gtr-bg,.perf-mode .notes-bg,.perf-mode .stage:after{display:none}.admin-panel{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#18152066;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}.admin-panel.hidden{display:none}.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;width:100%;max-width:460px;max-height:80dvh;display:flex;flex-direction:column;box-shadow:var(--shadow-3);animation:modal-in var(--dur-3) var(--ease-out)}.admin-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font-size:16px;font-weight:700}.admin-list{padding:6px 14px 10px;overflow-y:auto}.admin-group-empty{padding:6px 10px 10px;color:var(--muted);font-size:13px}.admin-info{flex:1;min-width:0}.admin-name{font-size:15px;font-weight:600}.adm-plan{font-size:13px;font-weight:600;color:var(--muted)}.admin-email{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.admin-toggle{flex-shrink:0;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--accent);background:transparent;color:var(--accent-strong);font-size:13px;font-weight:700}.admin-toggle.on{background:var(--ok);border-color:var(--ok);color:var(--on-accent)}.admin-toggle:disabled{opacity:.5;cursor:default}.admin-toggle.grant{border-color:var(--accent);color:var(--accent)}.admin-toggle.grant.on{background:var(--accent);color:var(--on-accent)}.admin-badge{display:inline-block;margin-inline-start:8px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;vertical-align:2px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);border:1px solid var(--accent)}.admin-device-x{flex:0 0 auto;width:18px;height:18px;border-radius:50%;padding:0;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;line-height:1;cursor:pointer}@media(hover:hover){.admin-device-x:hover{color:var(--danger);border-color:var(--danger)}}.admin-device-x:disabled{opacity:.5;cursor:default}.admin-toggle.danger{border-color:var(--danger);color:var(--danger)}.admin-badge.noaccess{background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted);border-color:var(--muted)}.gate-plans{display:flex;gap:12px;justify-content:center;align-items:stretch;margin:6px 0 14px}.gate-plans[hidden]{display:none}.gate-plan{position:relative;flex:1 1 0;max-width:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:16px 12px;border-radius:16px;cursor:pointer;font-family:inherit;background:var(--panel);border:1px solid var(--line-strong);color:var(--text);box-shadow:var(--shadow-1);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.gate-plan:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 22px var(--glow-accent)}.gate-plan:active{transform:translateY(0) scale(.99)}.gate-plan.featured{border-color:var(--accent);background:var(--tint-accent)}.gate-plan-badge{position:absolute;inset-block-start:-9px;inset-inline-end:12px;padding:2px 9px;border-radius:999px;font-size:10px;font-weight:800;background:var(--accent);color:var(--on-accent);letter-spacing:.3px}.gate-plan.current{cursor:default;opacity:.7}.gate-plan.current:hover{transform:none;border-color:var(--line-strong);box-shadow:var(--shadow-1)}.gate-plan.current .gate-plan-price{font-size:14px;color:var(--muted)}.gate-plan-name{font-size:13px;font-weight:700;color:var(--muted)}.gate-plan-price{font-size:21px;font-weight:800;color:var(--accent-strong);line-height:1.15}.gate-links{display:flex;gap:18px;justify-content:center;margin-top:14px}.gate-link{background:none;border:none;padding:4px;cursor:pointer;font-family:inherit;color:var(--muted);font-size:12.5px;text-decoration:underline}.gate-link:hover{color:var(--accent-strong)}.gate-title{font-size:17px;font-weight:800;color:var(--text);margin:0 0 16px}#gate-join-msg{color:var(--accent-strong);margin-bottom:10px}.lock-card{max-width:340px}.lock-body{padding:22px 18px 18px;text-align:center}.lock-ic{width:26px;height:26px;color:var(--accent);margin-bottom:8px}.lock-msg{font-size:15px;font-weight:700;color:var(--text)}.lock-sub{font-size:13px;color:var(--muted);margin-top:6px}.lock-sub[hidden]{display:none}.sub-note{margin:4px 0 8px}.lock-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.lock-actions .mini-btn{padding:8px 18px;font-size:13px}.lock-actions .mini-btn.primary{align-self:auto}.lock-actions .mini-btn[hidden]{display:none}.manual-card{max-width:360px}.manual-body{padding:16px 20px 20px;text-align:center;line-height:1.5;overflow-y:auto}.manual-body .gate-btn{padding:10px 16px;font-size:14px;border-radius:12px;box-shadow:none}.pay-seg{display:flex;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px;margin-bottom:10px}.pay-seg button{flex:1;font:inherit;font-weight:700;font-size:13px;padding:7px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.pay-seg button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #0000001f}.pay-big,.pay-rows{padding:4px 0 6px;text-align:center}.pay-big .line,.pay-rows .line{display:block;font-family:var(--font-latin);font-weight:800;font-size:24px;letter-spacing:.4px;direction:ltr;color:var(--text);text-decoration:none;font-variant-numeric:tabular-nums}.pay-big .sep,.pay-rows .sep{color:var(--line-strong);font-weight:400;margin:0 6px}.pay-big .sub,.pay-rows .sub{color:var(--muted);font-size:13px;margin-top:2px}.pay-big .copy-btn,.pay-rows .copy-btn{margin-top:10px}.copy-btn{font:inherit;font-size:11.5px;font-weight:600;color:var(--accent-strong);background:transparent;border:1px solid var(--line);border-radius:999px;padding:2px 9px;cursor:pointer;flex:0 0 auto}@media(hover:hover){.copy-btn:hover{background:var(--tint-accent);border-color:var(--accent)}}.copy-btn.done{color:var(--ok);border-color:transparent}.pay-note{font-size:12.5px;color:var(--muted);margin:6px 0 10px;text-align:center}.pay-note b{color:var(--text);font-weight:700}.manual-body .gate-contact{margin:12px 0 4px}.manual-body .contact-icon{width:36px;height:36px}.manual-body .gate-links{margin-top:8px}.claim-form{text-align:start;margin:2px 0 14px}.claim-planrow{cursor:default}.claim-plans{display:flex;gap:16px}.claim-plans button{font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);background:none;border:0;padding:0;cursor:pointer}.claim-plans button.active{color:var(--accent-strong);font-weight:800}.claim-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);cursor:text}.claim-field input{width:150px;padding:6px 10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:var(--font-latin);font-size:14px}.claim-field input:focus{outline:none;border-color:var(--accent)}.claim-amt{display:inline-flex;align-items:center;gap:6px}.claim-amt input{width:96px}.claim-amt b{color:var(--text)}.claim-form .att-row{padding:8px 0 2px}.claim-msg{font-size:12.5px;color:var(--danger);text-align:center;margin:-6px 0 10px}.gate-autorenew{margin:0 0 14px;font-size:12.5px;color:var(--muted);text-align:center}.gate-autorenew[hidden]{display:none}.gate-coupon{margin:0 0 14px}.gate-coupon-row{display:flex;gap:8px;justify-content:center;margin-top:8px}.gate-coupon-row[hidden]{display:none}.gate-coupon-row input{width:150px;padding:7px 10px;border-radius:10px;text-align:center;background:var(--panel);border:1px solid var(--line-strong);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:700;text-transform:uppercase}.gate-coupon-row input:focus{outline:none;border-color:var(--accent)}.gate-coupon-msg{margin-top:8px;font-size:12.5px;color:var(--muted)}.gate-coupon-msg.ok{color:var(--accent-strong);font-weight:600}.gate-plan-price s{color:var(--muted);font-weight:600;font-size:13.5px;margin-inline-end:2px}.coupon-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line)}.coupon-row.off .coupon-code,.coupon-row.off .coupon-info{opacity:.55}.coupon-code{font-weight:800;letter-spacing:.4px}.coupon-info{flex:1 1 auto;color:var(--muted);font-size:12.5px}.gate-contact{margin:12px 0 14px}.gate-contact-icons{display:flex;gap:10px;justify-content:center}.contact-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid var(--line-strong);color:var(--muted);box-shadow:var(--shadow-1);text-decoration:none;transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease}.contact-icon .ic{width:21px;height:21px}.contact-icon:hover{transform:translateY(-2px);background:var(--tint-accent);border-color:var(--accent);color:var(--accent-strong)}.contact-icon.wa:hover{border-color:#25d366;color:#1da851;background:#25d36614}.subcfg-area{flex-direction:column;align-items:stretch;gap:6px}.subcfg-field input[type=text]{width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:13.5px;min-width:0}.subcfg-area textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:13.5px;resize:vertical;line-height:1.5}.subcfg-field input[type=tel],.subcfg-field input[type=email]{width:150px;padding:6px 8px;border-radius:8px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px;direction:ltr}.pick-row.locked{opacity:.62}.pick-row.locked .row-lock{width:15px;height:15px;color:var(--muted);flex-shrink:0}.fm-item.locked{opacity:.62;display:inline-flex;align-items:center;gap:6px}.fm-item.locked .ic{width:13px;height:13px;color:var(--muted)}.pay-card{max-width:520px;height:min(88dvh,720px)}.pay-head{gap:10px}.pay-brand{display:flex;align-items:center;gap:9px}.pay-logo{width:30px;height:26px;color:var(--accent);flex-shrink:0}.pay-frame{flex:1;width:100%;border:none;background:var(--panel)}.pay-status{padding:10px 20px;font-size:13px;color:var(--muted);line-height:1.5}.pay-status:empty{display:none}.sub-card{max-width:420px}.sub-body{padding:14px 20px 18px;overflow-y:auto;font-size:14px}.sub-line{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.sub-line-label{color:var(--muted)}.sub-line-value{font-weight:600;text-align:left}.sub-acts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.sub-foot{display:flex;gap:18px;justify-content:center;margin-top:18px}.sub-delete{color:var(--danger)}.sub-charges-head{margin:14px 0 6px;font-weight:700;font-size:13px;color:var(--accent-strong)}.sub-charge{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px;border-bottom:1px solid var(--line)}.sub-charge.failed{color:var(--danger)}.sub-invoice{color:var(--accent-strong)}.admin-head-actions{display:flex;gap:8px;align-items:center}.cust-more-toggle{margin-inline-start:auto;font-size:12px;align-self:center}.admin-manage{max-width:640px;height:min(86dvh,760px);max-height:none}.admin-manage .admin-list{flex:1}.admin-tabs{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;padding:8px 14px;border-bottom:1px solid var(--line)}.admin-tab{min-width:64px;padding:7px 14px;border:0;border-radius:999px;cursor:pointer;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;transition:background var(--dur-2),color var(--dur-2)}@media(hover:hover){.admin-tab:not(.active):hover{background:var(--tint-accent);color:var(--accent-strong)}}.admin-tab.active{background:var(--accent-soft);color:var(--accent-strong)}.admin-manage>.admin-tabs{flex-wrap:nowrap;justify-content:safe center;gap:0 20px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.admin-manage>.admin-tabs .admin-tab{min-width:0;padding:12px 1px 10px;border-radius:0;background:transparent;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.admin-manage>.admin-tabs .admin-tab.active{color:var(--accent-strong);border-bottom-color:var(--accent)}@media(hover:hover){.admin-manage>.admin-tabs .admin-tab:not(.active):hover{background:transparent;color:var(--text)}}.admin-top{padding:0 16px 12px;border-bottom:1px solid var(--line)}.admin-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}@media(max-width:480px){.admin-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.admin-kpi[data-key=all]{grid-column:1 / -1}}.admin-manage .admin-kpi{position:relative;background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 2px 9px;border-bottom:2px solid transparent}.admin-manage .admin-kpi+.admin-kpi:before{content:"";position:absolute;inset-inline-start:0;top:16px;bottom:16px;width:1px;background:var(--line)}@media(hover:hover){.admin-manage .admin-kpi:not(.active):hover{transform:none;background:var(--tint-accent);border-bottom-color:transparent}.admin-manage .fin-kpi:not(.active):hover{background:transparent}}.admin-manage .admin-kpi-num{font-size:24px;font-weight:600}.admin-manage .admin-kpi-label{font-size:11.5px;font-weight:500}.admin-top .admin-band{gap:0;margin:0 -16px 10px;padding:0 6px;border-bottom:1px solid var(--line)}.admin-top .admin-kpi{margin-bottom:-1px}.admin-manage .admin-kpi.active{background:transparent;border-bottom-color:var(--accent)}.admin-manage .admin-kpi.active .admin-kpi-num{color:var(--accent-strong)}.admin-manage .admin-kpi.active.warn .admin-kpi-num{color:var(--danger)}.admin-manage .admin-kpi.active.live .admin-kpi-num{color:var(--ok)}.admin-manage .admin-kpi.active .admin-kpi-label{color:var(--text);font-weight:700}.admin-manage .admin-kpi.active .admin-kpi-sub{color:var(--muted)}.admin-manage .admin-kpi .admin-kpi-sub .kpi-live{color:var(--ok);font-weight:600}.admin-manage .fin-band{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line)}.admin-manage .fin-kpi{border-bottom:0}@media(max-width:480px){.admin-top .admin-band{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.admin-top .admin-kpi[data-key=all]{grid-column:auto}.admin-top .admin-kpi-num{font-size:21px}.admin-top .admin-kpi-label{font-size:11px}.admin-top .admin-kpi-sub{display:none}.admin-top .admin-kpi-sub.has{display:block}.admin-manage .admin-kpi+.admin-kpi:before{top:14px;bottom:14px}.admin-manage .fin-band{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-manage .fin-kpi:nth-child(odd):before{content:none}.admin-manage .fin-kpi:nth-child(n+3){border-top:1px solid var(--line)}.admin-manage .fin-kpi .admin-kpi-num{font-size:21px}}.admin-subfilters{margin:-2px 0 10px}.admin-manage .admin-subfilters{justify-content:center;gap:4px}.admin-top .admin-subfilters{margin:0 0 10px}.admin-top .admin-subfilters:empty{display:none}.admin-manage .fin-cat{border-color:transparent;padding:4px 11px}@media(hover:hover){.admin-manage .fin-cat:not(.active):hover{background:var(--tint-accent)}}.admin-searchrow{display:flex;align-items:stretch;gap:8px}.admin-searchrow input[type=search]{flex:1;min-width:0}.admin-searchrow .admin-sort{margin:0;flex:0 0 auto;padding:0 10px}.admin-subfilter b{font-family:var(--font-latin);font-weight:800}.admin-subfilter.dim{opacity:.55}.admin-subfilter.dim.active{opacity:1}.admin-sort{margin-inline-start:auto;font:inherit;font-size:12px;font-weight:600;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px 8px;cursor:pointer}.log-topics{padding:2px 0 8px}.admin-kpi{display:flex;flex-direction:column;align-items:center;gap:0;padding:8px 4px 6px;border-radius:14px;cursor:pointer;font-family:inherit;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sheen);transition:border-color .15s ease,background .15s ease,transform .15s ease}@media(hover:hover){.admin-kpi:not(.active):hover{transform:translateY(-1px);background:var(--tint-accent);border-color:var(--accent)}}.admin-kpi-num{font-size:20px;font-weight:800;color:var(--accent-strong);line-height:1.15;font-family:var(--font-latin)}.admin-kpi-label{font-size:10.5px;font-weight:600;color:var(--muted);white-space:nowrap}.admin-kpi-sub{font-size:9.5px;color:var(--muted);min-height:12px;white-space:nowrap}.admin-kpi.warn .admin-kpi-num{color:var(--danger)}.admin-kpi.live .admin-kpi-num{color:var(--ok)}.admin-kpi.dim .admin-kpi-num{color:var(--muted)}.admin-kpi.active{background:var(--accent);border-color:var(--accent)}.admin-kpi.active .admin-kpi-num,.admin-kpi.active .admin-kpi-label,.admin-kpi.active .admin-kpi-sub{color:var(--on-accent)}.admin-top input[type=search]{width:100%;padding:8px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:13px}.adm-avatar{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:800;background:var(--accent-soft);color:var(--accent-strong);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.adm-avatar.online:after{content:"";position:absolute;inset-inline-end:-1px;inset-block-end:-1px;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--panel);box-shadow:0 0 6px var(--ok)}.adm-pill{flex:0 0 auto;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.adm-pill.ok{background:color-mix(in srgb,var(--ok) 13%,transparent);color:var(--ok)}.adm-pill.warn{background:var(--accent-soft);color:var(--accent-strong)}.adm-pill.danger{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.adm-pill.off{background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted)}.adm-pill.taste{background:var(--tint-accent);color:var(--accent-strong)}.admin-sect{padding:0 2px 6px}.subcfg-status{font-size:12.5px;font-weight:600;color:var(--ok);align-self:center}.taste-subtitle{font-size:12.5px;font-weight:700;color:var(--muted);margin:10px 6px 2px}.fin-band{margin-bottom:4px}.fin-kpi{cursor:default}.fin-kpi .admin-kpi-sub{max-width:100%;overflow:hidden;text-overflow:ellipsis}.fin-kpi.pos .admin-kpi-num{color:var(--ok)}.fin-kpi.neg .admin-kpi-num{color:var(--danger)}.fin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px 4px}.fin-toolbar .admin-toggle,.fin-due-row .admin-toggle{border-color:transparent;background:transparent;color:var(--muted);padding:5px 12px;font-size:13px}.fin-toolbar .admin-toggle.on,.fin-due-row .admin-toggle{background:var(--accent-soft);color:var(--accent-strong)}@media(hover:hover){.fin-toolbar .admin-toggle:not(.on):hover{background:var(--tint-accent);color:var(--accent-strong)}}.fin-kinds,.fin-cats{display:flex;flex-wrap:wrap;gap:6px}.fin-cat{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.fin-cat.active{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}.fin-form{border-bottom:1px solid var(--line);margin-bottom:4px}.fin-form input[type=text],.fin-form input[type=date],.fin-form input[type=url],.fin-form select{width:190px;max-width:60%;padding:6px 8px;border-radius:8px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px}.fin-form input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}.fin-vat-live{font-size:12px;color:var(--muted);margin-inline-start:auto}.fin-row{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:8px 6px;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer;font-family:inherit;color:var(--text)}.fin-row:hover{background:var(--tint-accent)}.fin-row-when{color:var(--muted);font-size:11px;flex-shrink:0;min-width:50px;font-family:var(--font-latin)}.fin-row-main{flex:1;min-width:0}.fin-row-vendor{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-row-meta{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-row .adm-avatar{width:26px;height:26px;font-size:11px}.fin-row-amt{text-align:end;flex-shrink:0}.fin-row-gross{font-size:14px;font-weight:600;font-family:var(--font-latin)}.fin-row.income .fin-row-gross{color:var(--ok)}.fin-row.refund .fin-row-gross{color:var(--danger)}.fin-row-net{font-size:10.5px;color:var(--muted);font-family:var(--font-latin)}.fin-due{margin:2px 0 0;padding:6px 6px 8px;border-bottom:1px solid var(--line)}.fin-due-title{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px}.fin-due-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0}.fin-due-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:400px){.admin-tab{min-width:0;padding:7px 8px;font-size:12px}}@media(max-width:400px){.admin-manage>.admin-tabs{gap:0 14px}.admin-manage>.admin-tabs .admin-tab{font-size:13.5px;padding:12px 1px 10px}}.admin-toolbar input[type=search]{width:100%;padding:8px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:13px}.inq-toolbar{position:sticky;top:-6px;z-index:2;background:var(--panel);display:flex;flex-direction:column;gap:8px;padding:6px 0 10px}.inq-toolbar .admin-subfilters{margin:0}.inq-toolbar-row{display:flex;align-items:center;gap:8px}.inq-toolbar-row input[type=search]{flex:1;min-width:0}.inq-toolbar .admin-sort{margin-inline-start:0;flex:0 0 auto;padding:6px 10px}.adm-sect{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 8px 4px;font-size:12px;font-weight:700;color:var(--muted)}.adm-sect b{color:var(--accent-strong);font-family:var(--font-latin);font-weight:800}.admin-userrow{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:10px 8px;border:none;border-bottom:1px solid var(--line);background:none;cursor:pointer;font-family:inherit;color:var(--text)}.admin-userrow:hover{background:var(--tint-accent)}.admin-chev{color:var(--muted);font-size:18px;flex-shrink:0}.cust-head{display:flex;align-items:center;gap:12px;padding:12px 6px 8px}.cust-avatar{width:46px;height:46px;font-size:19px}.cust-id{min-width:0}.cust-name{font-size:17px;font-weight:800}.cust-status{padding:6px 6px 12px;border-bottom:1px solid var(--line)}.cust-status-main{font-size:16px;font-weight:700}.cust-status-main.ok{color:var(--ok)}.cust-status-main.warn{color:var(--accent-strong)}.cust-status-main.off{color:var(--muted)}.cust-status-sub{font-size:12.5px;color:var(--muted);margin-top:3px}.cust-status-sub:empty{display:none}.cust-status-warn{font-size:12.5px;color:var(--danger);font-weight:600;margin-top:4px}.cust-actions{padding:8px 6px 4px;display:flex;flex-direction:column;gap:8px}.cust-actrow{display:flex;flex-wrap:wrap;gap:6px}.cust-actrow[hidden]{display:none}.cust-actrow .admin-toggle{padding:5px 11px;font-size:12.5px}.cust-more{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.cust-more.solo{margin-top:0;padding-top:0;border-top:0}.cust-more .admin-toggle{border-color:var(--line-strong);color:var(--muted)}.cust-more .admin-toggle.danger{border-color:var(--danger);color:var(--danger)}.cust-more .admin-toggle:hover{border-color:var(--accent);color:var(--accent-strong)}.cust-fold{border-top:1px solid var(--line)}.cust-fold:last-of-type{border-bottom:1px solid var(--line)}.cust-fold-head{display:flex;align-items:baseline;gap:8px;padding:11px 6px;cursor:pointer;list-style:none;user-select:none;-webkit-tap-highlight-color:transparent}.cust-fold-head::-webkit-details-marker{display:none}.cust-fold-title{font-size:13px;font-weight:800;color:var(--accent-strong)}.cust-fold-sum{font-size:12px;color:var(--muted)}.cust-fold-sum.warn{color:var(--danger);font-weight:600}.cust-fold-head:after{content:"\2039";margin-inline-start:auto;color:var(--muted);font-size:15px;line-height:1;transition:transform var(--dur-2)}.cust-fold[open]>.cust-fold-head:after{transform:rotate(-90deg)}.cust-fold-body{padding-bottom:8px}@media(hover:hover){.cust-fold-head:hover .cust-fold-title{text-decoration:underline;text-underline-offset:3px}}.cust-timeline{padding:0 6px 10px}.use-group{padding:0 6px}.use-title{display:flex;align-items:baseline;gap:6px;width:100%;padding:8px 0 6px;margin:0;background:none;border:0;border-bottom:1px solid var(--line);color:var(--muted);font:inherit;font-size:12px;font-weight:700;text-align:start;cursor:pointer}.use-title:before{content:"\2039";display:inline-block;transition:transform .15s}.use-title[aria-expanded=true]:before{transform:rotate(-90deg)}.use-count{font-weight:400}.use-items[hidden]{display:none}.use-row{display:flex;gap:10px;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:12.5px;border-bottom:1px solid var(--line);line-height:1.5}.use-name{min-width:0;overflow-wrap:anywhere}.use-meta{color:var(--muted);font-size:11.5px;flex-shrink:0;text-align:end}.use-fold{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:inherit;font:inherit;font-size:12.5px;line-height:1.5;text-align:start;cursor:pointer}.use-fold .use-name:before{content:"\2039  ";color:var(--muted);display:inline-block;transition:transform .15s}.use-fold[aria-expanded=true] .use-name:before{transform:rotate(-90deg)}.use-users{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px 4px 8px;border-bottom:1px solid var(--line)}.use-users[hidden]{display:none}.use-user{background:none;border:0;padding:2px 0;color:var(--accent);font:inherit;font-size:12.5px;cursor:pointer}.use-user:disabled{color:var(--muted);cursor:default}@media(hover:hover){.use-user:not(:disabled):hover{text-decoration:underline;text-underline-offset:3px}}.use-summary{text-align:center;font-size:13px;color:var(--muted);padding:4px 6px 6px}.cust-event{display:flex;gap:8px;align-items:baseline;padding:5px 0;font-size:12.5px;border-bottom:1px solid var(--line);line-height:1.5}.cust-event.failed{color:var(--danger)}.cust-event.refund,.sub-charge.refund{color:var(--accent-strong)}.cust-event-act{margin-inline-start:auto;flex-shrink:0;padding:1px 9px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);font-family:inherit;font-size:11.5px;cursor:pointer}@media(hover:hover){.cust-event-act:hover{border-color:var(--accent);color:var(--accent-strong)}}.cust-event:has(.cust-event-doubt){flex-wrap:wrap}.cust-event-doubt{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--danger)}.cust-event-doubt .cust-event-act{margin-inline-start:0}.cust-phone{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-top:3px}.cust-phone a{color:var(--accent-strong);text-decoration:none}.cust-phone a.num{font-family:var(--font-latin);font-weight:600;direction:ltr}.cust-phone .contact-icon{width:26px;height:26px}.cust-phone .contact-icon .ic{width:15px;height:15px}.cust-claim-img{margin-top:6px}.cust-event-when{color:var(--muted);font-size:11px;flex-shrink:0;min-width:58px}.taste-row{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}.taste-row:hover{background:var(--tint-accent)}.taste-row input{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}.taste-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taste-row-state{font-size:11px;font-weight:700;color:var(--ok);flex-shrink:0}.taste-folder{gap:6px;font-weight:600}.taste-folder .taste-row-name .ic{width:15px;height:15px;vertical-align:-2px;color:var(--muted)}.taste-count{color:var(--muted);font-weight:600}.audit-row{padding:7px 6px;font-size:12.5px;border-bottom:1px solid var(--line);line-height:1.5}.audit-row.failed{color:var(--danger)}.subcfg{padding:8px 6px;display:flex;flex-direction:column;gap:10px}.subcfg.subcfg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:4px 6px 8px}@media(max-width:520px){.subcfg.subcfg-grid{grid-template-columns:minmax(0,1fr)}}.subcfg-grid .subcfg-head{grid-column:1 / -1;display:flex;align-items:baseline;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--accent-strong)}.subcfg-grid .subcfg-head:first-child{margin-top:0;padding-top:4px;border-top:0}.subcfg-grid .subcfg-head.sub{margin-top:0;padding-top:0;border-top:0;color:var(--text);font-weight:600;font-size:13px}.subcfg-grid .subcfg-head .subcfg-hint{font-weight:400}.subcfg-grid .subcfg-field{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0}.subcfg-grid .subcfg-field.wide{grid-column:1 / -1}.subcfg-grid .subcfg-label{font-size:12.5px;font-weight:600;color:var(--muted)}.subcfg-hint{font-size:11.5px;color:var(--muted);opacity:.85}.subcfg-grid .subcfg-field input:not([type=checkbox]),.subcfg-grid .subcfg-field select{width:100%;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px}.subcfg-grid .subcfg-field input[type=tel],.subcfg-grid .subcfg-field input[type=email]{text-align:right}.subcfg-grid .subcfg-field.check{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;row-gap:2px}.subcfg-grid .subcfg-field.check input{accent-color:var(--accent);width:17px;height:17px;margin:0}.subcfg-grid .subcfg-field.check .subcfg-label{font-size:14px;font-weight:500;color:var(--text)}.subcfg-grid .subcfg-field.check .subcfg-hint{grid-column:2}.subcfg-grid .sub-acts{grid-column:1 / -1;margin-top:4px}.admin-settings-tabs{padding:8px 0 4px;margin:0;align-items:center}@media(max-width:520px){.admin-settings-tabs{flex-wrap:nowrap;justify-content:safe center;overflow-x:auto;scrollbar-width:none;gap:2px}.admin-settings-tabs .fin-cat{padding:4px 8px;white-space:nowrap;flex:0 0 auto}.admin-chipsep{margin:4px 3px;flex:0 0 1px}}.admin-chipsep{width:1px;align-self:stretch;margin:4px 6px;background:var(--line-strong)}.subcfg-field{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.subcfg-field input[type=number]{width:90px;padding:6px 8px;border-radius:8px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px}.topbar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) 12px calc(16px + var(--safe-l));background:var(--bg);border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:700;letter-spacing:.01em;white-space:nowrap;margin-inline-start:28px;display:flex;align-items:center;gap:10px}.brand-sep{width:1px;height:32px;background:var(--line-strong);flex:0 0 auto}.brand-collab{font-size:13px;font-weight:600;color:var(--text);letter-spacing:.04em;margin-inline-end:-6px}.motti-badge{display:flex;align-items:center;gap:6px;padding:0;background:transparent;border:none;cursor:pointer;flex:0 0 auto}.motti-m{width:34px;height:34px;flex:0 0 auto;transition:transform .18s}.motti-badge:hover .motti-m{transform:scale(1.08)}.motti-eq{display:inline-flex;align-items:center;gap:3px;height:26px;flex:0 0 auto}.motti-eq i{width:4px;border-radius:2px;background:var(--accent);transform-origin:center}.motti-eq i:nth-child(1){height:32%;animation-delay:0s}.motti-eq i:nth-child(2){height:62%;animation-delay:.12s}.motti-eq i:nth-child(3){height:92%;animation-delay:.24s}.motti-eq i:nth-child(4){height:50%;animation-delay:.06s}.motti-eq i:nth-child(5){height:74%;animation-delay:.18s}@keyframes eq-dance{0%{transform:scaleY(.35)}to{transform:scaleY(1.25)}}.motti-badge:hover .motti-eq i,.motti-badge:focus-visible .motti-eq i,.is-playing .motti-eq-mini i{animation:eq-dance .5s ease-in-out infinite alternate}.motti-eq i:nth-child(2n){animation-duration:.42s}.motti-eq-mini{height:20px;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s,opacity .3s}.is-playing .motti-eq-mini{max-width:40px;opacity:1}.motti-badge:hover .motti-eq-mini,.motti-badge:focus-visible .motti-eq-mini{max-width:0;opacity:0}.motti-reveal{display:inline-flex;align-items:center;gap:8px;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s ease,opacity .25s ease}.motti-badge:hover .motti-reveal,.motti-badge:focus-visible .motti-reveal{max-width:240px;opacity:1}.motti-word{height:38px;width:auto;display:block}@keyframes kz-bloom{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes kz-eq{0%,to{transform:scaleY(1)}35%{transform:scaleY(.6)}70%{transform:scaleY(1.18)}}@keyframes kz-drop{0%{opacity:0;transform:translateY(-46px)}to{opacity:1;transform:none}}@keyframes kz-sway{0%,to{transform:rotate(0)}30%{transform:rotate(-4deg)}70%{transform:rotate(4deg)}}@keyframes kz-fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kz-drawx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kz-bar{transform-box:fill-box;transform-origin:50% 50%}.kz-bar1{animation:kz-bloom .55s .05s cubic-bezier(.34,1.56,.64,1) both,kz-eq 1.7s 1.5s ease-in-out infinite}.kz-bar2{animation:kz-bloom .55s .15s cubic-bezier(.34,1.56,.64,1) both,kz-eq 1.7s 1.62s ease-in-out infinite}.kz-bar3{animation:kz-bloom .55s .25s cubic-bezier(.34,1.56,.64,1) both,kz-eq 1.7s 1.74s ease-in-out infinite}.kz-bar4{animation:kz-bloom .55s .35s cubic-bezier(.34,1.56,.64,1) both,kz-eq 1.7s 1.86s ease-in-out infinite}.kz-note{transform-box:fill-box;transform-origin:92% 2%;animation:kz-drop .7s .5s cubic-bezier(.34,1.56,.64,1) both,kz-sway 3.2s 1.7s ease-in-out infinite}.kz-word,.brand-word{animation:kz-fadeup .6s .85s ease-out both}.kz-divider{transform-box:fill-box;transform-origin:center;animation:kz-drawx .5s 1.15s ease-out both}.kz-tag{animation:kz-fadeup .6s 1.35s ease-out both}.is-playing .kz-bar1{animation-duration:.55s,.95s}.is-playing .kz-bar2{animation-duration:.55s,1.1s}.is-playing .kz-bar3{animation-duration:.55s,.85s}.is-playing .kz-bar4{animation-duration:.55s,1.05s}.is-playing .kz-note{animation-duration:.7s,1.6s}body:has(.brand-lockup:is(:hover,.is-open)) .kz-bar1,body:has(.gate-btn-google:hover) .kz-bar1{animation-duration:.55s,.7s}body:has(.brand-lockup:is(:hover,.is-open)) .kz-bar2,body:has(.gate-btn-google:hover) .kz-bar2{animation-duration:.55s,.8s}body:has(.brand-lockup:is(:hover,.is-open)) .kz-bar3,body:has(.gate-btn-google:hover) .kz-bar3{animation-duration:.55s,.62s}body:has(.brand-lockup:is(:hover,.is-open)) .kz-bar4,body:has(.gate-btn-google:hover) .kz-bar4{animation-duration:.55s,.75s}body:has(.brand-lockup:is(:hover,.is-open)) .kz-note,body:has(.gate-btn-google:hover) .kz-note{animation-duration:.7s,1.2s}.kz-bar1,.kz-bar2,.kz-bar3,.kz-bar4,.kz-note{animation-play-state:running,paused}body:has(.login-gate:not(.hidden)) .kz-bar1,body:has(.login-gate:not(.hidden)) .kz-bar2,body:has(.login-gate:not(.hidden)) .kz-bar3,body:has(.login-gate:not(.hidden)) .kz-bar4,body:has(.login-gate:not(.hidden)) .kz-note,.is-playing .kz-bar1,.is-playing .kz-bar2,.is-playing .kz-bar3,.is-playing .kz-bar4,.is-playing .kz-note,body:has(.brand-lockup:is(:hover,.is-open)) .kz-bar1,body:has(.gate-btn-google:hover) .kz-bar1,body:has(.brand-lockup:is(:hover,.is-open)) .kz-bar2,body:has(.gate-btn-google:hover) .kz-bar2,body:has(.brand-lockup:is(:hover,.is-open)) .kz-bar3,body:has(.gate-btn-google:hover) .kz-bar3,body:has(.brand-lockup:is(:hover,.is-open)) .kz-bar4,body:has(.gate-btn-google:hover) .kz-bar4,body:has(.brand-lockup:is(:hover,.is-open)) .kz-note,body:has(.gate-btn-google:hover) .kz-note{animation-play-state:running,running}.credits-card{max-width:380px}.credits-body{display:flex;flex-direction:column;gap:18px}.credit-row{display:grid;grid-template-columns:148px 1fr;align-items:center;gap:14px}.credit-logo{width:94px;height:71px;justify-self:center}.credit-logo-motti{width:86px;height:86px}.credit-text{display:flex;flex-direction:column;gap:2px}.credit-text b{font-size:16px;color:var(--text)}.credit-text span{font-size:13px;color:var(--muted)}.ic{width:1.05em;height:1.05em;flex:0 0 auto;vertical-align:-.16em;pointer-events:none}.play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:700;padding:0 30px 0 22px;height:44px;border-radius:999px;border:none;background:var(--accent);color:var(--on-accent);cursor:pointer;min-width:112px;box-shadow:none}.play-btn.playing{background:var(--grad-play);color:var(--on-accent);box-shadow:0 4px 16px var(--glow-play)}.play-btn.stop-pending{animation:stop-blink .5s steps(1,end) infinite}@keyframes stop-blink{0%,49%{opacity:1}50%,to{opacity:.45}}.restart-btn{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),background var(--dur-2),color var(--dur-2)}.restart-btn:active{transform:scale(.94);filter:brightness(.96)}.tap-btn.tapped{animation:tap-flash .18s var(--ease-out)}@keyframes tap-flash{0%{background:var(--tint-accent);color:var(--accent)}}@media(prefers-reduced-motion:reduce){.tap-btn.tapped{animation:none}}.stepper span.resettable{cursor:pointer;user-select:none;-webkit-user-select:none}.stepper span.resettable:active{color:var(--text)}.ctl{display:flex;flex-direction:column}.stepper{display:flex;align-items:center;gap:2px}.stepper button{width:22px;height:26px;border:none;border-radius:8px;padding:0;background:transparent;color:var(--muted);font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-1),color var(--dur-2)}@media(hover:hover){.stepper button:hover{transform:translateY(-1px) scale(1.2);color:var(--accent)}}@media(pointer:coarse){.stepper button{position:relative}.stepper button:before{content:"";position:absolute;inset:-9px -4px}}.stepper button:active{transform:scale(.85);color:var(--accent-strong)}.stepper span{min-width:30px;text-align:center;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--font-latin);letter-spacing:.02em;color:var(--accent-strong)}#bpm-value{padding-inline-start:18px}#bpm-value:before{content:"";position:absolute;inset-inline-start:7px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:var(--led-off)}.is-playing #bpm-value:before{background:var(--led-on);opacity:.2}.is-playing #bpm-value.led-tick:before{animation:bpm-tick var(--beat, .5s) steps(1,end) 1}.is-playing #bpm-value.led-tick1:before{animation-name:bpm-tick1}@keyframes bpm-tick{0%,41%{opacity:1;box-shadow:0 0 6px 1px var(--led-glow)}42%,to{opacity:.2;box-shadow:none}}@keyframes bpm-tick1{0%,45%{opacity:1;box-shadow:0 0 9px 2.5px var(--led-glow)}46%,to{opacity:.2;box-shadow:none}}.dl-pill{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:2;padding:6px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-2);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;--fill: 0%;background-image:linear-gradient(to left,var(--line) var(--fill),transparent var(--fill));background-repeat:no-repeat;transition:background-image .3s var(--ease-out);display:none}.dl-pill.prep,.dl-pill.ready{color:var(--accent);border-color:var(--accent-soft);background-image:linear-gradient(to left,var(--accent-soft) var(--fill),transparent var(--fill))}.dl-pill.error{color:var(--danger);background-image:none;white-space:normal;max-width:calc(100% - 32px);text-align:center}.dl-pill .ic{width:13px;height:13px;vertical-align:-2px}.dl-pill:not([hidden]){display:block}.topbar-end{display:flex;align-items:center;gap:2px;margin-inline-start:auto}.topbar-status{flex:1 1 auto;min-width:0;margin:0 12px;text-align:center;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-status .ic-inline{vertical-align:-.14em}.icon-btn .ic,.mini-btn .ic,.expl-tab .ic{width:1.1em;height:1.1em}.icon-btn.icon-only .ic{width:1.15em;height:1.15em}.tree-node>span,.file-row .fr-name,.expl-tab{display:inline-flex;align-items:center;gap:7px}.mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.icon-btn,.auth-btn{display:inline-flex;align-items:center;gap:6px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:var(--sheen),var(--shadow-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),border-color var(--dur-2),background var(--dur-2),color var(--dur-2)}.icon-btn .ic{transition:color var(--dur-2)}@media(hover:hover){.icon-btn:hover,.auth-btn:hover{transform:translateY(-1px);background:var(--tint-accent);color:var(--accent-strong);border-color:var(--accent-ring);box-shadow:var(--sheen),var(--shadow-2)}.icon-btn:hover .ic{color:var(--accent)}}.icon-btn.icon-only{padding:9px 12px}.icon-btn[hidden],.auth-btn[hidden],.mini-btn[hidden]{display:none}.topbar-end .icon-btn{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted);font-weight:500;padding:10px 12px}@media(hover:hover){.topbar-end .icon-btn:hover{transform:none;background:var(--accent-soft);color:var(--text);border-color:transparent;box-shadow:none}}.topbar-end #rec-split .rec-main,.topbar-end .rec-split:has(.rec-caret[hidden]) .rec-main{border-inline-end:none}.btn-lock{display:none}.locked .btn-lock{display:inline-block;width:13px;height:13px;color:var(--muted)}.icon-btn.locked,.acct-item.locked,.rul .key-find.locked{opacity:.62}.acct-item .btn-lock{margin-inline-start:auto}.rul .key-find.locked .ic:not(.btn-lock){display:none}.rul .key-find.locked .btn-lock{width:15px;height:15px;color:var(--on-accent)}.topbar-end .acct{margin-inline-start:10px}.join-wrap{flex:0 0 auto;margin-inline:auto;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.topbar:has(.join-wrap:not([hidden])) .topbar-end{margin-inline-start:0}@media(max-width:999px){.join-label{display:none}}.join-wrap[hidden]{display:none}.join-label{font-size:13px;font-weight:600;color:var(--text)}.join-btn{padding:9px 24px;border:none;border-radius:999px;background:var(--accent);color:var(--on-accent);font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.01em;box-shadow:0 2px 10px var(--accent-ring);cursor:pointer;transition:background var(--dur-2),transform var(--dur-2)}@media(hover:hover){.join-btn:hover{background:var(--accent-strong);transform:scale(1.04)}}.topbar:has(.join-wrap:not([hidden])) .topbar-status{display:none}@media(max-width:759px){.join-wrap{gap:8px}.join-btn{padding:8px 18px;font-size:14px}}@media(max-width:400px){.join-btn{padding:7px 12px}.join-pre{display:none}}.mixer-fab{position:fixed;z-index:15;top:50%;margin-top:-26px;left:var(--safe-l);width:40px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:0 12px 12px 0;border:1px solid var(--line);border-left:0;background:var(--bg);color:var(--text);box-shadow:none;cursor:pointer;touch-action:none;transition:transform var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.mixer-fab:hover,.mixer-fab:focus-visible{background:var(--accent-soft);transform:none;box-shadow:none}.mixer-fab:active{transform:scale(.95)}.mixer-fab-ic{width:20px;height:20px}.mixer-fab-knob{transform-box:fill-box;transform-origin:50% 50%;animation:mixer-fab-bob 1.8s ease-in-out infinite}.mixer-fab-ic .mixer-fab-knob:nth-of-type(1){animation-delay:0s}.mixer-fab-ic .mixer-fab-knob:nth-of-type(2){animation-delay:.3s}.mixer-fab-ic .mixer-fab-knob:nth-of-type(3){animation-delay:.6s}@keyframes mixer-fab-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:759px){.stylebar-row .mixer-fab{position:fixed;left:var(--safe-l, 0px);right:auto;top:50%;margin:-36px 0 0;width:20px;height:72px;border:0;border-radius:0;background:transparent}.stylebar-row .mixer-fab:hover,.stylebar-row .mixer-fab:focus-visible{background:transparent}.stylebar-row .mixer-fab .mixer-fab-ic{display:none}.stylebar-row .mixer-fab:before{content:"";position:absolute;left:3px;top:50%;width:4px;height:44px;margin-top:-22px;border-radius:2px;background:var(--muted);opacity:.5}.stylebar-row .mixer-fab:active:before,.stylebar-row .mixer-fab:focus-visible:before{opacity:.9}#mixer-panel{inset:0 auto 0 0;height:100dvh;max-height:none;width:min(88vw,clamp(170px,var(--mixer-w, 170px),540px));padding-inline:10px;border:1px solid var(--line);border-left:none;border-radius:0 22px 22px 0;transform:translate(-100%);touch-action:pan-y}#mixer-panel.open{transform:translate(0)}.fb-btn{padding:10px 1px 8px;font-size:16px}}.acct{position:relative;flex:0 0 auto}.acct[hidden]{display:none}.acct-btn{width:34px;height:34px;padding:0;flex:0 0 auto;border-radius:50%;border:0;background:var(--text);cursor:pointer;overflow:hidden;position:relative;box-shadow:none;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),border-color var(--dur-2)}@media(hover:hover){.acct-btn:hover{transform:translateY(-1px);border-color:var(--accent-ring);box-shadow:var(--sheen),var(--shadow-2)}}.acct-btn:active{transform:scale(.96)}.acct-avatar{width:100%;height:100%;object-fit:cover;display:block}.acct-avatar[hidden]{display:none}.acct-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--bg);background:var(--text)}.acct-initial[hidden]{display:none}.acct-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:65;min-width:232px;max-width:calc(100vw - 20px);background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-3);padding:8px;overflow:hidden;animation:modal-in var(--dur-2) var(--ease-out)}.acct-menu[hidden]{display:none}.acct-id{display:flex;align-items:center;gap:11px;padding:6px 8px 10px}.acct-avatar-lg{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--line)}.acct-avatar-lg[hidden]{display:none}.acct-initial-lg{position:static;width:44px;height:44px;border-radius:50%;flex:0 0 auto;font-size:19px}.acct-id-text{min-width:0}.acct-name{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-email{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-sep{height:1px;background:var(--line);margin:4px}.acct-sep[hidden]{display:none}.acct-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;border-radius:10px;cursor:pointer;padding:10px 12px;font-size:14px;font-weight:600;color:var(--text);text-align:start;transition:background var(--dur-2),color var(--dur-2)}.acct-item[hidden]{display:none}.acct-item .ic{width:1.15em;height:1.15em;color:var(--muted);flex:0 0 auto;transition:color var(--dur-2)}@media(hover:hover){.acct-item:hover{background:var(--tint-accent);color:var(--accent-strong)}.acct-item:hover .ic{color:var(--accent)}}.acct-item:active{background:var(--panel-3)}.acct-logout,.acct-logout .ic{color:var(--danger)}@media(hover:hover){.acct-logout:hover{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.acct-logout:hover .ic{color:var(--danger)}}.acct-row{display:flex;justify-content:space-between;gap:4px}.acct-row .acct-item{width:auto;flex:0 0 auto}.smart-select{appearance:none;width:100%;background:var(--panel-3) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%235c566b' stroke-width='2'/></svg>") no-repeat left 10px center;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px 10px 28px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.smart-select:focus{outline:none;border-color:var(--accent)}.smart-select optgroup{background:var(--panel);color:var(--muted);font-style:normal;font-weight:700}.smart-select option{background:var(--panel-2);color:var(--text);font-weight:500}.stage{flex:1;min-height:0;overflow:hidden;display:grid;gap:0;padding:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"stylebar" "chords" "console"}.stage-enter .style-folderbar{animation:stage-rise .45s var(--ease-out) both}.stage-enter .zone-chords{animation:stage-rise .45s var(--ease-out) .09s both}.stage-enter .console{animation:stage-rise .45s var(--ease-out) .18s both}@keyframes stage-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.zone{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 48px;max-width:1000px;margin-inline:auto;width:100%;display:flex;flex-direction:column;min-height:0}.zone-chords{grid-area:chords;min-height:0;position:relative}.console{grid-area:console}.cur-style{color:var(--accent);font-weight:700;font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stylebar-row{grid-area:stylebar;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;padding:0 48px;border-bottom:1px solid var(--line);background:var(--bg)}.style-now{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:baseline;gap:8px;max-width:34vw;font-family:var(--font-latin);font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}.style-now:before{content:"\5de\5e7\5e6\5d1";flex:0 0 auto;font-family:Rubik,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--muted)}body.is-playing .style-now:before{content:"\5de\5e0\5d2\5df"}.style-now:empty{display:none}.style-now.prep{color:var(--muted);opacity:.6}@media(max-width:999px){.style-now{display:none}}.topbar:has(.join-wrap:not([hidden])) .style-now,.topbar:has(#sound-status:not(:empty)) .style-now{display:none}.stylebar-row .style-open{display:none}.style-folderbar{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 22px;justify-content:center;padding:0 2px}.style-folderbar::-webkit-scrollbar{display:none}.fb-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:14px 2px 12px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-family:var(--font-latin);font-size:15px;font-weight:500;cursor:pointer;transition:color var(--dur-2),border-color var(--dur-2)}@media(hover:hover){.fb-btn:hover{color:var(--text)}}.fb-btn:active,.fb-btn.open{color:var(--text)}.fb-btn.skeleton{color:var(--muted);font-weight:500;pointer-events:none}.fb-btn .fb-led{display:none;width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 auto}.fb-btn.playing{color:var(--text);border-bottom-color:var(--accent)}.fb-btn.loading .fb-led{display:inline-block;width:11px;height:11px;background:transparent;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:miniSpin .7s linear infinite}@media(prefers-reduced-motion:reduce){.fb-btn.loading .fb-led{animation:none}}@media(min-width:1000px){.fb-btn.loading .fb-led{display:none}}.folder-menu{position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);padding:12px 14px;max-height:min(55vh,420px);overflow-y:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;animation:modal-in .16s var(--ease-out)}.folder-menu[hidden]{display:none}.fm-item,.row-name,#style-name,#style-open-name,#builder-style-name,#fx-role-name,.fm-group{unicode-bidi:plaintext}.fm-item{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur-2),color var(--dur-2),border-color var(--dur-2)}@media(hover:hover){.fm-item:not(.active):hover{background:var(--tint-accent);color:var(--accent-strong)}}.fm-item.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.fm-group{flex:1 0 100%;display:flex;align-items:center;gap:6px;margin-top:4px;padding:6px 2px;border:none;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:start}.fm-group:after{content:"";flex:1 1 auto;border-top:1px solid var(--line)}@media(hover:hover){.fm-group:hover{color:var(--text)}}.fm-group[aria-expanded=true],.fm-group.playing{color:var(--text)}.fm-group.playing .fm-group-name{color:var(--accent-strong)}.fm-count{font-size:11px;font-weight:500;color:var(--muted);font-family:var(--font-latin)}.fm-sub{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding-inline-start:12px;margin-inline-start:10px;border-inline-start:1px solid var(--line)}.fm-empty{color:var(--muted);font-size:13px;padding:4px 6px}.style-open{display:flex;align-items:center;justify-content:center;gap:10px}.style-open:before{content:"";flex:0 0 15px}.style-open{border:none;background:transparent;color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:color var(--dur-2)}.style-open .style-open-caret{color:var(--muted);width:1.05em;height:1.05em;flex:0 0 auto;transition:color var(--dur-2),transform var(--dur-2) var(--ease-out)}@media(hover:hover){.style-open:hover .style-open-name{color:var(--accent-strong)}.style-open:hover .style-open-caret{color:var(--accent-strong);transform:translateY(2px)}}.style-open:active{transform:scale(.995)}.style-open .style-open-cur{min-width:0;display:flex;align-items:baseline;gap:10px}.style-open .style-open-name{color:var(--text);font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.zone-head{display:flex;align-items:flex-end;justify-content:center;margin:22px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line);flex:0 0 auto;background:var(--bg)}.zone-head-end{flex:1 1 auto;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:space-between}@media(min-width:760px){.zone-head-end{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.zone-head-end>.ctl-pal{grid-row:1;grid-column:1;justify-self:start;margin-inline-start:0}.zone-head-end>.console-tempo{grid-row:1;grid-column:2}.zone-head-end>.ctl-mode{grid-row:1;grid-column:3;justify-self:end;margin-inline-start:0}}.zone-head-end .console-tempo{gap:0;align-items:stretch}.zone-head-end .console-tempo .ctl{flex-direction:column;gap:3px;align-items:center;justify-content:flex-end}.zone-head-end .console-tempo label{font-size:10px;color:var(--muted);letter-spacing:.14em;font-weight:500}.zone-head-end .console-tempo .ctl+.ctl{margin-inline-start:40px}.ctl-num{width:auto}.rul-num .numcard{position:relative;top:auto;left:auto;transform:none}.rul{display:flex;align-items:center;gap:6px;height:40px;width:100%;direction:ltr}.stp{flex:0 0 auto;width:28px;height:40px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;font-family:var(--font-latin);font-weight:400;font-size:24px;line-height:1;color:var(--muted);user-select:none;-webkit-user-select:none;touch-action:none;transition:color var(--dur-2),opacity var(--dur-2)}.stp.holding{color:var(--accent-strong)}@media(hover:hover){.stp:hover{color:var(--accent-strong)}}.stp:disabled{opacity:0;cursor:default;pointer-events:none}.stp:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}.rul-track{position:relative;flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center}.rul-range{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;padding:0;background:transparent;cursor:ew-resize;direction:ltr}.rul-range::-webkit-slider-runnable-track{height:10px;background:transparent}.rul-range::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:18px;margin-top:-4px;background:transparent;border:0}.rul-range::-moz-range-track{height:10px;background:transparent}.rul-range::-moz-range-thumb{width:4px;height:18px;border:0;background:transparent}.rul-range:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}.numcard{position:absolute;top:50%;left:var(--p, 50%);transform:translate(-50%,-50%);padding:0 6px;border-radius:0;border:0;background:transparent;box-shadow:none;font-family:var(--font-latin);font-size:30px;font-weight:500;line-height:34px;letter-spacing:0;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;z-index:1;transition:color var(--dur-2)}.numcard.dragging{cursor:ew-resize;color:var(--accent)}@media(hover:hover){.numcard:hover{color:var(--accent)}}.rul .key-find{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid transparent;background:var(--grad-play);color:var(--on-accent);box-shadow:none;margin-inline-end:4px}@media(hover:hover){.rul .key-find:hover{color:var(--on-accent);filter:brightness(1.06)}}.rul .key-find .ic{width:15px;height:15px}.ctl-mode{align-self:stretch;align-items:center;justify-content:flex-end;gap:3px;margin-inline-start:36px}.ctl-mode>label{font-size:10px;color:var(--muted);letter-spacing:.14em;font-weight:500;text-transform:none}.ctl-mode:has(>.chord-mode[hidden]){display:none}.ctl-pal{align-self:stretch;align-items:center;justify-content:flex-end;gap:3px;margin-inline-start:36px}.ctl-pal>label{font-size:10px;color:var(--muted);letter-spacing:.14em;font-weight:500}.ctl-pal[hidden]{display:none}.pal-wrap{position:relative}.pal-line{display:flex;align-items:center;gap:10px}.chord-tools{display:flex;align-items:center;gap:6px}.chord-tools .icon-btn.icon-only{width:26px;height:26px;padding:0;justify-content:center;background:transparent;border:1px solid var(--line-strong);border-radius:50%;box-shadow:none;color:var(--muted)}.chord-tools .icon-btn.icon-only .ic{width:13px;height:13px}@media(hover:hover){.chord-tools .icon-btn.icon-only:not(.active):hover{transform:none;box-shadow:none;border-color:var(--text);color:var(--text);background:transparent}}.chord-tools[hidden]{display:none}.chord-tools .chords-reset{font-size:17px}.pal-pick{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0;border:0;background:transparent;color:var(--text);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--dur-2)}.pal-pick .ic{width:16px;height:16px;color:var(--muted)}.pal-pick:disabled{opacity:.5;cursor:default}@media(hover:hover){.pal-pick:not(:disabled):hover{color:var(--accent)}}.pal-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:60;display:flex;gap:6px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-2);animation:modal-in .16s var(--ease-out)}.pal-menu[hidden]{display:none}.pal-menu .fm-action{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:500;border-color:transparent}.pal-menu .fm-action .ic{width:13px;height:13px}.pal-menu .fm-sep{width:1px;align-self:stretch;margin:2px;background:var(--line)}.pal-menu .fm-action.active{color:var(--accent-strong);border-color:transparent;background:transparent}.pal-menu .fm-action[hidden]{display:none}.pal-admin-bar{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--tint-accent);font-size:13px;color:var(--text)}.pal-admin-bar[hidden]{display:none}.pal-admin-bar span{flex:1 1 auto}.pal-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--line);font-size:13.5px}.pal-row-name{flex:0 0 auto;min-width:48px;font-weight:700}.pal-row-list{flex:1 1 auto;min-width:0;color:var(--muted);direction:ltr;text-align:start;overflow-wrap:anywhere}.perf-mode .chord-tools{display:none}.chords-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.chords-area[hidden]{display:none}.root-grid{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:var(--pal-gap, 10px)}.chord-row{direction:ltr;display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--pal-gap, 10px);row-gap:0;margin-bottom:calc(-1 * var(--pal-gap, 10px));flex:0 0 auto;max-width:100%;margin-inline:auto}.chord-row>.root-btn{margin-bottom:var(--pal-gap, 10px)}.row-br{flex-basis:100%;height:0}.root-btn{position:relative;flex:0 0 auto;width:var(--pal-bw, 100px);height:var(--pal-bh, 86px);min-height:0;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1.1;border-radius:var(--pal-br, 16px);border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:var(--font-latin);font-size:var(--pal-bf, 28px);font-weight:500;cursor:pointer;box-shadow:none;transition:transform .04s,background .08s,box-shadow .15s,border-color .15s}.root-btn .acc,.kb-chord .acc{font-size:.62em;vertical-align:.22em;margin-inline-start:.02em}.root-btn .suf,.kb-chord .suf{font-size:.55em;vertical-align:.28em;margin-inline-start:.04em;font-weight:600}.kb-chord{font-family:var(--font-latin)}.root-btn:active{transform:scale(.97);background:var(--accent-soft);box-shadow:none}.root-btn.sec{width:var(--pal-sw, 74px);height:var(--pal-sh, 50px);font-size:var(--pal-sf, 17px);border-radius:var(--pal-sr, 12px);font-weight:500}.root-btn.sec.far{width:var(--pal-fw, 60px);height:var(--pal-fh, 40px);font-size:var(--pal-ff, 14px);border-radius:var(--pal-fr, 10px)}.root-btn.sec:not(.active){background:var(--bg);border-color:var(--line);color:var(--muted);box-shadow:none}.root-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:none}.chord-mods{direction:ltr;display:flex;justify-content:center;gap:0;flex:0 0 auto;width:100%}.mod-btn{height:28px;min-width:64px;padding:0 16px;border-radius:0;border:1px solid var(--line-strong);background:transparent;color:var(--muted);font-family:var(--font-latin);font-size:12px;font-weight:500;letter-spacing:.04em;cursor:pointer;box-shadow:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .08s,color .08s,border-color .15s}.mod-btn:first-child{border-radius:999px 0 0 999px;border-right:0}.mod-btn:last-child{border-radius:0 999px 999px 0}.mod-btn:active{background:var(--accent-soft)}.mod-btn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.mod-btn.on+.mod-btn{border-left-color:var(--accent)}.mod-btn.armed{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.root-grid.editing .root-btn{touch-action:none}.root-btn.drag-src{opacity:.35}.chord-group{display:flex;flex-direction:column;gap:inherit;width:100%;flex:0 0 auto}.chord-group-head{display:flex;align-items:center;justify-content:space-between;min-height:26px}.chord-group-name{font-size:12px;letter-spacing:.03em;color:var(--muted)}.chord-group-add{width:26px;height:26px;padding:0;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:transparent;color:var(--muted);font:400 18px/1 var(--font-latin);cursor:pointer}.chord-group-add:active{background:var(--accent-soft)}.chord-group-tools{display:flex;align-items:center;gap:8px}.chord-group-addfar{height:26px;padding:0 10px;border-radius:999px;border:1px dashed var(--line-strong);background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.chord-group-addfar:active{background:var(--accent-soft)}.root-grid.editing .chord-row{position:relative}.chord-split-off{position:absolute;left:0;top:0;transform:translateY(-50%);margin-top:calc(var(--pal-gap, 10px) / -2);width:22px;height:22px;padding:0;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);opacity:.75;cursor:pointer}.chord-split-off .ic{width:11px;height:11px}.root-grid .chord-group-tail{position:relative;flex:0 0 auto;min-height:30px;width:100%;margin:0;display:flex;align-items:center;justify-content:center;border:1.5px dashed transparent;border-radius:12px}.chord-group--sec .chord-group-tail:before,.chord-group--far .chord-group-tail:before{content:"";position:absolute;inset-inline:0;top:50%;border-top:1px solid var(--line)}.chord-row-hint{color:var(--muted);font-size:12px;font-weight:600;visibility:hidden}.root-grid.dragging .drag-over .chord-row--new{border-color:var(--line-strong)}.root-grid.dragging .drag-over .chord-row--new:before{display:none}.root-grid.dragging .drag-over .chord-row--new .chord-row-hint{visibility:visible}.root-grid .chord-row--new.hot{border-color:var(--accent);border-style:solid;background:var(--accent-soft)}.root-grid .chord-row--new.hot .chord-row-hint{color:var(--accent)}.root-btn.chord-ghost{position:fixed;z-index:80;pointer-events:none;opacity:.92;margin:0;box-shadow:var(--shadow-3),0 0 0 2px var(--glow-accent)}.chord-add-body{display:flex;flex-direction:column;gap:10px}.ca-grid{display:grid;gap:6px;direction:ltr}.ca-roots{grid-template-columns:repeat(6,1fr)}.ca-quals{grid-template-columns:repeat(5,1fr)}.ca-btn{border:1px solid var(--line);border-radius:10px;padding:10px 4px;cursor:pointer;background:var(--panel);color:var(--text);font-size:14px;font-weight:700;white-space:nowrap;transition:background var(--dur-2),color var(--dur-2),border-color var(--dur-2),transform var(--dur-2) var(--ease-out)}@media(hover:hover){.ca-btn:not(.active):hover{background:var(--tint-accent);color:var(--accent-strong);border-color:var(--accent-ring);transform:translateY(-1px)}}.ca-btn.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.loop-lack{color:var(--play-red);font-size:.62em;font-weight:800;vertical-align:.5em;margin-inline-start:.1em}.root-btn.active .loop-lack,.ca-btn.active .loop-lack{color:inherit}.lack-note{flex:0 0 auto;font-size:12px;color:var(--muted);text-align:center;padding-top:6px}.lack-note .loop-lack{font-size:1em;vertical-align:0;margin:0}.lack-note[hidden]{display:none}.ca-actions{display:flex;align-items:center;gap:10px}.mini-btn{display:inline-flex;align-items:center;gap:6px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:13px;cursor:pointer;white-space:nowrap;box-shadow:var(--sheen),var(--shadow-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),border-color var(--dur-2),background var(--dur-2),color var(--dur-2)}.mini-btn.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.chord-mode{position:relative;display:inline-flex;gap:22px;border:0;border-radius:0;padding:0;height:34px;box-sizing:border-box}.mode-ind{position:absolute;top:auto;bottom:0;left:0;width:0;height:2px;border-radius:0;box-sizing:border-box;background:var(--text);box-shadow:none;transition:transform var(--dur-3) var(--ease-out),width var(--dur-3) var(--ease-out)}.chord-mode:not(.ind-ready) .mode-ind{transition:none}.chord-mode[hidden]{display:none}.mode-btn{position:relative;z-index:1;padding:0 2px;border:none;border-radius:0;background:transparent;color:var(--muted);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .18s}@media(hover:hover){.mode-btn:not(.active):hover{color:var(--text)}}.mode-btn.active{color:var(--text)}.chord-mode:not(.has-ind) .mode-btn.active{box-shadow:inset 0 -2px 0 var(--text)}.keyboard-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;justify-content:center}.keyboard-wrap[hidden]{display:none}.kb-chord{flex:0 0 auto;text-align:center;font-size:34px;line-height:1.1;font-weight:700;color:var(--accent-strong);min-height:1.15em;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:2px 16px;align-self:center;min-width:180px}.keyboard{position:relative;flex:1 1 auto;min-height:150px;direction:ltr;display:flex;touch-action:none;user-select:none;background:var(--panel-3);border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--inset-well)}.keyboard-wrap>.keyboard{flex:0 1 260px;width:100%;max-width:504px;margin-inline:auto}.keyboard-wrap>.keyboard .key.black{height:70%;font-size:12px}.key{position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;font-weight:700}.key:after{content:attr(data-name)}.key.white{flex:1 1 0;min-width:0;height:100%;background:var(--grad-silver);color:var(--muted);border-right:1px solid #cdc8bd;font-size:15px}.key.white:last-of-type{border-right:none}.key.black{position:absolute;top:0;z-index:2;height:60%;background:linear-gradient(180deg,#23202b,#131019);color:#a89fb8;border:1px solid #070509;border-radius:0 0 6px 6px;font-size:11px;box-shadow:0 3px 6px #0000008c,inset 0 -3px 6px #0006}.key.down{filter:brightness(1.04)}.key.white.down{background:linear-gradient(180deg,#dbe7f6,#c2d6ef)}.key.black.down{background:linear-gradient(180deg,#3a4f70,#263650)}.key.white.in-chord{background:linear-gradient(180deg,#cfe0f6,#a8c8ee);color:var(--accent-strong)}.key.white.in-chord.is-root{background:var(--grad-accent);color:var(--on-accent)}.key.black.in-chord{background:linear-gradient(180deg,#4a7bbf,#2e5d99);color:var(--on-accent)}.key.black.in-chord.is-root{background:linear-gradient(180deg,#3d86e0,#2361ad);color:var(--on-accent)}.song-view{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.song-view[hidden]{display:none}.song-pick{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--text);border:none;border-radius:0;padding:0;height:34px;font-size:15px;font-weight:500;cursor:pointer;max-width:360px;transition:color var(--dur-2)}.song-pick .ic{color:var(--accent)}#song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.song-pick:hover{color:var(--accent)}}#song-play.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}@media(min-width:761px){.song-view.editing{display:grid;grid-template-columns:var(--se-w, 420px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0 12px;grid-template-areas:"panel sheet"}.song-view.editing .song-editbar{grid-area:panel;min-height:0;overflow-y:auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background:transparent;border:0;border-inline-end:1px solid var(--line);border-radius:0;box-shadow:none;padding:12px 20px 12px 16px;gap:14px}.song-view.editing .song-sheet{grid-area:sheet;min-height:0}.song-view.editing .se-head{margin-top:auto}.song-view.editing .song-editbar .sc-strip{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;flex:0 0 auto;margin-bottom:auto}.song-view.editing .sc-chords{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.song-view.editing :is(.sc-chords,.sc-utils) .sc-chip{flex:0 0 auto;min-width:54px;padding:7px 10px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.song-view.editing .se-head .mini-btn{padding:8px 12px;flex:0 0 auto}.song-view.editing .se-head .se-title{width:auto}}.se-details{display:contents}.se-head .se-play,.se-head .se-exit{display:none}@media(max-width:760px){.se-fields{flex:1 1 100%;grid-template-columns:repeat(2,minmax(0,1fr))}body.song-editing .topbar,body.song-editing .stylebar-row,body.song-editing .zone-chords .zone-head,body.song-editing .console,body.song-editing .perf-fab,body.song-editing .mixer-fab{display:none}body.song-editing .se-head .se-play,body.song-editing .se-head .se-exit{display:inline-flex}body.song-editing #song-editbar{order:2;padding-top:8px;margin-top:12px}body.song-editing #song-sheet{order:1}body.song-editing .se-head{flex:1 1 100%;min-width:0}body.song-editing .se-head #song-save{order:1}body.song-editing .se-head #song-revert{order:2}body.song-editing .se-head .se-title{order:3;flex:1 1 auto;min-width:0;text-align:center}body.song-editing .se-head .se-play{order:4}body.song-editing .se-head .se-exit{order:5}.song-view.editing .song-editbar .sc-strip{flex-direction:column;flex-wrap:nowrap;gap:6px}.song-view.editing .sc-chords{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-height:84px;overflow-y:auto;overscroll-behavior:contain}.song-view.editing :is(.sc-chords,.sc-utils) .sc-chip{flex:0 0 auto;min-width:54px;justify-content:center}.song-view.editing .sc-chip{min-height:34px;display:inline-flex;align-items:center}.se-fields .se-tone-cell{justify-content:center}}.song-sheet{--song-fs: 28px;flex:1 1 auto;min-height:0;overflow:hidden;background:transparent;border:0;border-radius:0;padding:4px 0 12px;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.song-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}@media(max-width:759px){.song-sheet{--song-fs: 22px}.sec-pop.sec-sheet{left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));top:auto}.sec-pop.sec-sheet .sec-pop-name{flex:1 1 auto;width:auto;min-width:0}}.song-pages{margin:auto;width:100%;max-width:640px;padding-inline:68px;box-sizing:border-box}.song-seg.has-chords{display:inline-flex;flex-direction:column;align-items:stretch;cursor:pointer}.song-seg.has-chords .chips-layer{position:relative;display:block;height:calc(max(10px,calc(var(--song-fs, 20px) * .42))*1.2 + 2px)}.song-seg.has-chords .song-seg-chord{display:inline-block;width:max-content;cursor:pointer}.song-seg.has-chords .chips-layer .song-seg-chord,.song-sheet.editing .song-chips .song-seg-chord{bottom:calc(var(--song-fs, 20px) * -.25)}button.song-seg-chord{font:inherit;font-size:max(10px,calc(var(--song-fs, 20px) * .42));font-weight:600}.song-empty{display:flex;align-items:center;justify-content:center;min-height:120px;height:100%;color:var(--muted);font-size:16px;text-align:center}.song-line{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:1px 4px;margin:0 0 3px;position:relative;break-inside:avoid}.song-pages .song-line:empty{min-height:calc(var(--song-fs, 20px) * 1.3)}.song-line.chorus .song-seg-text,.song-line.chorus .song-seg.plain{font-weight:700}.sec-bm{position:absolute;top:0;height:0;width:60px;inset-inline-start:-68px;pointer-events:none}.song-sheet.editing .sec-bm{pointer-events:auto;cursor:pointer;height:88px}.song-line.sec-stub{min-height:calc(var(--song-fs, 20px) * 1.6)}.sec-bm-t{position:absolute;top:.55em;inset-inline-start:0;white-space:nowrap;font-size:11px;font-weight:500;letter-spacing:.16em;line-height:16px;padding:0;color:var(--muted)}.song-line.chorus .sec-bm-t{color:var(--accent)}@media(max-width:759px){.song-sheet{padding:10px 8px 12px}.song-pages{padding-inline:16px 0}.sec-bm{inset-inline-start:-16px;width:15px}.sec-bm-t{top:0;inset-inline-start:auto;right:15px;transform:rotate(-90deg);transform-origin:top right;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:11px;padding:2px 6px 2px 12px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));clip-path:polygon(0 0,100% 0,100% 100%,0 100%,7px 50%)}.song-line.chorus .sec-bm-t{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 16%,var(--panel))}}.sec-pop{position:fixed;z-index:1200;direction:rtl;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:0 12px 32px #10223c2e}.sec-pop-name{width:130px;font:inherit;font-size:14px;font-weight:600;color:var(--text);background:transparent;border:none;border-bottom:1px solid var(--line-strong);border-radius:0;padding:3px 2px;outline:none}.sec-pop-name:focus{border-bottom-color:var(--accent)}.sec-pop-btn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:4px 11px;font-size:13px;line-height:1.3;cursor:pointer}.sec-pop-btn:hover{color:var(--accent-strong);background:var(--tint-accent)}.sc-chip.sc-paste{direction:rtl;color:var(--accent-strong);border-style:dashed}.sc-chip.sc-paste.armed{border-style:solid}.sc-chip.sc-sec{color:var(--text)}body.is-playing .se-play{background:var(--accent);color:var(--on-accent);border-color:transparent}.se-exit{color:var(--muted)}.at-dot{position:absolute;top:2px;inset-inline-end:2px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.9;pointer-events:none}.song-chips{position:relative;display:block;height:calc(max(10px,calc(var(--song-fs, 20px) * .42))*1.2 + 2px)}.song-sheet.editing .song-seg-chord.current{box-shadow:0 0 0 2px var(--accent-soft),0 4px 10px var(--glow-accent)}.song-sheet.editing .song-seg-chord.done{opacity:.55}.at-dock{flex:1 1 100%;min-width:0;direction:rtl;display:flex;align-items:center;gap:10px;padding:10px 10px 20px;border-bottom:1px solid var(--line)}.at-dock .at-ruler{flex:1 1 auto;width:auto;min-width:0;margin-inline:14px}.at-dock[hidden]{display:none}.at-play-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.at-play-btn svg{width:15px;height:15px}.at-play-btn.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.at-head{position:absolute;top:-3px;bottom:-3px;width:2px;border-radius:1px;background:var(--accent);box-shadow:0 0 6px var(--glow-accent);pointer-events:none}.at-ruler{position:relative;width:min(74vw,380px);height:34px;border-block:1px solid var(--line)}.at-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}.at-tick.beat{background:var(--line-strong)}.at-tick.end{width:2px;background:var(--accent-strong)}.at-tick.beat span{position:absolute;top:100%;margin-top:3px;inset-inline-start:-4px;font-size:10px;font-weight:700;color:var(--muted);font-family:var(--font-latin)}.at-chip{position:absolute;top:50%;transform:translate(50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.at-chip-sym{direction:ltr;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;padding:2px 7px;border-radius:7px;background:var(--panel);border:1px dashed var(--line-strong);color:var(--muted);box-shadow:var(--shadow-1)}.at-chip.pinned .at-chip-sym{background:var(--accent);color:var(--on-accent);border:1px solid transparent}.at-chip.mine .at-chip-sym{box-shadow:0 0 0 2px var(--accent-soft)}.at-chip-word{font-size:9px;color:var(--muted);max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-seg{display:inline-flex;flex-direction:column;align-items:flex-start;background:transparent;border:0;border-radius:8px;padding:1px 0 2px;cursor:pointer;text-align:start;transition:transform .12s,opacity .2s}.song-seg-chord{position:relative;direction:ltr;font-size:max(10px,calc(var(--song-fs, 20px) * .42));font-weight:600;line-height:1.2;min-height:1.2em;color:var(--text);letter-spacing:0;font-variant-numeric:tabular-nums;background:transparent;border:1px solid transparent;border-radius:5px;padding:0 3px;min-width:0;text-align:center;margin-bottom:1px;transition:background .12s,color .12s,border-color .12s}.song-seg-text,.song-seg.plain{font-size:var(--song-fs, 20px);font-weight:500;line-height:1.3;color:var(--text)}.song-seg.plain{cursor:default}.song-seg.done .song-seg-text,.song-sheet .bar-past .song-seg-text{color:var(--muted)}.song-seg.done .song-seg-chord,.song-seg-chord.done{color:var(--muted);box-shadow:none}.song-seg.current{background:transparent;box-shadow:none}.song-sheet .bar-wipe{background-image:linear-gradient(var(--text-select),var(--text-select));background-repeat:no-repeat;background-size:0% 100%;background-position:100% 0;border-radius:3px;padding-inline:3px;margin-inline:-3px;animation:seg-wipe var(--wipe-dur, .3s) linear var(--wipe-delay, 0ms) forwards}.song-sheet .bar-done{background-image:linear-gradient(var(--text-select),var(--text-select));background-repeat:no-repeat;background-size:100% 100%;background-position:100% 0;border-radius:3px;padding-inline:3px;margin-inline:-3px}@keyframes seg-wipe{0%{background-size:0% 100%}to{background-size:100% 100%}}@media(prefers-reduced-motion:reduce){.song-sheet .bar-wipe{animation:none;background-size:100% 100%}}.song-seg-chord.current{background:var(--accent);color:var(--on-accent);border-color:transparent}@media(hover:hover){.song-seg:not(.plain):not(.current):hover .song-seg-text:not(.bar-done):not(.bar-wipe){background-image:linear-gradient(var(--tint-accent),var(--tint-accent));background-repeat:no-repeat;border-radius:3px;padding-inline:3px;margin-inline:-3px}}.song-seg:not(.plain):active{transform:scale(.97)}.song-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.song-item{display:flex;flex-direction:column;align-items:center;gap:2px}.song-item-sub{font-size:11px;font-weight:500;color:var(--muted)}.song-item.active .song-item-sub{color:var(--on-accent);opacity:.85}.song-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px;font-weight:700;color:var(--text);cursor:pointer;box-shadow:var(--sheen),var(--shadow-1);text-align:center;transition:transform var(--dur-2) var(--ease-out),background .12s,color .12s,border-color .12s}@media(hover:hover){.song-item:not(.active):hover{transform:translateY(-1px);background:var(--tint-accent);color:var(--accent-strong);border-color:var(--accent-ring)}}.song-item.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.song-item.selected{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger) inset}#song-select-toggle.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.song-editbar{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 2px 8px}.song-editbar[hidden]{display:none}#song-edit.active{background:var(--text);color:var(--bg);border-color:var(--text)}.se-input{background:transparent;color:var(--text);border:0;border-bottom:1.5px solid var(--line-strong);border-radius:0;padding:6px 2px;font:inherit;font-size:14px;width:96px}.se-input.se-title{width:150px;font-weight:600;font-size:19px;border-bottom-color:var(--text)}.se-input:focus{outline:none;border-bottom-color:var(--accent)}.se-head{display:flex;align-items:center;gap:6px}.se-head .se-title{flex:1 1 auto;min-width:0}.se-row{display:flex;align-items:center;gap:6px;min-width:0}.se-row .se-input{flex:1 1 0;min-width:0}.se-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.se-fields .se-input{width:100%;min-width:0;text-overflow:ellipsis}.se-tone-cell{display:flex;align-items:center;gap:6px;grid-column:1 / -1}.se-tone-label{font-size:12px;font-weight:700;color:var(--muted)}.se-bpm span{min-width:30px}.se-head .se-tone-cell{flex:0 0 auto}.se-tone{flex:0 0 auto;margin-inline-end:2px}.se-tone span{min-width:20px;text-align:center;font-size:13px;font-weight:700;color:var(--accent-strong)}.se-tone button{width:22px;height:22px}#song-save{color:var(--muted)}#song-save.dirty{background:var(--ok);color:var(--on-accent);border-color:transparent}.song-editbar .sc-strip{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:5px}.sc-utils{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.song-view.editing .song-editbar .sc-strip{background:transparent;border:0;border-radius:0;padding:0;margin-top:8px}.sc-chords{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.sc-chip{direction:ltr;min-width:40px;padding:6px 12px;border-radius:999px;background:transparent;border:1px solid var(--line-strong);box-shadow:none;color:var(--text);font-family:var(--font-latin);font-size:14px;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;transition:background .12s,color .12s,border-color .12s,transform var(--dur-2) var(--ease-out)}.lifted{transform:scale(1.18);box-shadow:0 4px 14px var(--glow-accent);z-index:5}@media(hover:hover){.sc-chip:not(.armed):hover{transform:translateY(-1px);background:var(--tint-accent);border-color:var(--accent-ring)}}.sc-chip.armed{background:var(--accent);color:var(--on-accent);border-color:transparent}.sc-chip.sc-add{color:var(--muted);border-style:dashed;box-shadow:none}.sc-chip.sc-pipe{direction:rtl;color:var(--text)}.sc-chip.sc-undo{direction:rtl;color:var(--muted);box-shadow:none}.sc-chip.sc-undo:disabled{opacity:.35;cursor:default;transform:none}.bar-pipe{cursor:pointer;padding:1px 6px 2px}.bar-pipe .song-seg-text{font-size:var(--song-fs, 20px)}.sc-trash{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:30;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;color:var(--danger);border:1px dashed var(--danger);background:var(--panel);box-shadow:var(--shadow-1)}.sc-trash.hot{background:var(--danger);color:var(--on-accent);border-style:solid}.sc-trash[hidden]{display:none}.zone-chords:has(.root-grid.editing) .sc-trash{top:4px;bottom:auto}.song-word.drop-target{background:var(--tint-accent);box-shadow:0 0 0 1px var(--accent)}.song-sheet.editing .song-seg-chord.drop-target{box-shadow:0 0 0 2px var(--accent-ring),0 0 8px var(--glow-accent)}.bar-pipe .song-seg-text{color:var(--accent);font-weight:400}.pipe-char{display:inline-block;width:3px;height:.55em;border-radius:2px;background:var(--accent);opacity:.55}.song-sheet.editing .bar-pipe{padding-inline:3px;position:relative;touch-action:pan-y}.song-sheet.editing .bar-pipe .song-seg-text{min-width:0}.bar-pipe.drag-src{opacity:.35}.song-sheet.editing .song-seg-text{min-width:1ch}.song-sheet.editing .song-seg-text:focus{outline:none;background:var(--tint-accent);border-radius:4px;box-shadow:0 0 0 1px var(--accent-ring)}.split-caret{position:fixed;z-index:1000;width:2px;margin-left:-1px;pointer-events:none;background:var(--accent);border-radius:1px;box-shadow:0 0 0 1px var(--accent-soft),0 0 8px var(--glow-accent)}.split-caret.bar-caret{width:4px;margin-left:-2px;border-radius:3px;background:var(--accent);opacity:.65;box-shadow:none}.song-sheet.editing .song-word{touch-action:pan-y}.song-sheet.editing .song-seg-chord{cursor:grab}@media(pointer:coarse){.song-sheet.editing .song-seg-chord:before{content:"";position:absolute;inset:-6px}.song-sheet.editing .bar-pipe:before{content:"";position:absolute;inset:-8px}}.song-word.drag-src .song-seg-chord{opacity:.35}.chord-ghost-chip{position:fixed;z-index:1000;transform:translate(-50%,-120%);pointer-events:none;background:var(--accent);color:var(--on-accent);border-radius:8px;padding:2px 8px;font-weight:700;font-size:15px;direction:ltr;box-shadow:var(--shadow-1)}.ca-actions .auth-btn.danger{color:var(--danger)}#song-lib-actions{flex-wrap:wrap}.song-text-body{display:flex;flex-direction:column;gap:8px}.song-text-body input,.song-text-body textarea{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}.song-text-body textarea{min-height:200px;resize:vertical;line-height:1.6}.console{flex:0 0 auto;background:var(--bg);border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 40px;min-height:86px;display:flex;flex-direction:column;gap:12px;box-shadow:none}.console:has(.vary-btn.blinking){animation:console-break .5s ease-out}@keyframes console-break{0%{border-top-color:var(--accent)}to{border-top-color:var(--line)}}.console-main{display:flex;align-items:center;gap:12px;flex:1 1 auto;width:100%;max-width:1360px;margin-inline:auto;min-width:0}.vary-group.vary-transport{flex:0 0 auto}.vary-transport .vary-group-btns{gap:8px}.console-tempo{display:flex;justify-content:center;flex:0 0 auto}.vary-row{display:flex;gap:16px;flex:1 1 auto;align-items:stretch;direction:ltr}.vary-group{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.vary-group--autofill,.vary-group--break{flex:0 0 auto}.vary-group--break .vary-btn{flex:0 0 auto;width:auto;min-width:0;max-width:none;padding-inline:15px}.vary-group-btns{display:flex;gap:0;flex:1 1 auto;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden}.vary-transport .vary-group-btns{border:0}@media(min-width:760px){.console-main{justify-content:center}.vary-row{flex:0 1 auto;justify-content:center}.vary-row .vary-group{flex:0 1 auto}.vary-row .vary-group:not(.vary-group--autofill):not(.vary-group--break) .vary-btn{flex:0 0 auto;width:auto;min-width:0;padding-inline:15px}}.vary-btn{position:relative;max-width:none;padding:0 15px;text-align:center;height:42px;min-height:0;display:flex;align-items:center;justify-content:center;border:none;border-bottom:0;border-radius:0;background:transparent;color:var(--muted);font-family:var(--font-latin);font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:color .15s ease,background .15s ease}.vary-btn+.vary-btn{border-inline-start:1px solid var(--line)}.vary-btn:active{color:var(--text)}.vary-btn.missing{opacity:.3;cursor:default}.vary-btn.skeleton{pointer-events:none}.vary-btn.autofill.skeleton{opacity:.3}.vary-btn.active{background:var(--accent);color:var(--on-accent);box-shadow:none}.vary-btn.pending{color:var(--text);animation:pending-blink .5s steps(1,end) infinite}.vary-btn.blinking{animation:btn-blink .3s steps(1,end) infinite}.vary-group--autofill .vary-group-btns{border-style:dashed}.vary-btn.autofill{flex:0 0 auto;min-width:0;min-height:0;width:auto;height:42px;padding:0 12px;border:none;border-radius:0;background:transparent;color:var(--muted);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;letter-spacing:.06em;line-height:1}@media(hover:hover){.vary-btn.autofill:not(.on):hover{color:var(--accent);background:var(--tint-accent)}}.vary-btn.autofill.on{color:var(--ok);filter:drop-shadow(0 0 4px var(--led-ok-glow))}@keyframes pending-blink{0%,49%{background:var(--tint-accent)}50%,to{background:transparent}}@keyframes btn-blink{0%,49%{background:var(--tint-accent);color:var(--accent-strong);box-shadow:inset 0 0 0 2px var(--accent-soft)}50%,to{background:transparent;color:var(--text)}}.play-btn{transition:transform .07s ease,box-shadow .15s ease,filter .12s ease}.play-btn:active{transform:scale(.96);filter:brightness(1.07)}@keyframes live-blink{0%,to{background:var(--grad-play);box-shadow:0 4px 16px var(--glow-play);filter:none}50%{background:var(--grad-play);box-shadow:0 4px 22px var(--glow-play),0 0 0 7px #ec4a5b29;filter:brightness(1.14)}}.play-btn.playing{animation:live-blink 1.2s var(--ease-out) infinite}@media(prefers-reduced-motion:reduce){.play-btn.playing{animation:none}}.gate-btn{transition:transform .08s ease,filter .12s ease,background .12s ease}.gate-btn:active,.auth-btn:active,.icon-btn:active,.mini-btn:active{transform:scale(.97);filter:brightness(.96)}@media(hover:hover){.root-btn:not(.active):hover{transform:none;border-color:var(--accent-ring);box-shadow:none}.vary-btn:not(.active):not(.missing):hover{color:var(--text)}.play-btn:hover{transform:none;box-shadow:none;background:var(--accent-strong)}.restart-btn:hover{transform:none;background:var(--accent-soft);color:var(--text)}}.modal-card.style-picker-card{max-width:680px;height:min(680px,88vh)}.style-picker-body{flex:1 1 auto;min-height:0;margin:2px 20px 18px;padding:0;display:flex;flex-direction:column;gap:8px;--sty-h: 48px}.style-crumbs[hidden],.genre-folders[hidden],.style-grid[hidden],.page-tabs[hidden]{display:none}.style-crumbs{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:4px 6px 2px;font-size:13.5px}.crumb{border:0;background:none;cursor:pointer;padding:3px 6px;border-radius:7px;color:var(--muted);font-size:13.5px;font-weight:600}@media(hover:hover){.crumb:hover{background:var(--tint-accent);color:var(--accent-strong)}}.crumb-here{padding:3px 6px;color:var(--text);font-size:13.5px;font-weight:700}.crumb-sep{color:var(--line-strong);user-select:none}.genre-folders,.style-grid{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.genre-folders{overflow-y:auto}.style-grid{overflow:hidden}.pick-row{flex:0 0 auto;display:flex;align-items:center;gap:10px;height:var(--sty-h);padding:0 10px;text-align:start;border:0;border-bottom:1px solid var(--line);border-radius:0;cursor:pointer;background:none;color:var(--text);font-size:15px;font-weight:500;transition:background .1s,color .1s}.genre-folders .pick-row:last-child,.style-grid .pick-row:last-child{border-bottom:0}@media(hover:hover){.pick-row:hover{background:var(--tint-accent);border-radius:10px}}.pick-row:active{background:var(--accent-soft);border-radius:10px}.row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-row.folder .row-name{font-weight:600}.row-count,.row-meta{margin-inline-start:auto;color:var(--muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;font-family:var(--font-latin)}.row-count{font-weight:600}.row-chev{color:var(--line-strong);font-family:var(--font-latin);flex:0 0 auto}.pick-row.active,.pick-row.playing{color:var(--accent-strong);font-weight:700}.pick-row.active .row-meta,.pick-row.playing .row-count{color:var(--accent-strong)}.pick-row.active:before,.pick-row.playing:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--led-on);box-shadow:0 0 6px var(--led-glow)}.list-empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:14px;grid-column:1 / -1}.page-tabs{flex:0 0 auto;display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.page-tab{min-width:40px;padding:7px 12px;border:0;border-radius:999px;cursor:pointer;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;font-family:var(--font-latin);transition:background var(--dur-2),color var(--dur-2)}@media(hover:hover){.page-tab:not(.active):hover{background:var(--tint-accent);color:var(--accent-strong)}}.page-tab.active{background:var(--accent-soft);color:var(--accent-strong)}.scrim{position:fixed;inset:0;background:#18152059;z-index:20;backdrop-filter:blur(3px)}.scrim[hidden]{display:none}.drawer{position:fixed;z-index:55;background:var(--panel);display:flex;flex-direction:column;gap:14px;inset:auto 0 0;max-height:82dvh;overflow-y:auto;border:1px solid var(--line);border-bottom:none;border-radius:22px 22px 0 0;padding:16px 16px calc(16px + var(--safe-b));box-shadow:var(--shadow-3);transform:translateY(110%);transition:transform var(--dur-3) var(--ease-out),visibility var(--dur-3);visibility:hidden}.drawer.open{transform:translateY(0);visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700}.drawer-head-title{display:inline-flex;align-items:center;gap:8px}.drawer-head-acts{display:inline-flex;gap:8px;margin-inline-start:auto;margin-inline-end:8px}.drawer-head-acts [hidden]{display:none}.drawer-head-acts .icon-btn,#mixer-panel-close{width:35px;height:35px;padding:0;justify-content:center}.drawer-section{display:flex;flex-direction:column;gap:8px;min-height:0;flex:0 0 auto}.drawer-section.drawer-faders{flex:1 1 auto}.drawer-label{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.drawer-check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.drawer-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.be-scope-btn{width:auto!important;height:auto!important;padding:5px 12px!important;font-size:12px;font-weight:600}.be-scope-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.be-scope-btn.dim{opacity:.4;cursor:default}.drawer-status{font-size:12px;color:var(--muted);min-height:16px}.mixer{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:stretch;flex:1 1 auto;min-height:0}.mix-strip{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:8px 3px}.mix-name{font-size:10px;font-weight:700;color:var(--text);white-space:normal;word-break:break-word;text-align:center;line-height:1.05;padding:3px 2px}.mix-name-edit{cursor:pointer;border-radius:5px;transition:background .12s ease,color .12s ease}.mix-name-edit:hover,.mix-name-edit:focus-visible{background:var(--accent-soft);color:var(--accent-strong);outline:none}.mix-readout{font-size:10px;color:var(--accent-strong);font-variant-numeric:tabular-nums}.mix-fader{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:90px;contain:size}.mix-vol{-webkit-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:22px;height:100%;accent-color:var(--accent);cursor:pointer}.mix-step{flex:0 0 auto;width:100%;height:22px;border:none;border-radius:7px;background:var(--panel-3);color:var(--text);font-size:14px;line-height:1;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.mix-mute{width:100%;height:26px;border-radius:8px;border:none;background:var(--panel-3);color:var(--muted);font-size:10px;cursor:pointer}.mix-mute.on{background:var(--danger);color:var(--on-accent)}.mix-solo{width:100%;height:26px;border-radius:8px;border:none;margin-top:4px;background:var(--panel-3);color:var(--muted);font-size:10px;cursor:pointer}.mix-solo.on{background:var(--accent);color:var(--on-accent)}.mix-strip.dead{opacity:.32}.mix-strip.dead .mix-vol,.mix-strip.dead button{cursor:default}.mixer-master{align-items:center;justify-content:center;padding-bottom:10px;border-bottom:1px solid var(--line)}#master-dial{display:flex;direction:ltr;align-items:center;gap:14px}.mixer-master{container-type:inline-size}@container (max-width: 300px){#master-dial{flex-wrap:wrap;justify-content:center;gap:6px 18px}#master-dial>.tone-dial:nth-child(2){order:-1;flex-basis:100%}#master-dial>.tone-dial:not(:nth-child(2)) .dial{--dial-size: 52px !important}}.tone-dial{display:flex;flex-direction:column;align-items:center;gap:4px}.tone-cap{font-size:11px;color:var(--muted)}.lim-led{width:8px;height:8px;margin:3px 0;border-radius:50%;background:var(--led-off);transition:background var(--dur-1, .12s)}.lim-led.warn{background:var(--led-warn);box-shadow:0 0 6px var(--led-warn)}.lim-led.hot{background:var(--danger);box-shadow:0 0 6px var(--danger)}.dial{position:relative;width:var(--dial-size, 128px);height:var(--dial-size, 128px);flex:0 0 auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;direction:ltr;border-radius:50%}.dial.dragging{cursor:grabbing}.dial:focus-visible{outline:2px solid var(--accent-ring);outline-offset:4px}.dial-scale{position:absolute;inset:0;pointer-events:none}.dial-track{fill:none;stroke:var(--line-strong);stroke-width:2}.dial-tick{stroke:var(--line);stroke-width:1.4}.dial-fill{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset var(--dur-2) var(--ease-out)}.dial-knob{position:absolute;inset:17%;border-radius:50%;background:var(--grad-silver);border:1px solid var(--line-strong);box-shadow:var(--sheen),var(--shadow-2)}.dial-rotor{position:absolute;inset:0;transition:transform var(--dur-2) var(--ease-out)}.dial-needle{position:absolute;top:4%;left:50%;width:3px;height:12%;margin-left:-1.5px;border-radius:2px;background:var(--accent);box-shadow:0 0 6px var(--glow-accent)}.dial.dragging .dial-rotor,.dial.dragging .dial-fill{transition:none}.dial-readout{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.dial-num{font-family:var(--font-latin);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--accent-strong);font-size:calc(var(--dial-size, 128px) * .19);line-height:1}.dial-led{width:7px;height:7px;border-radius:50%;background:var(--led-off)}.is-playing .dial-led{background:var(--led-on);opacity:.2}.is-playing .dial-led.led-tick{animation:bpm-tick var(--beat, .5s) steps(1,end) 1}.is-playing .dial-led.led-tick1{animation-name:bpm-tick1}@media(min-width:760px){.topbar{padding:10px 28px 10px 20px}.brand{font-size:22px}.brand-svg{height:34px}.brand-word{height:20px}.stage{padding:0;gap:0}.console{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.drawer{inset:0 auto 0 0;width:360px;max-height:none;height:100dvh;border:none;border-inline-end:1px solid var(--line);border-radius:0 22px 22px 0;padding:18px;box-shadow:var(--shadow-3);transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-faders{min-height:0}#mixer-panel{width:min(90vw,clamp(230px,var(--mixer-w, 230px),540px));padding-inline:10px}.mixer{justify-content:center;gap:4px}.mix-strip{flex:0 0 46px}}@media(max-width:759px){.stage{display:flex;flex-direction:column;gap:0;padding:0 var(--safe-r) calc(8px + var(--safe-b)) var(--safe-l)}.zone{padding:0 24px}.stylebar-row{padding:0 16px}.style-folderbar{flex-wrap:nowrap;gap:20px;justify-content:safe center;overflow-x:auto;scrollbar-width:none}.topbar{padding:calc(9px + var(--safe-t)) calc(12px + var(--safe-r)) 9px calc(12px + var(--safe-l))}.brand-svg{height:27px}.fb-btn{font-size:14px;padding:12px 2px 10px}.numcard{font-size:30px;line-height:32px}.brand{gap:7px;margin-inline-start:8px}.brand-sep{height:22px}.motti-m{width:28px;height:28px}.motti-reveal,.brand-collab{display:none}.motti-eq-mini{height:16px}.topbar-status{display:none}.topbar-end{flex:0 0 auto;gap:6px}.icon-btn{padding:8px 12px}.topbar-end .icon-btn .btn-label{display:none}.topbar-end .icon-btn{padding:9px 11px}.zone-chords{flex:1 1 auto;min-height:0}.zone-chords .zone-head{gap:6px;margin:12px 0 10px;padding-bottom:8px}.zone-head-end{flex:1 1 auto;justify-content:space-between;gap:6px;flex-wrap:wrap;min-width:0}.zone-head-end .console-tempo{order:-1;flex:1 1 100%;justify-content:space-between;gap:0;min-width:0;padding-inline:6px}.zone-head-end .console-tempo .ctl+.ctl{margin-inline-start:14px}.ctl-num{flex:0 0 auto}.rul{gap:4px}.stp{width:22px}.zone-head-end{row-gap:8px}.zone-head-end .chord-mode{flex:0 0 auto}.ctl-pal{border:0;padding:0;margin:0;align-self:center;order:0}.ctl-pal>label{display:none}.pal-menu{flex-wrap:wrap;width:max-content;max-width:calc(100vw - 32px)}.pal-menu .fm-sep{flex:1 0 100%;width:auto;height:1px;margin:2px 0}.ctl-mode{border:0;padding:0;margin:0;margin-inline-start:auto;align-self:center;order:1}.ctl-mode>label{display:none}.zone-head-end .song-pick{flex:0 1 auto;min-width:0}.mode-btn{padding:0 1px;font-size:14px}.chord-mode{gap:16px;height:30px}.style-open .style-open-cur{max-width:none;min-width:0}.modal-card.style-picker-card{height:100%;max-height:94vh}.style-picker-body{--sty-h: 50px;margin:2px 12px calc(12px + var(--safe-b));padding:0;gap:6px}.pick-row{font-size:14px;padding:0 8px}.console{padding:6px 10px 8px;gap:8px;border-radius:0;min-height:0}.console-main{flex-wrap:wrap;gap:8px}.console-main .vary-row{flex:1 1 100%;display:flex;flex-wrap:wrap;justify-content:center;direction:ltr;gap:0 18px;min-width:0}.vary-group-btns{gap:0}.vary-group--autofill{order:0;flex:0 1 auto}.vary-group--main{order:1;flex:0 1 auto}.vary-group--break{order:2;flex:0 1 auto}.vary-group--intro{order:3;flex:0 1 auto}.vary-group--ending{order:4;flex:0 1 auto}.vary-group.vary-transport{flex:1 1 auto;min-width:0}.vary-transport .vary-group-btns{gap:6px}.vary-transport .restart-btn:not(.tap-btn){order:1}.vary-transport .play-btn{order:2}.vary-transport .tap-btn{order:3}.play-btn{min-width:64px;height:44px;padding:0 18px;font-size:16px;flex:1 1 auto;border-radius:999px}.restart-btn{width:40px;height:40px;border-radius:50%;flex:0 0 auto}.vary-group--break .vary-btn{min-width:0;padding-inline:8px}.stepper{gap:2px;padding:3px}.stepper span{min-width:22px;font-size:15px}.vary-btn{flex:0 1 auto;min-width:0;max-width:none;height:34px;padding:0 8px;font-size:12px}.vary-btn.autofill{width:auto;height:34px;padding:0 7px;font-size:9px}.mixer{overflow:hidden;gap:3px;justify-content:center;touch-action:pan-y}.mix-strip{flex:1 1 0;min-width:0;max-width:46px;overflow:hidden;padding:6px 1px}.mix-name{font-size:9px;padding:2px 1px}.mix-readout{font-size:9px}.mix-fader{min-height:56px}.mix-vol{width:20px}.mix-step{height:20px;font-size:13px}.mix-mute,.mix-solo{height:22px;font-size:9px}}@media(max-width:759px)and (orientation:landscape){.topbar{padding-top:calc(6px + var(--safe-t));padding-bottom:6px}.brand-svg{height:26px}.brand-word{height:9px}.stage{gap:6px;padding:6px calc(8px + var(--safe-r)) calc(6px + var(--safe-b)) calc(8px + var(--safe-l))}.zone{padding:0 12px}.style-open .style-open-name{font-size:18px}.zone-chords .zone-head{margin-bottom:6px}.console{padding:8px 10px;gap:6px}.play-btn{height:40px}.restart-btn{width:40px;height:40px}.vary-btn{min-height:38px;padding:8px 6px 6px;font-size:13px}.keyboard{min-height:90px}}@media(max-width:759px){.mod-btn{height:32px;min-width:60px;padding:0 14px;font-size:13px}.style-open .style-open-name{font-size:19px}}@media(max-width:380px){.vary-btn{height:32px;padding:0 6px;font-size:11.5px}.vary-btn.autofill{height:32px;padding:0 5px}}@media(min-width:760px)and (max-width:1080px){.console-main{flex-wrap:wrap;justify-content:center;gap:8px}.vary-row{flex:1 1 100%;flex-wrap:wrap;justify-content:center;gap:8px 18px}.vary-group{flex:0 1 auto}}@media(max-width:1080px){.console-main{gap:10px}.vary-row{gap:10px 16px;align-content:center}.vary-group--autofill{order:0}.vary-group--main{order:1}.vary-group--break{order:2}.vary-group--intro{order:3}.vary-group--ending{order:4}}@media(max-width:984px){.console-main .vary-row{gap:5px 14px}.vary-row.needs-break:after{content:"";flex:1 0 100%;height:0;order:3}.vary-group--intro{order:4}.vary-group--ending{order:5}}.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#18152066;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}.modal[hidden]{display:none}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:100%;max-width:440px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-3);animation:modal-in var(--dur-3) var(--ease-out)}@keyframes modal-in{0%{transform:translateY(6px) scale(.99);opacity:0}to{transform:none;opacity:1}}.modal-card.modal-lg{max-width:920px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.modal-title{font-weight:700;color:var(--text)}.modal-actions{display:flex;align-items:center;gap:6px}.modal-close{background:transparent;color:var(--muted);border:0;font-size:18px;cursor:pointer;padding:2px 6px}.modal-close:hover{color:var(--text)}.modal-body{padding:14px 16px;overflow:auto}.content-modal-body{display:flex;flex-direction:column;gap:14px;overflow:hidden;min-height:0;height:74vh}.mini-btn{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-shadow:var(--sheen),var(--shadow-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2),border-color var(--dur-2),background var(--dur-2),color var(--dur-2)}@media(hover:hover){.mini-btn:not(.active):hover{transform:translateY(-1px);background:var(--tint-accent);color:var(--accent-strong);border-color:var(--accent-ring);box-shadow:var(--sheen),var(--shadow-2)}}.mini-btn.icon{padding:5px 6px}.tree-group-label .mini-btn{margin-inline-start:6px;vertical-align:middle}.fr-rename{background:var(--panel);border:1px solid var(--accent);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;padding:4px 8px;width:180px;max-width:55%}.fr-rename:focus{outline:none}.upload-body{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}.upload-body>.drawer-status:empty{display:none}#content-settings{display:flex;flex-direction:column;gap:10px}#content-settings[hidden]{display:none}.upload-group{display:flex;flex-direction:column;gap:6px}.upload-group b{color:var(--accent);font-size:13px}.tab-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}.tab-actions:empty{display:none}.tab-actions .auth-btn{flex:1 1 140px;justify-content:center}.explorer{display:grid;grid-template-columns:320px 1fr;grid-template-rows:minmax(0,1fr);min-height:160px;flex:1 1 auto}.explorer-tabs{display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:8px}.explorer-head{position:sticky;top:-8px;z-index:3;margin:-8px -8px 0;padding:8px 8px 0;background:var(--panel)}.expl-tab{flex:1 1 0;min-width:0;padding:7px 4px;white-space:nowrap;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:13px;cursor:pointer;transition:background var(--dur-2),color var(--dur-2),border-color var(--dur-2)}.vp-search.expl-search{display:block;width:100%;box-sizing:border-box;margin-bottom:8px}.srch-hide{display:none!important}@media(hover:hover){.expl-tab:not(.active):hover{background:var(--tint-accent);color:var(--accent-strong);border-color:var(--accent-ring)}}.expl-tab.active{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}.be-num{color:var(--accent);font-size:12px;min-width:26px;text-align:center}.explorer-tree{border-inline-end:1px solid var(--line);overflow:auto;padding:8px}.explorer-detail{overflow:auto;padding:10px 14px}.explorer-empty{color:var(--muted);padding:20px;text-align:center}.tree-node{padding:8px 10px;border-radius:9px;cursor:pointer;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:8px}.tree-node,.file-row{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tree-node input,.file-row input{user-select:text;-webkit-user-select:text}.tree-node:hover{background:var(--tint-accent)}.tree-node.active{background:var(--accent-soft);color:var(--accent-strong)}.tree-node .badge{color:var(--muted);font-size:12px}.tree-chev{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:6px}.tree-chev .ic{width:14px;height:14px;transform:rotate(90deg);transition:transform var(--dur-2)}.tree-chev.open .ic{transform:none}@media(hover:hover){.tree-chev:not(.empty):hover{background:var(--tint-accent);color:var(--text)}}.tree-node .tree-node-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-tree{display:flex;flex-direction:column;max-height:52vh;overflow-y:auto}.mv-row{display:flex;align-items:center;gap:8px;width:100%;text-align:start;background:none;color:var(--text);border:0;border-bottom:1px solid var(--line);padding:11px 10px;font-size:14px;font-family:inherit;cursor:pointer}.mv-row:last-child{border-bottom:0}@media(hover:hover){.mv-row:hover{background:var(--tint-accent);border-radius:10px}}.mv-row .ic,.mv-row.mv-new{color:var(--muted)}.ctx-menu{position:fixed;z-index:300;min-width:190px;padding:6px;background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:2px}.ctx-item{display:flex;align-items:center;gap:9px;width:100%;text-align:start;background:transparent;border:none;border-radius:8px;padding:8px 11px;color:var(--text);font-size:13.5px;font-family:inherit;cursor:pointer}.ctx-item:not([disabled]):hover{background:var(--tint-accent)}.ctx-item.danger{color:var(--danger)}.ctx-item[disabled]{opacity:.45;cursor:default}.ctx-sep{height:1px;background:var(--line);margin:4px 6px}.file-row.selected{background:var(--accent-soft)}.tree-group-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin:10px 6px 4px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px}.file-row[hidden]{display:none}.file-row:hover{background:var(--tint-accent)}.explorer-detail .file-row{border-bottom:1px solid var(--line);border-radius:0;padding:9px 8px}.explorer-detail .file-row:last-child{border-bottom:0}.explorer-detail .file-row:hover,.explorer-detail .file-row.selected,.explorer-detail .file-row.previewing{border-radius:10px}.file-row .fr-name{color:var(--text)}.file-row .fr-meta{color:var(--muted);font-size:12px}.file-row.row-hidden .fr-name,.tree-node.row-hidden .tree-node-name{opacity:.55}.fr-title{unicode-bidi:plaintext}.fr-ext{color:var(--muted);font-size:11px;font-weight:400}.fr-tag{flex:0 0 auto;margin-inline-start:6px;padding:1px 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}.explorer-bulkbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;margin-bottom:4px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:var(--panel)}.file-row .fr-check,.explorer-bulkbar input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.explorer-bulkbar .bulk-selall{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);cursor:pointer;margin-inline-end:auto}.file-row .fr-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.file-row.voice-row{cursor:pointer}.file-row.previewing{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #2e6fbe66}.voice-bench{position:sticky;top:0;z-index:3;margin-bottom:12px;padding:8px 10px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:8px}.vb-head{display:flex;align-items:center;gap:8px;height:30px;font-size:13px;white-space:nowrap;min-width:0}.vb-name{color:var(--accent-strong);font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis}.vb-name.muted{color:var(--muted);font-weight:500}.vb-cnt{color:var(--muted)}.vb-grow{flex:1 1 auto;min-width:0}.vb-dirty{color:var(--danger);font-size:12px}.vb-status{font-size:12px}.vb-head [hidden]{display:none}.keyboard.preview-kb{flex:0 0 auto;height:84px;min-height:84px;border-radius:6px}.preview-kb .key:after{content:none}.preview-kb .key.white[data-name^=C]:after{content:attr(data-name);font-size:9px}.preview-kb .key.off{opacity:.32}.preview-kb .key.flt{background:var(--accent-soft)}.preview-kb .key.black.flt{background:var(--accent)}.vb-layers-head{display:flex;align-items:center;gap:8px;height:26px;font-size:12.5px;color:var(--muted)}.vb-chev{border:0;background:transparent;color:var(--text);font:inherit;font-weight:500;font-size:13px;padding:2px 4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;border-radius:6px}.vb-chev .ic{width:12px;height:12px;transition:transform .18s ease}.voice-bench.closed .vb-chev .ic{transform:rotate(-90deg)}@media(prefers-reduced-motion:reduce){.vb-chev .ic{transition:none}}.vb-flt-txt b{color:var(--accent-strong);font-family:var(--font-latin)}.vb-list{position:relative;height:116px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.vb-row{display:grid;grid-template-columns:1.4fr 1fr .8fr 1.4fr;gap:8px;padding:0 10px;height:30px;align-items:center;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted);cursor:pointer}.vb-row:last-child{border-bottom:0}.vb-row .r{color:var(--text);font-weight:500;font-family:var(--font-latin);direction:ltr;text-align:end}.vb-row .n{direction:ltr;unicode-bidi:isolate;text-align:end;font-variant-numeric:tabular-nums}.vb-row.sel{background:var(--tint-accent);color:var(--accent-strong)}.vb-row.sel .r{color:var(--accent-strong)}.vb-row.vb-empty{grid-template-columns:1fr;cursor:default}.vb-row.vb-lhead{position:sticky;top:0;z-index:1;height:24px;background:var(--panel);font-size:11px;cursor:default}.vb-strip{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;min-height:26px;font-size:12.5px;color:var(--muted)}.vb-strip label{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12.5px;white-space:nowrap}.vb-strip input[type=number]{width:62px;font:inherit;font-size:12.5px;padding:3px 6px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);direction:ltr;text-align:center;font-variant-numeric:tabular-nums}.vb-shift{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;min-height:26px;font-size:12.5px;color:var(--muted)}.vb-shift-lab{font-weight:500;color:var(--text)}.vb-cap{display:inline-flex;flex:0 0 auto;direction:rtl}.vb-cap button{height:26px;padding:0 10px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;border-radius:0;margin-inline-start:-1px}.vb-cap button:first-child{border-start-start-radius:999px;border-end-start-radius:999px;margin-inline-start:0}.vb-cap button:last-child{border-start-end-radius:999px;border-end-end-radius:999px}.vb-cap button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);position:relative;z-index:1}.vb-cap button:disabled{opacity:.45;cursor:default}.vb-shift-btns{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;direction:ltr}.vb-step{height:26px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;font-size:12px;cursor:pointer;font-variant-numeric:tabular-nums}.vb-step:disabled{opacity:.45;cursor:default}.vb-shift-val{width:50px;height:26px;font:inherit;font-size:12.5px;padding:0 4px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);direction:ltr;text-align:center}.vb-shift-msg.warn{color:var(--danger)}.vb-shift-msg{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.vb-shift .rec-lnk{flex:0 0 auto;min-height:0;height:26px;padding-block:0;white-space:nowrap}.preview-kb .key.mv{box-shadow:inset 0 -4px 0 var(--accent)}.preview-kb .key.clash{box-shadow:inset 0 -4px 0 var(--danger)}.preview-kb{touch-action:pan-x}@media(hover:hover){.vb-step:hover:not(:disabled),.vb-cap button:hover:not(:disabled):not(.on){background:var(--tint-accent);color:var(--accent-strong)}}.voice-bench.closed .vb-list,.voice-bench.closed .vb-shift,.voice-bench.closed .vb-strip{display:none}@media(hover:hover){.vb-row:not(.vb-lhead):hover{background:var(--tint-accent)}.vb-chev:hover{background:var(--tint-accent);color:var(--accent-strong)}}.preview-kb-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px}.choice-msg{white-space:pre-wrap;margin:0 0 14px;color:var(--text);font-size:14px;line-height:1.5}.choice-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:16px}.choice-actions .auth-btn.danger{color:var(--danger)}.choice-actions .auth-btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}@media(hover:hover){.choice-actions .auth-btn.ghost:hover{background:var(--tint-accent);border-color:var(--accent-ring);color:var(--accent-strong)}}.genre-choose{display:flex;flex-direction:column;gap:8px}.genre-choose select,.genre-choose input,.genre-new-input{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px;width:100%}.genre-new-input[hidden]{display:none}.nf-row{display:flex;align-items:center;gap:8px}.nf-row>label{flex:0 0 auto;min-width:52px;font-size:13px;color:var(--muted)}.nf-multi{display:flex;gap:6px;flex:1 1 auto;min-width:0}.loop-set-editor .nf-row>label{min-width:96px}.loop-set-editor .nf-row input[type=number]{width:110px;flex:0 0 auto}.set-timing-warn{color:var(--danger)}#builder-modal .modal-card{max-width:1040px}#builder-body{display:flex;flex-direction:column;gap:12px}.be-group{display:flex;flex-direction:column;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.be-group-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em}.be-group-title .ic{width:14px;height:14px}.be-group-title>span{flex:0 0 auto}.be-group-title select{flex:0 0 auto;margin:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:4px 6px;font-weight:400}.be-group .be-settings{border-bottom:0;margin-bottom:0;padding-bottom:0}.be-row{display:flex;flex-wrap:nowrap;gap:6px 10px;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:6px 10px}.be-row-flash{animation:beRowFlash 1.4s ease}@keyframes beRowFlash{0%,40%{background:var(--accent-soft);border-color:var(--accent)}to{background:var(--panel-2);border-color:var(--line)}}.be-role{flex:0 0 60px;color:var(--accent);font-weight:600;font-size:13px}.be-controls{flex:1 1 auto;min-width:0}.be-actions{flex:0 0 auto;display:flex;flex-wrap:nowrap;gap:6px}.mini-btn.ok{color:var(--ok)}.be-settings{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 6px;border-bottom:1px solid var(--line);margin-bottom:4px}.be-set{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:4px 9px}.be-set>span{color:var(--muted);font-size:12px}.be-set b{color:var(--text);font-size:14px;min-width:28px;text-align:center}.be-set button{width:26px;height:26px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;cursor:pointer}.be-set select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:4px 6px}.be-meter{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:2px 0 6px}.be-meter-val{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:12px}.be-meter-val b{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.be-asm-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.be-asm-row span{color:var(--muted);font-size:13px}.be-asm-row select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:4px 6px;font-family:inherit}.be-controls{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.be-controls label{color:var(--muted);font-size:12px;display:flex;gap:4px;align-items:center}.be-controls label b.be-num{min-width:26px;text-align:center}.be-controls input[type=range]{flex:0 1 110px;min-width:70px}.be-controls select,.be-controls input[type=range]{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;accent-color:var(--accent)}.be-controls select{padding:4px 6px;max-width:180px}.be-controls .be-voice{flex:0 1 240px;min-width:140px}.be-controls .be-voice select{flex:1 1 auto;min-width:0;max-width:none;width:100%}.be-oct{display:flex;align-items:center;gap:4px}.be-oct button{width:24px;height:24px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;cursor:pointer}.be-oct-val{display:inline-block;min-width:2.4ch;padding:0 2px;text-align:center;font-variant-numeric:tabular-nums}.be-step{flex:0 0 auto;width:26px;height:26px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:14px;line-height:1;touch-action:manipulation;user-select:none;-webkit-user-select:none}.fx-body{display:flex;flex-direction:column;gap:14px;min-width:260px}.fx-body label{color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center}.fx-body input[type=range]{flex:1 1 auto;min-width:0}.fx-body input[type=range],.fx-body select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;accent-color:var(--accent)}.fx-body select{padding:4px 6px;flex:1 1 auto}.fx-body input[type=number]{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:4px 6px;width:60px}.console-card{height:min(700px,93vh);max-width:960px}.console-card .fx-body{overflow:hidden;flex:1 1 auto;gap:10px}.console-page{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.console-tab-group{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em}.fx-tabs .console-sec-sel{flex:0 0 auto;width:auto;height:26px;padding:0 4px;margin-inline-end:8px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;font:inherit;font-size:12px;font-weight:600;line-height:1;box-shadow:var(--sheen)}.fx-tabs .console-sec-sel+.be-scope-btn{border-inline-start:0}.console-tab-group:not(:first-child){margin-inline-start:10px;padding-inline-start:12px;border-inline-start:1px solid var(--line)}.console-note,.console-status{color:var(--muted);font-size:12px;text-align:start;padding:2px 0 0}.console-status:empty{display:none}.ch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,430px));gap:12px;align-items:start;justify-content:start}.ch-sec{display:flex;flex-direction:column;gap:10px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}.ch-sec-title{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.04em;border-bottom:1px solid var(--line);padding-bottom:6px}.ch-sec-body{display:flex;flex-direction:column;gap:10px;min-width:0}.ch-sec label{color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.ch-sec input[type=range]{flex:1 1 auto;min-width:80px}.ch-sec select{min-width:0;max-width:100%}.ch-sec-empty{color:var(--muted);font-size:12px}.fx-tabs{flex-wrap:wrap}.be-role-link{cursor:pointer}@media(hover:hover){.be-role-link:hover{color:var(--accent-strong);text-decoration:underline}}.chedit-bars{flex-wrap:wrap}.chedit-bars select{flex:0 1 auto}.chedit-kinds{flex-wrap:wrap;gap:12px}.chedit-kinds .drawer-check{display:inline-flex;align-items:center;gap:4px}.ots-card{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;align-items:center}.ots-card label:not(.ots-voice){flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.ots-card input[type=range]{min-width:50px}.ots-card .ch-sec-title,.ots-card .ots-voice{grid-column:1 / -1}.ots-voice{flex-wrap:wrap}.ots-voice b.be-num{min-width:0;flex:1 1 100%;text-align:right;font-size:12px;color:var(--muted)}.vp-card{display:flex;flex-direction:column;max-height:88vh}.vp-search{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-family:inherit;font-size:13px;width:170px}.vp-search::placeholder{color:var(--muted)}.vp-body{flex:1 1 auto;min-height:200px;--vp-pad: 14px;padding-top:var(--vp-pad)}.vp-group-head{display:flex;align-items:center;gap:7px;padding:8px 10px;margin-top:6px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);font-weight:600;cursor:pointer;position:sticky;top:calc(-1 * var(--vp-pad));z-index:1}.vp-group-head .badge{color:var(--muted);font-size:12px;font-weight:400;margin-inline-start:auto}.vp-group-head .vp-arrow{transition:transform .15s;color:var(--muted)}.vp-group-head .vp-head-check{color:var(--accent)}.vp-group.closed .vp-arrow{transform:rotate(-90deg)}.vp-group.closed .vp-group-content{display:none}.vp-group-content{padding-inline-start:6px}.vp-row{cursor:pointer}.vp-row.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #2e6fbe66}.vp-row.sub{outline:1px dashed var(--accent);outline-offset:-1px}.vp-row .vp-sub-tag{flex:0 0 auto;color:var(--accent);font-size:12px}.vp-row.loading{opacity:.55;pointer-events:none}.vp-row .fr-check-ic{flex:0 0 auto;color:var(--accent);width:16px}.be-voice-btn{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:6px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-family:inherit;font-size:13px;cursor:pointer;text-align:start}.be-voice-btn>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-voice-btn:disabled{color:var(--muted);cursor:default}.be-voice-btn .ic{flex:0 0 auto;width:1em;height:1em;color:var(--muted)}@media(max-width:759px){.modal{padding:12px}.explorer{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.explorer-tree{border-inline-end:0;border-bottom:1px solid var(--line);max-height:32vh}.voice-bench:not(.closed){position:static}.tree-chev{width:36px;height:36px;margin-block:-8px;margin-inline-start:-8px}.tab-actions{flex-direction:column}.tab-actions .auth-btn{flex:0 0 auto}.be-row{gap:4px;padding:6px}.be-role{flex:0 0 auto;font-size:12px}.be-controls{flex-wrap:nowrap;gap:4px;min-width:0}.be-lbl,.be-step{display:none}.be-controls .be-voice{flex:1 1 60px;min-width:0}.be-voice-btn{padding:5px 6px;gap:4px}.be-controls input[type=range]{flex:1 1 44px;min-width:34px}.be-controls label b.be-num{min-width:20px;font-size:11px}.be-oct button{width:21px;height:22px}.be-oct-val{min-width:2ch;padding:0 1px}.be-actions{gap:4px}.be-actions .mini-btn{padding:4px 6px;font-size:11px}#builder-modal .modal-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#builder-modal .modal-actions{display:contents}#builder-modal .modal-title{grid-column:1 / 3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#builder-modal .modal-close{grid-row:1;grid-column:3;justify-self:end}.vp-search{width:120px}.vp-row{padding:9px 8px}}@media(max-width:344px){.be-controls label b.be-num{display:none}}.perf-mode .topbar,.perf-mode .stylebar-row{display:none}.perf-mode .zone-chords .zone-head{justify-content:space-between;gap:8px;margin-bottom:6px}.perf-mode .zone-head-end{display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:8px}.perf-mode .zone-head-end .console-tempo{height:38px;gap:6px;flex:0 0 auto;min-width:0}.perf-mode .zone-head-end .console-tempo .ctl{flex-direction:row;gap:5px}.perf-mode .stp{width:18px}.perf-mode .rul{gap:4px}.perf-mode .zone-head-end .console-tempo .ctl+.ctl{padding-inline-start:10px;margin-inline-start:10px}.perf-mode .ctl-mode{border:0;padding:0;margin:0;align-self:center}.perf-mode .ctl-mode>label{display:none}.perf-mode .ctl-pal{border:0;padding:0;margin:0;align-self:center}.perf-mode .ctl-pal>label{display:none}.perf-mode .chord-mode{flex:0 0 auto}.perf-mode .mode-btn{padding:0 8px;font-size:11.5px}.perf-mode .song-pick{flex:0 1 auto;min-width:0}.perf-mode .song-pick #song-title{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-mode .console-main .style-open{flex:1 1 100%;order:-1;width:auto;height:26px;min-width:0;padding:0;justify-content:center;gap:8px;border-radius:0;font-size:15px;font-weight:500;color:var(--text)}.perf-mode .console-main .style-open .style-open-cur{max-width:none}.perf-mode .console-main .style-open .style-open-name{font-size:15px;font-weight:500}.perf-mode .mixer-fab{position:static;margin:0;width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line)}.perf-mode .mixer-fab-ic{width:20px;height:20px}.perf-mode #mixer-panel{top:0;max-height:none;border-radius:0}.perf-mode{--perf-btn: clamp(44px, 14vh, 56px)}.perf-mode .stage{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"stylebar stylebar" "head head" "chords console";column-gap:12px;row-gap:0;padding:6px calc(8px + var(--safe-r)) calc(6px + var(--safe-b)) calc(8px + var(--safe-l))}.perf-mode .zone-chords{display:contents}.perf-mode .zone-chords .zone-head{grid-area:head;margin:0 0 6px;padding-bottom:6px}.perf-mode .chords-area{grid-area:chords;display:flex;flex-direction:column;min-height:0}.perf-mode .chords-area[hidden]{display:none}.perf-mode .keyboard-wrap{grid-area:chords;flex-direction:column;min-height:0}.perf-mode .keyboard-wrap .kb-chord,.zone-head-end .kb-head{display:none}.perf-mode .zone-head-end .kb-head:not([hidden]){display:flex}.perf-mode .kb-head-chord{font-size:24px;line-height:32px;min-width:72px;padding:0 12px;border-radius:10px}.perf-mode .keyboard-wrap .keyboard{flex:1 1 auto;min-height:90px}.perf-mode .song-view{grid-area:chords;min-height:0}.perf-mode .chord-mods{margin-top:2px;gap:8px}.perf-mode .mod-btn{height:38px;min-width:50px;padding:0 12px;font-size:13px}.perf-mode .console{grid-area:console;min-height:0;border-top:0;border-inline-start:1px solid var(--line);padding:2px 0;padding-inline-start:12px;justify-content:center;gap:6px}.perf-mode .console-main{flex-wrap:wrap;align-content:center;justify-content:center;gap:8px}.perf-mode .console-main .vary-row{flex:1 1 100%;flex-wrap:wrap;justify-content:center;gap:8px}.perf-mode .vary-row:after{display:none}.perf-mode .vary-row .vary-group--main{order:0;flex:1 1 100%}.perf-mode .vary-row .vary-group--intro{order:1;flex:1 1 auto}.perf-mode .vary-row .vary-group--break{order:2;flex:0 0 auto}.perf-mode .vary-row .vary-group--ending{order:3;flex:1 1 auto}.perf-mode .vary-row .vary-group--autofill{order:4;flex:0 0 auto}.perf-mode .vary-btn{height:var(--perf-btn);min-height:0;padding:0 8px;font-size:13px}.perf-mode .vary-row .vary-group:not(.vary-group--autofill):not(.vary-group--break) .vary-btn{flex:1 1 0;width:auto;min-width:0;padding-inline:8px}.perf-mode .vary-group--break .vary-btn{flex:0 0 auto;padding-inline:10px}.perf-mode .vary-btn.autofill{height:var(--perf-btn);font-size:11px;line-height:1.1;padding:0 12px;min-width:68px}.perf-mode .vary-group.vary-transport{flex:1 1 100%;display:flex;justify-content:center;min-width:0}.perf-mode .vary-transport .vary-group-btns{flex:0 0 auto;margin-inline:auto;justify-content:center;gap:clamp(8px,1.5vw,12px)}.perf-mode .vary-transport .vary-group-btns>*{flex:0 0 auto}.perf-mode .play-btn{height:var(--perf-btn);min-width:150px;font-size:16px}.perf-mode .restart-btn{width:var(--perf-btn);height:var(--perf-btn)}.perf-fab{display:none}.perf-mode .perf-fab{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow-1);cursor:pointer}.perf-mode .perf-fab:active{transform:scale(.95)}.perf-fab .ic{width:20px;height:20px}.perf-drawer{position:fixed;inset:0;z-index:56;background:#18152040}.perf-drawer[hidden]{display:none}.perf-drawer-card{position:absolute;top:calc(58px + var(--safe-t));inset-inline-start:calc(16px + var(--safe-r));display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-3)}.perf-slot{display:flex;align-items:center;gap:8px}:where(button,[role=tab],input,select,textarea,a):focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){.motti-eq i,.kz-bar,.kz-note,.kz-word,.brand-word,.kz-divider,.kz-tag,.mixer-fab-knob{animation:none!important}.notes-bg i{animation:none;opacity:var(--note-o);bottom:auto;top:var(--y)}.stage .notes-bg,.motti-m,.motti-reveal,.motti-eq-mini,.brand-svg,.brand-reveal{transition:none}.vary-btn.blinking,.play-btn.playing,.play-btn.stop-pending,.modal-card{animation:none}.drawer{transition:none}.vary-btn.pending{animation:none;background:var(--tint-accent);color:var(--text)}.is-playing #bpm-value:before{animation:none}.is-playing .dial-led{animation:none}.mode-ind,.dial-rotor,.dial-fill{transition:none}.stage-enter .style-folderbar,.stage-enter .zone-chords,.stage-enter .console{animation:none}.console:has(.vary-btn.blinking){animation:none}.modal-card,.admin-card{animation:none}.icon-btn:hover,.auth-btn:hover,.mini-btn:not(.active):hover,.root-btn:hover,.vary-btn:hover,.play-btn:hover,.restart-btn:hover,.ca-btn:not(.active):hover,.stepper button:hover{transform:none}}@media(min-width:1150px){.brand-word{height:18px}}#rec-btn.recording{background:var(--grad-play);color:var(--on-accent);border-color:transparent}#rec-btn.recording .ic{color:var(--on-accent);animation:rec-pulse 1.3s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.3}}.topbar-end #rec-btn.recording .btn-label{display:inline;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){#rec-btn.recording .ic{animation:none}}.rec-main{position:relative}.rec-meter{position:absolute;inset-inline:12px;bottom:3px;height:3px;border-radius:2px;background:#ffffff38;overflow:hidden;pointer-events:none}.rec-meter[hidden]{display:none}#rec-meter-fill{display:block;height:100%;width:0;border-radius:inherit;background:var(--on-accent);transition:width .13s linear}.rec-meter.hot #rec-meter-fill{background:#ffcf4d}.rec-split{display:inline-flex;position:relative}.rec-pending{position:absolute;top:-3px;inset-inline-end:-3px;z-index:1;width:12px;height:12px;padding:0;border-radius:50%;border:2px solid var(--panel);background:var(--accent);cursor:pointer}.rec-pending:before{content:"";position:absolute;inset:-8px}.rec-pending[hidden],.rec-split[hidden]{display:none}.rec-split .rec-caret:disabled{opacity:.45;cursor:default}.rec-split .rec-main{border-start-start-radius:999px;border-end-start-radius:999px;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}#rec-split .rec-main,.rec-split:has(.rec-caret[hidden]) .rec-main{border-radius:999px;border-inline-end:1px solid var(--line)}.rec-split .rec-caret{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:999px;border-end-end-radius:999px;padding:9px 8px;margin-inline-start:0}.rec-split .rec-caret .ic{width:.95em;height:.95em}.rec-setup-body{display:flex;flex-direction:column;gap:10px;min-width:min(340px,78vw);max-height:78dvh;overflow-y:auto}.rs-mic{display:flex;align-items:center;gap:10px}.rs-mic .drawer-label{margin:0;flex-shrink:0}.rs-mic select{flex:1 1 auto;min-width:0;font-size:13px;padding-block:6px;min-height:0}.rs-mic[hidden],#rs-pending-wrap[hidden]{display:none}.rec-ow-body{display:flex;flex-direction:column;gap:10px;min-width:min(300px,78vw)}.rec-ow-body .auth-btn{justify-content:center}.rec-ow-body .danger{color:var(--danger)}.rs-recs{display:flex;flex-direction:column;min-height:64px;max-height:46dvh;overflow-y:auto;font-size:13px;color:var(--muted)}.rs-row{display:flex;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid var(--line);color:var(--text)}.rs-row:last-child{border-bottom:none}.rs-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.rs-info b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-info small{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.mini-btn.danger{color:var(--danger)}.rec-note{font-size:12px;color:var(--muted)}.rec-start-btn{justify-content:center;margin-top:6px;background:var(--grad-play);color:var(--on-accent);border-color:transparent}.rec-body{display:flex;flex-direction:column;gap:14px;min-width:min(360px,80vw);flex:1 1 auto;min-height:0;overflow-y:auto}.rec-body>*{flex-shrink:0}.rec-summary{font-size:13px;color:var(--muted);text-align:center;direction:ltr}.rec-discard{color:var(--danger)}.rec-tracks{display:flex;flex-direction:column;gap:10px}.rec-track{display:flex;align-items:center;gap:12px}.rt-name{flex:0 0 72px;border:1px solid var(--line);background:var(--panel-3);color:var(--text);border-radius:999px;padding:8px 0;font-size:13px;font-weight:700;cursor:pointer}.rt-name.muted{opacity:.4;text-decoration:line-through}.rt-gain{flex:1 1 auto;accent-color:var(--accent);min-width:0}.rec-track.muted .rt-gain{opacity:.35}.rec-transport{display:flex;align-items:center;gap:10px}.rec-time{font-variant-numeric:tabular-nums;direction:ltr}.rec-actions{display:flex;gap:10px;justify-content:center}.rec-actions [hidden]{display:none}.rec-export-note{text-align:center;margin-bottom:8px}.rec-footer{flex-shrink:0;padding:12px 16px;background:var(--panel);border-top:1px solid var(--line)}.rec-drawer{border:1px solid var(--line);border-radius:10px;overflow:hidden}.rec-drawer-summary{list-style:none;cursor:pointer;padding:11px 12px;font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:space-between}.rec-drawer-summary::-webkit-details-marker{display:none}.rec-drawer-caret{width:1.1em;height:1.1em;color:var(--muted);transition:transform .18s ease}.rec-drawer[open] .rec-drawer-summary{border-bottom:1px solid var(--line)}.rec-drawer[open] .rec-drawer-caret{transform:rotate(180deg)}.rec-drawer>.rec-edit-wrap{padding:12px}.rec-step{flex:0 0 auto;width:26px;height:26px;padding:0;border-radius:7px;border:1px solid var(--line);background:var(--panel-3);color:var(--text);font-size:17px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rec-step:active{transform:scale(.92);filter:brightness(.96)}.rec-slider-row[data-step]{gap:7px}.rec-slider-row[data-step] .rec-slider-label{flex-basis:78px}.rec-slider-row[data-step] .rec-slider-val{flex-basis:46px}.rec-trim-wrap{display:flex;flex-direction:column;gap:6px}.rec-wave-box{position:relative;direction:ltr;height:76px;width:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel-3);touch-action:none;user-select:none;cursor:pointer}.rec-wave{position:absolute;inset:0;width:100%;height:100%;display:block}.wave-handle{position:absolute;top:0;height:100%;width:18px;margin-inline-start:-9px;z-index:3;cursor:ew-resize;touch-action:none}.wave-handle:before{content:"";position:absolute;inset-block:0;inset-inline-start:50%;width:3px;transform:translate(-50%);background:var(--accent)}.wave-handle:after{content:"";position:absolute;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:11px;height:24px;border-radius:5px;background:var(--accent);box-shadow:0 1px 4px #00000059}.wave-ph{position:absolute;top:0;height:100%;width:2px;margin-inline-start:-1px;background:var(--text);opacity:.75;z-index:2;pointer-events:none}.rec-trim-info{font-size:12px;color:var(--muted);text-align:center;direction:ltr;font-variant-numeric:tabular-nums}.rec-edit-wrap{display:flex;flex-direction:column;gap:10px}.rec-slider-row{display:flex;align-items:center;gap:10px}.rec-slider-label{flex:0 0 84px;font-size:12.5px;font-weight:600;color:var(--text)}.rec-slider-row input[type=range]{flex:1 1 auto;accent-color:var(--accent);min-width:0}.rec-slider-val{flex:0 0 52px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr;text-align:left}.rec-fx-sliders{display:flex;flex-direction:column;gap:8px}.rec-fx-sliders .fx-group{margin-top:4px;font-size:12px;font-weight:700;color:var(--muted)}.fx-tempo-chips{display:inline-flex;gap:6px}.fx-tempo-chips .mini-btn{padding:3px 10px}.rec-fx-save{align-self:flex-start}.update-bar{position:fixed;inset-block-start:0;inset-inline:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 16px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 12px #00000040;animation:updateBarIn .25s ease}.update-bar[hidden]{display:none}@keyframes updateBarIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.update-bar-msg{text-align:center}.update-bar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.update-bar-btn{background:#fff;color:var(--accent-strong);border:none;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;cursor:pointer}.update-bar-btn.ghost{background:#ffffff2e;color:#fff}.update-bar-x{background:none;border:none;color:#fff;font-size:16px;line-height:1;cursor:pointer;padding:4px 8px;opacity:.85}.update-bar-x:hover{opacity:1}@media(max-width:759px){.update-bar{font-size:13px;padding:9px 12px;gap:8px}}@media(prefers-reduced-motion:reduce){.update-bar{animation:none}}.sub-alert{position:static;flex:0 0 auto;box-shadow:none;animation:none;font-size:13px;font-weight:600;gap:10px;padding:7px calc(12px + var(--safe-r)) 7px calc(12px + var(--safe-l));border-bottom:1px solid var(--line);color:var(--text);background:color-mix(in srgb,var(--danger) 8%,var(--panel))}.sub-alert .update-bar-btn{background:var(--danger);color:#fff}.explorer-note{color:var(--muted);font-size:12px;padding:4px 10px 10px}.loop-set-editor{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:2px 6px 8px;background:var(--panel);display:flex;flex-direction:column;gap:6px}.loop-set-editor[hidden]{display:none}.loop-set-editor .be-asm-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.loop-set-editor input[type=text]{min-width:140px}.be-num-input{width:60px}.loop-play-btn.active{color:var(--accent)}.loop-play-btn.loading{opacity:.5;pointer-events:none}.loop-set-row{margin:0 6px;padding:10px 8px;cursor:pointer}.loop-set-row .fr-name{font-weight:600}.loop-set-caret{display:inline-flex;color:var(--muted);transition:transform var(--dur-2) var(--ease-out)}.loop-set-caret .ic{width:1.1em;height:1.1em}.loop-set-row.open .loop-set-caret{transform:rotate(180deg);color:var(--accent)}.loop-set-kids[hidden]{display:none}.loop-add-rec{margin-inline-start:26px;padding:4px 8px 8px}.loop-rec-editor{margin-inline-start:26px}.loop-chip-grid{display:flex;flex-wrap:wrap;gap:6px;margin-inline-start:26px;padding:6px 8px 8px;border-inline-start:2px solid var(--line)}.loop-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text);font-family:var(--font-latin);font-size:13px;cursor:pointer}@media(hover:hover){.loop-chip:hover{background:var(--tint-accent);border-color:var(--accent-ring)}}.loop-chip .chip-ic{display:inline-flex;color:var(--muted)}.loop-chip .chip-ic .ic{width:13px;height:13px}.loop-chip:has(.loop-play-btn.active){border-color:var(--accent-ring);background:var(--accent-soft)}.loop-chip.sel{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.loop-bulkbar{display:flex;align-items:center;gap:6px;margin-inline-start:26px;padding:0 8px 8px}.loop-bulkbar[hidden]{display:none}.loop-bulkbar.sets{margin-inline-start:0}.loop-set-row.sel{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);border-radius:10px}@media(max-width:759px){.loop-set-row .set-timing{display:none}}.loop-upload-form{background:var(--tint-accent);border-radius:12px;gap:8px}.luf-head{display:flex;align-items:center;gap:7px;color:var(--accent);font-weight:600;font-size:13px}.luf-head .ic{width:1.1em;height:1.1em}.luf-files{display:flex;flex-direction:column;gap:4px}.luf-files:empty{display:none}.luf-check{color:var(--danger, #b3261e)}.luf-fname{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text)}.mini-btn.primary{background:var(--accent);color:var(--on-accent);border-color:transparent;align-self:flex-start}@media(hover:hover){.mini-btn.primary:not(.active):hover{background:var(--accent-strong);color:var(--on-accent);border-color:transparent}}.tp-body{display:flex;flex-direction:column;gap:14px;overflow:hidden;min-height:0}.tp-player{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--panel);display:flex;flex-direction:column;gap:10px}.tp-now{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#tp-now-name{font-size:15px}.tp-time{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums;direction:ltr}.tp-timeline{position:relative;direction:ltr;display:flex;height:28px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel);cursor:pointer;touch-action:none}.tp-timeline .tp-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0;cursor:default}.tp-timeline .tp-empty[hidden]{display:none}.tp-seg{height:100%;border-right:1px solid var(--line);box-sizing:border-box}.tp-seg:last-of-type{border-right:0}.tp-seg.set-start{border-left:2px solid var(--line-strong)}@media(hover:hover){.tp-seg:hover{background:var(--tint-accent)}}.tp-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none;box-shadow:0 0 6px var(--accent-ring)}.tp-ctlrow{display:flex;align-items:center;flex-wrap:wrap;row-gap:10px}.tp-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-inline-end:22px}.tp-ctlrow .ctl{flex-direction:row;align-items:center;gap:8px;flex:0 0 auto}.tp-ctlrow label{font-size:10px;color:var(--muted);letter-spacing:.12em;flex:0 0 auto}.tp-ctlrow .ctl+.ctl{border-inline-start:1px solid var(--line-strong);padding-inline-start:18px;margin-inline-start:18px}.tp-ctlrow .tp-ctl-speed .rul,.tp-ctlrow .tp-ctl-vol .rul{width:160px}.tp-ctlrow .rul{height:30px}.tp-ctlrow .numcard{font-size:22px;line-height:30px}.tp-ctlrow .stp{height:30px;font-size:18px}.tp-controls .tp-toggle{padding:0;width:38px;height:38px;justify-content:center;border-radius:50%}.tp-controls .tp-toggle.on{width:auto;padding:0 12px;border-radius:999px}.tp-controls .tp-toggle:not(.on) #tp-hold-lbl{display:none}.tp-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel);box-shadow:var(--sheen);color:var(--text);cursor:pointer;transition:background var(--dur-2),border-color var(--dur-2),transform var(--dur-2)}.tp-btn-main{width:46px;height:46px;color:var(--accent-strong)}.tp-btn:disabled{opacity:.35;cursor:default}@media(hover:hover){.tp-btn:not(:disabled):hover{background:var(--tint-accent);border-color:var(--accent-ring);transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.tp-btn{transition:none}}.tp-btn .ic{width:18px;height:18px}.tp-btn-main .ic{width:22px;height:22px}.tp-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--sheen);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--dur-2),color var(--dur-2),border-color var(--dur-2)}.tp-toggle .ic{width:14px;height:14px}@media(hover:hover){.tp-toggle:hover{background:var(--tint-accent);border-color:var(--accent-ring);color:var(--accent-strong)}}.tp-toggle.on{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}@media(prefers-reduced-motion:reduce){.tp-toggle{transition:none}}.tp-list-head{display:flex;align-items:center;gap:8px;margin:0 4px 6px}.tp-list-head .tp-list-title{margin:0;flex:0 0 auto}.tp-list-head .vp-search{flex:1 1 auto;min-width:0}.tp-lists{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;min-height:0}.tp-lists>div{display:flex;flex-direction:column;min-height:0}.tp-list-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 4px 6px}.tp-lists>div>.tp-list-title,.tp-list-head{min-height:36px;display:flex;align-items:center;flex:0 0 auto}.tp-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;padding:6px;height:32vh;min-height:120px;flex:1 1 auto}.tp-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tp-row[hidden]{display:none}.tp-row-click{cursor:pointer}.tp-row-name{font-weight:600}.tp-row-meta{color:var(--muted);font-size:12px;margin-inline-start:auto;font-variant-numeric:tabular-nums}@media(hover:hover){.tp-row:hover{background:var(--tint-accent)}}.tp-row.locked{opacity:.62;cursor:pointer}.tp-row.locked .row-lock{width:15px;height:15px;color:var(--muted);flex-shrink:0;margin-inline-start:auto}.tp-row.active{background:var(--accent-soft)}.tp-fav{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;flex:0 0 auto}.tp-fav .ic{width:16px;height:16px;display:block}@media(hover:hover){.tp-fav:hover{background:var(--tint-accent);color:var(--accent-strong)}}.tp-fav.on{color:var(--accent-strong)}.tp-fav.on .ic path{fill:currentColor}.tp-group{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.05em;padding:8px 10px 3px}.tp-group+.tp-group,.tp-row+.tp-group{border-top:1px solid var(--line);margin-top:4px}.tp-tabs{display:none}.tp-row .mini-btn.icon{line-height:1}.tp-row .mini-btn .ic{width:14px;height:14px;display:block}.tp-empty{color:var(--muted);text-align:center;padding:18px 8px;font-size:13px}.tp-progress{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--accent-soft);pointer-events:none}.tp-queue .tp-row{font-size:12px;padding:5px 8px;gap:6px}.tp-queue .tp-row-meta{font-size:11px}.tp-drag{cursor:grab;touch-action:none;color:var(--muted);font-size:13px;letter-spacing:-2px;padding:2px 4px 2px 0;flex:0 0 auto}.tp-ghost{position:fixed;z-index:120;transform:translate(-50%,-130%);pointer-events:none;background:var(--panel);border:1px solid var(--accent-ring);border-radius:9px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:var(--shadow-3);opacity:.92}.tp-droptarget{outline:1px dashed var(--accent-ring);outline-offset:-1px}.tp-drophover{outline:2px solid var(--accent-ring);outline-offset:-2px;background:var(--tint-accent)}@media(max-width:759px){.tp-body{height:82vh}.tp-tabs{display:flex;gap:4px;justify-content:center;flex:0 0 auto}.tp-tabs[hidden]{display:none}.tp-tabs .admin-tab{min-width:96px}#tp-tab-count:not(:empty):before{content:" \b7  "}#tp-tab-count{font-variant-numeric:tabular-nums}.tp-lists{grid-template-columns:1fr;flex:1 1 auto;min-height:0}.tp-lists>div{display:none}.tp-lists.show-lib>div:first-child,.tp-lists.show-queue>div:last-child{display:flex;flex-direction:column;min-height:0}.tp-lists>div>.tp-list-title,.tp-list-head .tp-list-title{display:none}.tp-lists .tp-list-head{margin:0 0 6px;flex:0 0 auto}#tp-library-list,#tp-queue-list{flex:1 1 auto;height:auto;min-height:0}.tp-row{padding:9px 10px}.tp-queue .tp-row{padding:7px 8px}.tp-row .mini-btn{min-height:30px;min-width:34px}.tp-drag{padding:6px 6px 6px 2px;font-size:15px}.tp-ctlrow{row-gap:8px;justify-content:space-between}.tp-controls{margin-inline-end:0;gap:6px}.tp-ctlrow .ctl+.ctl{border:0;padding-inline-start:0;margin-inline-start:0}.tp-ctlrow .tp-ctl-tone{order:-1}.tp-ctlrow .tp-ctl-speed,.tp-ctlrow .ctl+.ctl.tp-ctl-vol{flex:1 1 100%;min-width:0}.tp-ctlrow .tp-ctl-speed .rul,.tp-ctlrow .tp-ctl-vol .rul{width:auto;flex:1 1 auto;min-width:0}.tp-ctlrow .rul{gap:4px}.tp-ctlrow .stp{width:18px}}#open-tracks-top.live{border-color:transparent;color:var(--on-accent);animation:live-blink 1.2s var(--ease-out) infinite}#open-tracks-top.live .ic{color:var(--on-accent)}.topbar-end #open-tracks-top.live .btn-label{display:inline;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:759px){.topbar-end #open-tracks-top.live .btn-label{max-width:76px}}@media(prefers-reduced-motion:reduce){#open-tracks-top.live{animation:none;background:var(--grad-play);box-shadow:0 4px 16px var(--glow-play)}}.sl-card{height:min(760px,88vh)}.sl-body{position:relative;display:flex;flex-direction:column;gap:10px;overflow:hidden;min-height:0;flex:1 1 auto}#sl-edit.active{background:var(--accent-soft);color:var(--accent-strong);border-color:transparent}.sl-bar{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px;flex:0 0 auto;padding:0 2px}.sl-pill{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text);font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background var(--dur-2),color var(--dur-2)}@media(hover:hover){.sl-pill:not(.active):hover{background:var(--tint-accent);color:var(--accent-strong)}}.sl-pill.active{background:var(--accent-soft);color:var(--accent-strong)}.sl-pill.sl-new{color:var(--muted);border-color:var(--line);border-style:dashed;font-weight:500}.sl-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;flex:0 0 auto}.sl-actions[hidden]{display:none}.sl-scroll{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:4px 8px 72px}.sl-empty{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted);text-align:center;padding:40px 12px;font-size:14px;line-height:1.5}.sl-empty p{margin:0;max-width:320px}.sl-cat{margin:6px 0 12px;border-radius:10px}.sl-cat-head{display:flex;align-items:center;gap:8px;padding:8px 4px 5px;border-bottom:1px solid var(--accent-ring);touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sl-cat-name{font-size:14px;font-weight:700;color:var(--accent-strong)}.sl-cat-count{margin-inline-start:auto;color:var(--muted);font-size:12px;font-weight:600;font-family:var(--font-latin);font-variant-numeric:tabular-nums}.sl-rows{min-height:6px}.sl-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--line);cursor:pointer;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background var(--dur-2),opacity var(--dur-2)}.sl-rows .sl-row:last-child{border-bottom:0}@media(hover:hover){.sl-row:hover{background:var(--tint-accent);border-radius:10px}}.sl-row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.sl-row-name{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-row-note{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-tag{flex:0 0 auto;min-width:36px;text-align:center;direction:ltr;padding:2px 9px;border-radius:999px;font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.sl-tag.key{color:var(--accent-strong);background:var(--accent-soft)}.sl-tag.key .acc{font-size:.62em;vertical-align:.22em}.sl-tag.key .suf{font-size:.6em;vertical-align:.28em;margin-inline-start:.04em}.sl-tag.bpm{color:var(--muted);border:1px solid var(--line)}.sl-row.done{opacity:.42}.sl-row.done .sl-row-name{text-decoration:line-through}.sl-handle{flex:0 0 auto;cursor:grab;color:var(--muted);font-size:13px;letter-spacing:-2px;padding:0 2px;touch-action:none}.sl-pill .sl-handle{margin-inline-end:6px;font-weight:400}.sl-tag.key .sl-shift-lbl{margin-inline-start:3px;font-size:.85em;opacity:.85}.sl-add{display:flex;padding:6px 4px 2px}.sl-input{flex:1 1 auto;min-width:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-family:inherit;font-size:14px}.sl-input::placeholder{color:var(--muted)}.sl-row.drag-src,.sl-cat.drag-src,.sl-pill.drag-src{opacity:.35}.sl-drop-before{box-shadow:inset 0 2px 0 var(--accent)}.sl-drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.sl-drop-start{box-shadow:inset -2px 0 0 var(--accent)}.sl-drop-end{box-shadow:inset 2px 0 0 var(--accent)}.sl-cat.sl-drophover .sl-rows{outline:2px dashed var(--accent-ring);outline-offset:-2px;border-radius:10px;background:var(--tint-accent);min-height:34px}.sl-ghost{position:fixed;z-index:120;pointer-events:none;transform:translate(-50%,-120%);max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--panel);border:1px solid var(--accent-ring);border-radius:9px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:var(--shadow-3);opacity:.92}.sl-sugg{display:flex;flex-wrap:wrap;gap:6px}.sl-sugg .fm-item{padding:6px 12px;font-size:13px}.sl-keys{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;direction:ltr;flex:1 1 auto;min-width:0}.sl-keys .ca-btn{padding:8px 2px;font-family:var(--font-latin);direction:ltr}.sl-keys .ca-btn .suf{font-size:.6em;vertical-align:.28em;margin-inline-start:.04em}.sl-shift{display:inline-flex;align-items:center;gap:4px;direction:ltr}.sl-shift .stp{width:26px}.sl-shift .stp:disabled{opacity:.25;pointer-events:none}.sl-shift-num{position:static;transform:none;min-width:44px;text-align:center;cursor:default}.sl-form .sl-bpm{width:90px;flex:0 0 auto;text-align:center;font-family:var(--font-latin)}@media(max-width:759px){.sl-card{height:88vh}.sl-scroll{padding:2px 4px 72px}.sl-row{padding:10px 4px}.sl-row-name{font-size:17px}.sl-keys .ca-btn{padding:8px 0;font-size:13px}}.key-find{padding:0;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-1),color var(--dur-2)}@media(hover:hover){.key-find:hover{transform:translateY(-1px) scale(1.1);color:var(--accent)}}.key-find:active{transform:scale(.9)}.key-card{max-width:400px}.key-body{text-align:center}#key-listen{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:8px}#key-listen[hidden]{display:none}.key-seg-label{font-size:12px;color:var(--muted);letter-spacing:.04em;margin-bottom:10px}.key-seg{display:flex;width:100%;max-width:300px;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden}.key-seg-btn{flex:1 1 0;font:inherit;font-size:15px;font-weight:500;color:var(--text);background:var(--panel);border:0;padding:11px 0;cursor:pointer;transition:background var(--dur-2),color var(--dur-2)}.key-seg-btn+.key-seg-btn{border-inline-start:1px solid var(--line-strong)}.key-seg-btn.on{background:var(--accent);color:var(--on-accent)}.key-seg-btn.on+.key-seg-btn,.key-seg-btn:has(+.key-seg-btn.on){border-color:var(--accent)}.key-seg-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}@media(hover:hover){.key-seg-btn:not(.on):hover{background:var(--tint-accent);color:var(--accent-strong)}}.key-ring{position:relative;width:132px;height:132px;margin-top:30px}.key-ring-svg{position:absolute;inset:0;transform:rotate(-90deg)}.key-ring-track{stroke:var(--panel-3)}.key-ring-fill{stroke:var(--accent);transition:stroke-dashoffset .15s linear,stroke var(--dur-3)}.key-ring.enough .key-ring-fill{stroke:var(--ok)}.key-ring-mic{position:absolute;inset:20px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);color:var(--accent-strong);transition:transform .12s ease-out,color var(--dur-3)}.key-ring.enough .key-ring-mic{color:var(--ok)}.key-ring.voiced .key-ring-mic{transform:scale(1.04)}.key-ring-mic .ic{width:38px;height:38px}.key-status{margin-top:14px;font-size:16px;font-weight:500;color:var(--text);min-height:22px}#key-listen .rec-note{margin-top:4px}#key-finish{margin-top:20px;padding:10px 28px}#key-finish:disabled{opacity:.45;cursor:default}.key-foot{display:flex;align-items:center;justify-content:center;gap:4px;align-self:stretch;margin:22px -16px -14px;padding:10px 0 12px;border-top:1px solid var(--line)}.key-foot-label{font-size:12px;color:var(--muted);margin-inline-end:6px}.key-foot-btn{font:inherit;font-size:13px;color:var(--muted);background:none;border:0;padding:6px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;border-radius:8px;border-bottom:1.5px solid transparent}.key-foot-btn.active{color:var(--accent-strong);border-bottom-color:var(--accent);border-radius:0}@media(hover:hover){.key-foot-btn:hover{color:var(--text)}}.key-foot-dot{color:var(--line-strong);font-size:12px}@media(prefers-reduced-motion:reduce){.key-ring-mic,.key-ring-fill{transition:none}}.settings-body{display:flex;flex-direction:column;gap:10px;min-height:300px}.settings-pane{display:flex;flex-direction:column;gap:8px}.settings-pane[hidden]{display:none}.st-kb-row{display:flex;flex-direction:column;gap:8px}.st-kb-row[hidden]{display:none}.st-midi-row{display:flex;align-items:center;gap:8px;font-size:13px}.st-midi-row[hidden]{display:none}#key-error{display:flex;flex-direction:column;align-items:center;gap:12px}#key-error[hidden]{display:none}#kl-label{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}#kl-label[hidden]{display:none}.kl-transport{display:flex;align-items:center;gap:12px;width:100%}.kl-transport .kl-pad-line{flex:1 1 auto;width:auto}.kl-judge{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%}.kl-tone{display:inline-flex;align-items:center;gap:4px}.kl-finish{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%}.kl-finish .kl-primary:not(:disabled){background:var(--accent);color:var(--on-accent);border-color:transparent}.kl-finish-links{display:inline-flex;gap:14px;margin-inline-start:6px}#kl-listwrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}#kl-listwrap.collapsed #kl-list,#kl-listwrap.collapsed #kl-filter,#kl-listwrap.collapsed #kl-left,#kl-list-toggle[hidden]{display:none}.kl-list{display:flex;flex-direction:column;gap:4px;width:100%}.kl-row.selected>.kl-main{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--text)}.kl-song{font-size:13px;font-weight:700;color:var(--text);margin-top:6px}.kl-row{display:flex;align-items:stretch;gap:4px}.kl-row.playing>.kl-btn,.kl-row.playing>.kl-main{background:var(--accent-soft);color:var(--accent-strong)}.kl-btn{border:none;background:var(--panel-2);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--muted);cursor:pointer;flex:0 0 auto}.kl-btn:hover{background:var(--tint-accent);color:var(--accent-strong)}.kl-main{border:none;background:var(--panel-2);border-radius:8px;padding:6px 10px;text-align:start;font-size:13px;color:var(--muted);cursor:pointer;flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.kl-main:hover{background:var(--tint-accent);color:var(--accent-strong)}.kl-main>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kl-tag{font-weight:700;color:var(--accent-strong);flex:0 0 auto}.kl-tag.kl-untagged{color:var(--muted);font-weight:400;opacity:.8}.kl-review-head{color:var(--accent-strong)}.kl-reason{display:block;white-space:normal;font-size:12px;color:var(--accent-strong)}.key-mode-btn.kl-root{padding:4px 8px;min-width:40px}.key-mode-btn.kl-root{position:relative}.key-mode-btn.kl-root.kl-home{box-shadow:0 0 0 2px var(--accent)}.key-mode-btn.kl-root.kl-home:after{content:"\5d1\5d9\5ea";position:absolute;top:-9px;inset-inline-end:-6px;font-size:9px;font-weight:700;line-height:1.4;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;pointer-events:none}.key-mode-btn.kl-root.kl-suggest{outline:1.5px dashed var(--accent-ring);outline-offset:2px}.kl-btn.kl-base{font-weight:700;align-self:center}.kl-btn.kl-suggest-chip{align-self:center;border-style:dashed;color:var(--accent-strong)}.kl-btn.kl-suggest-chip[hidden]{display:none}.kl-link{background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer;padding:0}.kl-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:13px;color:var(--muted)}#kl-left{font-weight:700}.kl-btn.kl-step{font-size:18px;padding:4px 16px}.kl-tone-num{font-size:18px;font-weight:700;min-width:40px;text-align:center;align-self:center}.kl-tabs{display:flex;gap:4px;width:100%;border-bottom:1px solid var(--line-strong)}.kl-tab{flex:1 1 0;border:none;background:none;padding:8px 4px;font:inherit;font-size:14px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.kl-tab.active{color:var(--accent-strong);font-weight:700;border-bottom-color:var(--accent)}#kl-mode-row .kl-mode.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.kl-seq-line{direction:ltr;text-align:left;font-size:13px;color:var(--muted);padding:4px 2px;overflow-x:auto;white-space:nowrap}#key-lab-modal .key-card{max-width:640px;width:calc(100% - 24px);height:min(680px,88vh)}#kl-title{width:100%;margin:14px 0}#kl-item-name{flex:1 1 auto;min-width:0;border:none;background:none;color:var(--text);font:inherit;font-size:17px;text-align:center;padding:4px}#kl-item-rest{flex:0 0 auto;color:var(--muted);font-size:13px;white-space:nowrap}#kl-roots{display:flex;flex-direction:column;gap:8px;width:100%}.kl-root-row{justify-content:center;direction:ltr}.kl-item-line{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line-strong);border-radius:10px;padding:4px 10px;background:var(--panel);font-size:14px;color:var(--text);text-align:start;min-height:44px}.kl-item-line[hidden]{display:none}.kl-chline{display:flex;gap:4px;width:100%;align-items:stretch;margin:2px 0}.kl-pad-line{display:flex;align-items:center;gap:10px;width:100%;font-size:13px;color:var(--muted)}.kl-pad-line input[type=range]{flex:1 1 auto;accent-color:var(--accent)}#kl-chords-text{flex:1 1 auto;min-width:0;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--panel);color:var(--muted);font:inherit;font-size:12px}.key-modes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.key-mode-btn{border:1px solid var(--line-strong);border-radius:999px;padding:4px 14px;background:var(--panel);color:var(--muted);font-size:13px;cursor:pointer;transition:color var(--dur-2),border-color var(--dur-2),background var(--dur-2)}.key-mode-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}.inq-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--danger);border:2px solid var(--bg);box-shadow:0 0 6px var(--danger)}.acct-item .inq-dot{margin-inline-start:auto;border-color:var(--panel)}#acct-dot{position:absolute;top:-2px;inset-inline-end:-2px;pointer-events:none}.inq-dot[hidden]{display:none}.tab-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-inline-start:6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;font-family:var(--font-latin);vertical-align:middle;line-height:1}.tab-badge[hidden]{display:none}.inq-card{max-width:520px;height:min(86dvh,720px);max-height:none}.inq-card .sub-body{flex:1}.inq-compose{padding:4px 0 12px;border-bottom:1px solid var(--line)}.inq-kinds{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.inq-kind{padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background var(--dur-2),color var(--dur-2),border-color var(--dur-2)}@media(hover:hover){.inq-kind:not(.active):hover{background:var(--tint-accent);color:var(--accent-strong)}}.inq-kind.active{background:var(--accent-soft);border-color:transparent;color:var(--accent-strong)}.inq-text{width:100%;min-height:84px;resize:vertical;padding:10px 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px;line-height:1.5}.inq-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.inq-count{font-size:11px;color:var(--muted);font-family:var(--font-latin)}.inq-note{font-size:12.5px;color:var(--muted);padding:8px 2px;line-height:1.5}.inq-thread{border-bottom:1px solid var(--line)}.inq-row-h{display:flex;align-items:center;gap:8px;width:100%;padding:10px 4px;border:0;background:none;color:var(--text);font-family:inherit;font-size:13px;text-align:start;cursor:pointer;border-radius:10px;transition:background var(--dur-2)}@media(hover:hover){.inq-row-h:hover{background:var(--tint-accent)}}.inq-row-snip{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.inq-row-h.unread .inq-row-snip{color:var(--text);font-weight:700}.inq-row-h.open .inq-row-snip{white-space:normal}.inq-row-kind{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--accent-strong)}.inq-new-btn{display:block;width:100%;padding:8px 4px;border:0;background:none;text-align:start;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--accent-strong);border-radius:10px}@media(hover:hover){.inq-new-btn:hover{background:var(--tint-accent)}}@media(max-width:759px){.inq-row-h .inq-row-when{display:none}}.inq-udot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 5px var(--danger)}.inq-chev{transition:transform var(--dur-2)}.inq-row-h.open .inq-chev{transform:rotate(-90deg)}.inq-msgs{padding:0 6px}.inq-thread .inq-reply{padding:0 6px 10px}.inq-thread .inq-reply .inq-text{min-height:48px}.inq-thread-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:2px}.inq-msg{padding:6px 0}.inq-msg-meta{font-size:11.5px;color:var(--muted);display:flex;gap:6px;align-items:baseline}.inq-msg-meta b{color:var(--text)}.inq-msg-meta .inq-read{margin-inline-start:auto;font-size:10.5px}.inq-msg-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5;margin-top:2px}.inq-msg.admin{border-inline-start:3px solid var(--accent);padding:6px 10px;margin:4px 0;background:var(--tint-accent);border-radius:10px}.inq-reply{margin-top:6px}.inq-reply .inq-text{min-height:64px}.inq-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.inq-foot .inq-actions{margin-top:0}.adm-pill.new{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.adm-pill.kind{font-size:10.5px;padding:2px 8px}.inq-row .admin-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inq-row-end{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}.inq-row-when{font-size:11px;color:var(--muted);white-space:nowrap}.inq-ctx{font-size:11.5px;color:var(--muted);padding:6px 6px 8px;line-height:1.6;border-bottom:1px solid var(--line)}.inq-ctx span+span:before{content:" \b7  "}.inq-admin-msgs{padding:4px 6px}.inq-admin-reply{padding:8px 6px 4px}.inq-admin-reply .inq-text{min-height:72px}.att-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.att-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background var(--dur-2),color var(--dur-2)}.att-btn .ic{width:16px;height:16px}.att-btn:disabled{opacity:.5;cursor:default}@media(hover:hover){.att-btn:not(:disabled):hover{background:var(--tint-accent);color:var(--accent-strong)}}.att-thumb{position:relative;width:50px;height:50px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.att-thumb img{width:100%;height:100%;object-fit:cover;display:block}.att-thumb button{position:absolute;top:2px;inset-inline-end:2px;width:18px;height:18px;border-radius:50%;border:0;background:#0000008c;color:#fff;font-size:12px;line-height:1;cursor:pointer;padding:0}.inq-imgs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.inq-img{width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2);padding:0;cursor:zoom-in}.inq-img img{width:100%;height:100%;object-fit:cover;display:block}.lightbox{position:fixed;inset:0;z-index:1300;background:#000000d1;display:grid;place-items:center;padding:16px;cursor:zoom-out}.lightbox[hidden]{display:none}.lightbox img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 12px 40px #00000080}.acct-state{margin-inline-start:auto;font-size:11px;font-weight:700;color:var(--muted)}.acct-item.on .acct-state{color:var(--ok)}.push-card{max-width:320px}.push-modal-body{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.push-modal-status{font-size:15px;font-weight:700;color:var(--muted)}.push-modal-status.on{color:var(--ok)}.push-modal-body .mini-btn{padding:7px 18px;font-size:14px}.push-form{display:flex;flex-direction:column;gap:8px;padding:8px 6px 10px;border-bottom:1px solid var(--line)}.push-form input[type=text],.push-form textarea{width:100%;box-sizing:border-box;padding:7px 10px;border-radius:8px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px}.push-form textarea{resize:vertical;min-height:64px}.push-chips{display:flex;flex-wrap:wrap;gap:6px}.push-form input[type=search][hidden]{display:none}.push-rcpts{max-height:260px;overflow-y:auto}.push-rcpt-head{margin:4px 6px 2px}.push-rcpt-head.warn{color:var(--danger)}.push-rcpt{display:flex;align-items:center;gap:10px;padding:6px;border-bottom:1px solid var(--line)}.push-rcpt.off{opacity:.55}.push-rcpt input{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}.push-rcpt .adm-avatar{width:28px;height:28px;font-size:12px}.push-rcpt .admin-name{font-size:14px}.push-without>summary{padding:8px 6px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;list-style:none}.push-without>summary::-webkit-details-marker{display:none}.push-without>summary:before{content:"\203a";display:inline-block;margin-inline-end:6px;transition:transform var(--dur-2)}.push-without[open]>summary:before{transform:rotate(-90deg)}.push-send{align-items:center;gap:10px}.push-hist{padding:0 2px 6px}.push-hist>summary{padding:12px 8px 6px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;list-style:none}.push-hist>summary::-webkit-details-marker{display:none}.push-hist>summary:before{content:"\203a";display:inline-block;margin-inline-end:6px;transition:transform var(--dur-2)}.push-hist[open]>summary:before{transform:rotate(-90deg)}.push-hist-clear{margin:0 6px 4px;padding:4px 10px;font-size:12px}.push-log-row{padding:8px 6px;border-bottom:1px solid var(--line);font-size:13.5px}.push-log-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.push-log-end{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.push-log-when{font-size:11px;color:var(--muted)}.push-log-body{white-space:pre-wrap;overflow-wrap:anywhere}.push-toast,.ask-bubble{position:fixed;inset-inline:12px;inset-block-start:12px;z-index:9998;margin-inline:auto;max-width:420px;display:flex;flex-direction:column;gap:2px;text-align:start;padding:10px 14px;border-radius:14px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-3);font-family:inherit;font-size:14px;cursor:pointer;animation:updateBarIn .25s ease}.push-toast[hidden]{display:none}.ask-bubble{cursor:default;gap:8px}.ask-row{display:flex;gap:8px;justify-content:flex-end;align-items:center}.push-toast strong{font-weight:800}.push-toast span{color:var(--muted);font-size:13px}.mini-btn.rec-on,.rec-big.rec-on{background:var(--danger);color:#fff;border-color:transparent;animation:rec-pulse 1.1s ease-in-out infinite}.rec-main-row{gap:8px}.rec-big{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:12px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-1)}.rec-big .ic{width:16px;height:16px}.rec-big .rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}.rec-big.rec-arm{color:var(--danger)}.rec-big.rec-on .rec-dot{background:#fff}.rec-big.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.rec-quant{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-inline-start:6px}.rec-quant select{flex:0 0 auto;width:auto}.rec-end{margin-inline-start:auto}.rec-setup-row{font-size:12.5px;color:var(--muted);gap:6px 18px}.rec-setup-row>span{display:inline-flex;align-items:center;gap:4px}.rec-setup-row b{color:var(--text);font-weight:500}.rec-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--sheen)}.rec-chip .ic{width:12px;height:12px;color:var(--muted)}.rec-lnk{border:0;background:transparent;color:var(--accent-strong);font:inherit;font-size:12.5px;padding:2px 4px;cursor:pointer;border-radius:6px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-ring)}.rec-lnk.danger{color:var(--danger);text-decoration-color:var(--danger)}@media(hover:hover){.rec-big:not(.rec-on):not(.active):hover,.rec-chip:hover{background:var(--tint-accent);color:var(--accent-strong)}.rec-lnk:hover{background:var(--tint-accent)}}@keyframes rec-pulse{50%{filter:brightness(.8)}}@media(prefers-reduced-motion:reduce){.mini-btn.rec-on{animation:none}}.rec-grid-card,.rec-ctl-card{grid-column:1 / -1}.rec-grid-card .ch-sec-title{display:flex;align-items:center;gap:6px}.rg-zoom{margin-inline-start:auto;display:inline-flex;align-items:center;gap:2px}.rg-zoom .rg-glyph{font-size:15px;padding:0 5px}.rg-axis{display:inline-flex;align-items:center;color:var(--muted);padding-inline-start:6px}.rg-zval{display:inline-flex;align-items:center;justify-content:center;min-width:3.2em;height:22px;padding:0 6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--sheen);font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;color:var(--text);cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none;direction:ltr}.rg-axis svg{width:13px;height:13px}.rg-fit{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:600;padding:2px 6px;cursor:pointer;border-radius:6px}@media(hover:hover){.rg-fit:hover{background:var(--tint-accent);color:var(--accent-strong)}}.rec-grid-wrap{max-width:100%;min-width:0;--rg-cell: 26px;--rg-row: 28px}.rec-grid-scroll{position:relative;overflow:auto;max-width:100%;direction:rtl;padding-bottom:2px}.rg-glyph{border:0;background:transparent;color:var(--muted);font-family:var(--font-latin);font-size:17px;line-height:1;padding:2px 6px;cursor:pointer;border-radius:6px}.rg-glyph:disabled{opacity:.35;cursor:default}.rg-ed{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 12px;height:32px;overflow:hidden;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--line)}@media(max-width:899px){.rg-ed{flex-wrap:wrap;align-content:center;height:68px}}.rg-ed.idle{color:var(--muted);font-size:12px}.rg-chip{font-size:12px;color:var(--muted);padding:3px 10px;border-radius:999px;background:var(--tint-accent);white-space:nowrap}.rg-chip b{font-family:var(--font-latin);font-weight:700;font-size:13px;color:var(--accent-strong)}.rg-grp{display:inline-flex;align-items:center;gap:2px}.rg-grp+.rg-grp{border-inline-start:1px solid var(--line);padding-inline-start:12px}.rg-stp{display:inline-flex;align-items:center;gap:2px;direction:ltr}.rg-glbl{color:var(--muted);font-size:12px;margin-inline-end:4px}.rg-val{font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;min-width:2.6em;text-align:center;padding:2px 4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--sheen);direction:ltr}.rg-acts{display:inline-flex;gap:6px;margin-inline-start:auto}.rec-grid{display:grid;gap:1px;direction:ltr;width:max-content;margin-right:auto}.rg-lbl{position:sticky;left:0;z-index:1;display:flex;align-items:center;height:var(--rg-row);min-width:0;padding:0 8px 0 4px;border:0;background:var(--panel);font:inherit;color:var(--text);text-align:left;white-space:nowrap;cursor:pointer;border-radius:6px}.rg-lbl b{font-family:var(--font-latin);font-weight:700;font-size:14px;min-width:2.4em}.rg-lbl.empty b{color:var(--muted);font-weight:600}.rg-lbl.rg-c b{color:var(--accent-strong)}.rg-lbl.rowsel{background:var(--tint-accent)}.rg-cell{position:relative;width:var(--rg-cell);height:var(--rg-row);min-width:0;padding:0;margin:0;border:1px solid var(--line);border-radius:3px;background:transparent;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}.rg-cell.rg-beat{border-left-color:var(--line-strong)}.rg-cell.rg-bar{border-left:2px solid var(--accent)}.rg-cell.rg-oct{background:var(--panel-2)}.rg-cell.hold{background:var(--accent-soft);border-color:transparent}.rg-cell.head{background:var(--tint-accent)}.rg-cell.head:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--accent)}.rg-fill{position:absolute;inset:2px;background:var(--accent);border-radius:2px}.rg-cell.low .rg-v{color:var(--accent-strong);text-shadow:none}.rg-v{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;color:var(--on-accent);pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.35)}.rg-cell.sel .rg-v{display:flex}.rg-cell.sel{box-shadow:0 0 0 2px var(--accent-ring);border-color:transparent;z-index:1}@media(hover:hover){.rg-cell:hover{border-color:var(--accent)}.rg-glyph:not(:disabled):hover,.rg-lbl:hover{background:var(--tint-accent);color:var(--accent-strong)}}@media(max-width:480px){.rec-grid-wrap{--rg-cell: 22px}.rg-acts{margin-inline-start:0}}.fx-tabs:not(.console-tabs){justify-content:center}.modal.over-console{z-index:61}#lock-modal{z-index:65}