.grow{flex:auto}.subtle{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.subtle.center{text-align:center}.empty-line{color:var(--muted-2);margin:0;font-size:13px;line-height:1.5}.empty-line.big{font-size:15px}.empty-note{color:var(--muted-2);margin:0;padding:14px 4px;font-size:14px}.label.spaced{margin-top:14px}.btn-primary,.btn-outline,.btn-ghost,.btn-soft,.toggle-btn,.chip-btn{white-space:nowrap;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:800}.btn-primary:disabled{background:var(--line);border-color:var(--line);color:var(--muted);cursor:default}.btn-outline{background:var(--well);border-color:var(--line-2)}.btn-outline:disabled{opacity:.45;cursor:default}.btn-ghost{color:var(--muted-2);background:0 0}.btn-soft{color:#e2d2ff;background:#2a1d4a;border-color:#3a2a63}.btn-primary.small,.btn-outline.small,.btn-soft.small{border-radius:11px;height:40px;padding:0 12px;font-size:13px}.btn-primary.wide{border-radius:15px;width:100%;height:52px;font-size:15px}.toggle-btn{background:var(--well);border-color:var(--line);color:var(--ink);height:44px}.toggle-btn[aria-pressed=true],.toggle-btn[aria-expanded=true]{background:var(--sel);border-color:var(--sel-line);color:#fff}.toggle-btn:disabled{opacity:.45;cursor:default}.toggle-btn.strong{background:var(--seg-on);border-color:#7b5bc4}.chip-btn{background:var(--well);border-color:var(--line-2);border-radius:11px;height:40px;padding:0 14px;font-size:13px}.link-btn{color:var(--link);background:0 0;border:0;min-height:40px;padding:8px 4px;font-size:13px;font-weight:700;text-decoration:underline}.link-btn.danger{color:#ffb4a8}.icon-btn{width:32px;height:32px;color:var(--muted-2);background:0 0;border:1px solid #0000;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn.big{border-color:var(--line);border-radius:12px;width:44px;height:44px}.icon-btn.square{background:var(--well);border-color:var(--line-2)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn-gap{flex:none;width:32px}.seg.small,.seg.seg-tabs{width:max-content;max-width:100%}.seg.small{border-radius:12px;padding:3px}.seg.small button{border-radius:9px;height:36px;padding:0 12px;font-size:12.5px}.seg.seg-tabs{border-radius:14px;padding:4px}.seg.seg-tabs button{border-radius:10px;height:40px;padding:0 18px;font-size:15px}.seg.three{grid-auto-columns:1fr;padding:4px}.seg.three button{flex-direction:column;justify-content:center;align-items:center;gap:1px;height:54px;display:flex}.seg.three button small{opacity:.75;font-size:10.5px;font-weight:600}.field input[type=number]{font-family:var(--mono)}.field-row{color:var(--muted-2);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.field-row select{border:1px solid var(--line);background:var(--well);min-width:160px;height:44px;color:var(--ink);font:700 14px var(--sans);border-radius:12px;padding:0 10px}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.field-grid.four{grid-template-columns:1.2fr 1fr 1fr 1fr}.field-error{color:#ffc46b;margin:0;font-size:12.5px}.check{color:var(--muted-2);align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.check input{accent-color:#7b2cf0;flex:none;width:22px;height:22px;margin:0}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field select{appearance:auto}.dialog-backdrop{z-index:50;background:#05030a9e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--line-2);border-radius:28px;outline:none;flex-direction:column;gap:14px;width:min(100%,560px);max-width:100%;max-height:calc(100dvh - 40px);padding:20px;display:flex;overflow-y:auto;box-shadow:0 24px 64px #0000008c}.dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-head h2{font-family:var(--serif);margin:0;font-size:34px;font-weight:400}.dialog-actions{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}.dialog-actions .btn-ghost{border-color:var(--line-2)}.file-drop{border:1.5px dashed var(--line-3);color:var(--link);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.file-drop[data-ready=true]{border-color:#3f7d5f}.file-drop[data-error=true]{border-color:#b8791f}.file-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-text{min-width:0;color:var(--ink);flex-direction:column;flex:1;gap:2px;display:flex}.file-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.file-text small{color:var(--muted);font-size:12px}.file-text small[data-state=ok]{color:var(--ok)}.file-text small[data-state=error]{color:#ffc46b}.file-btn{color:#e2d2ff;background:#2a1d4a;border:1px solid #3a2a63;border-radius:11px;flex:none;align-items:center;height:40px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}label.file-btn{cursor:pointer;position:relative}label.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.layers{flex-direction:column;gap:8px;display:flex}.layer-row{grid-template-columns:86px minmax(110px,1fr) minmax(90px,1.4fr) 40px 32px;align-items:center;gap:10px;display:grid}.layer-name{color:var(--muted-2);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.layer-name i{border-radius:3px;width:10px;height:10px;display:block}.layer-row select{border:1px solid var(--line);background:var(--well);height:40px;color:var(--ink);font:700 13px var(--sans);border-radius:11px;min-width:0;padding:0 8px}.layer-row input[type=range],.width-slider input{accent-color:#a06bff;width:100%;height:28px;margin:0}.layer-level{font-family:var(--mono);color:var(--muted);text-align:right;font-size:11.5px}.add-layer{border:1.5px dashed var(--line-3);height:44px;color:var(--muted-2);background:0 0;border-radius:12px;font-size:13px;font-weight:700}.width-ctl{align-items:center;gap:14px;display:flex}.width-slider{color:var(--muted-2);flex:1;align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.width-slider[data-off=true]{opacity:.45}.groove-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.groove-tile{border:1px solid var(--line);background:var(--well);text-align:left;border-radius:14px;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:8px 12px;display:flex;position:relative}.groove-tile strong{font-size:14px;font-weight:700}.groove-tile small{color:var(--muted);font-size:11.5px}.groove-tile[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.from-set{letter-spacing:.06em;text-transform:uppercase;color:var(--ok);font-size:9.5px;font-style:normal;font-weight:800;position:absolute;top:6px;right:8px}.variations{grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:center;gap:8px;display:grid}.variations[data-off=true]{opacity:.4}.var-label{color:var(--muted-2);padding-right:4px;font-size:12px;font-weight:700}.variation{border:1px solid var(--line);background:var(--well);text-align:left;border-radius:14px;align-items:center;gap:10px;height:52px;padding:0 10px;display:flex}.variation b{background:var(--line);width:28px;height:28px;font-family:var(--mono);border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.variation span{flex-direction:column;min-width:0;display:flex}.variation strong{font-size:13.5px}.variation small{color:var(--muted);white-space:nowrap;font-size:11px}.variation[aria-pressed=true]{background:var(--seg-on);border-color:var(--sel-line)}.variation[aria-pressed=true] b{background:var(--sel-line);color:var(--bg)}.variation[data-queued=true]{border-style:dashed;border-color:var(--sel-line)}.variation[data-queued=true] small{color:var(--link)}.variation:disabled{cursor:default}.beat-editor{flex-direction:column;gap:10px;display:flex}.beat-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.beat-hint{color:var(--muted);font-size:12.5px}.beat-loop-note{color:var(--muted-2);margin:0;font-size:13px}.beat-rows{flex-direction:column;gap:4px;display:flex}.beat-row{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:10px;display:grid}.beat-label{text-align:left;height:40px;color:var(--muted-2);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12.5px;font-weight:700;display:flex}.beat-label i{border-radius:3px;flex:none;width:10px;height:10px;display:block}.beat-cells{gap:3px;display:grid}.beat-cell{border:1px solid var(--line);background:var(--well);border-radius:6px;min-width:0;height:36px;padding:0}.beat-cell[data-group="1"]{background:#1d1630}.beat-cell[data-head=true]{background:var(--line-2);border-color:var(--ink)}.add-drum select{border:1px dashed var(--line-3);height:40px;color:var(--muted-2);font:700 13px var(--sans);background:0 0;border-radius:11px;padding:0 10px}.edit-wrap{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.edit-wrap>button{align-self:flex-start}.status-chip{background:var(--well);border:1px solid var(--line);height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.status-chip i{background:var(--line-3);border-radius:50%;width:8px;height:8px}.status-chip[data-state=on]{color:var(--ok);border-color:var(--ok-line)}.status-chip[data-state=on] i{background:var(--ok)}.status-chip[data-state=fade]{color:#ffc46b}.status-chip[data-state=fade] i{background:#ffc46b}.split{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.split[aria-pressed=true]{background:var(--seg-on);border-color:#7b5bc4}.click-panel{flex-direction:column;gap:14px;display:flex}.click-sheet{max-height:calc(100dvh - 40px)}.beats{justify-content:center;align-items:center;gap:22px;height:48px;display:flex}.beats[data-count="4"]{gap:14px}.beats span{border:2px solid var(--line-2);background:var(--surface);border-radius:50%;width:46px;height:46px;transition:background 60ms}.beats[data-count="4"] span{width:40px;height:40px}.beats span[data-first=true]{border-color:#ffc46b}.beats span[data-lit=true]{background:#a06bff}.beats span[data-lit=true][data-first=true]{background:#ffc46b}.beats span[data-lit=true][data-count-in=true]{background:var(--muted-2)}.count-note{text-align:center;height:16px;color:var(--muted);margin:-6px 0 0;font-size:12px;font-weight:600}.tempo{justify-content:space-between;align-items:center;gap:12px;display:flex}.step{border:1px solid var(--line-2);background:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:56px;height:56px;padding:0;font-size:26px}.bpm{flex-direction:column;align-items:center;display:flex}.bpm span{font-family:var(--mono);letter-spacing:-.04em;font-size:88px;font-weight:500;line-height:1}.bpm small{letter-spacing:.14em;color:var(--muted);font-size:12px;font-weight:700}.run-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;display:grid}.tap{border:1px solid var(--line-2);touch-action:manipulation;background:#201936;border-radius:18px;height:60px;font-size:15px;font-weight:700}.run{color:#fff;background:#5a00cf;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;height:60px;font-size:17px;font-weight:800;display:flex}.run[data-running=true]{color:#ffd596;background:#3a2a0d}.group{flex-direction:column;gap:6px;display:flex}.group .hint{color:var(--muted);font-size:12.5px;line-height:1.4}.chips.five{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.chips.five button{height:40px;font-family:var(--mono);border-radius:12px;padding:0;font-size:12.5px;font-weight:500}.click-panel .groove-tiles,.click-panel .variations{grid-template-columns:repeat(2,minmax(0,1fr))}.click-panel .variations .var-label{grid-column:1/-1}.pads .glow{pointer-events:none;opacity:.35;background:radial-gradient(#a06bff4d 0%,#5a00cf1a 45%,#0d0a1400 72%);border-radius:50%;width:550px;height:340px;transition:opacity 1.2s;position:absolute;top:40px;left:-80px}.pads[data-playing=true] .glow{opacity:1}.pads-top{height:44px;margin:18px var(--gutter) 0;flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.wordmark{font-family:var(--serif);white-space:nowrap;font-size:22px}.wordmark em{color:var(--link)}.layout-switch{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.layout-switch button{width:40px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:flex}.layout-switch button[aria-pressed=true]{background:var(--seg-on);color:#fff}.sound-chip{border:1px solid var(--line-2);background:#201936;border-radius:999px;align-items:center;gap:6px;max-width:140px;height:40px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.sound-chip svg:first-child{color:var(--link);flex:none}.sound-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pads-main{min-height:0;padding:14px var(--gutter) 14px;flex-direction:column;flex:auto;gap:14px;display:flex;position:relative;overflow-y:auto}.now{flex-direction:column;flex:120px;justify-content:center;align-items:center;gap:6px;min-height:120px;display:flex}.now-key{font-family:var(--serif);font-size:112px;line-height:.9}.now-line{color:var(--muted-2);text-align:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.live-dot{background:#ffc46b;border-radius:50%;flex:none;width:8px;height:8px}.now-silent{font-family:var(--serif);color:#6f6885;font-size:52px;line-height:1}.now-hint{color:var(--muted);font-size:14px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tile{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:72px;transition:transform 80ms;display:flex}.tile:active{transform:scale(.97)}.tile span{font-size:26px;font-weight:700}.tile small{color:var(--muted);font-size:11px;font-weight:600}.tile[aria-pressed=true]{border-color:var(--link);color:#fff;background:linear-gradient(160deg,#7b2cf0 0%,#5a00cf 100%);box-shadow:0 0 0 4px #a06bff38,0 12px 32px -8px #a06bff99}.tile[aria-pressed=true] small{color:#e2d2ff}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.swell,.amen{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:54px;font-size:15px;font-weight:700;display:flex}.swell{border:1px solid var(--line-2);background:#201936}.swell svg{color:var(--link)}.swell[aria-pressed=true]{background:var(--seg-on);border-color:#7b5bc4}.amen{color:#ffd596;background:#2a1f0d;border:1px solid #5c4320}.amen svg{color:#ffc46b}.amen:disabled{opacity:.45;cursor:default}.pads-view{gap:12px}.pads-cols{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:12px;display:grid}.pads-keys{flex-direction:column;gap:12px;display:flex}.pads-keys .now{flex:none;min-height:150px}.pads-keys .tile{height:78px}.pads-sound{flex-direction:column;gap:10px;display:flex}.sound-head{justify-content:space-between;align-items:center;display:flex}.pads-sound .chips-row{flex-wrap:wrap}@media (width<=1100px){.pads-cols{grid-template-columns:minmax(0,1fr) 300px}}.wheel-hint{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.wheel{flex:none;align-self:center;width:340px;height:340px;position:relative}.wheel-ring{background:radial-gradient(circle,#a06bff14 0%,#0d0a1400 62%);border:1px solid #221b36;border-radius:50%;width:320px;height:320px;transition:background .8s;position:absolute;top:10px;left:10px}.wheel[data-on=true] .wheel-ring{background:radial-gradient(circle,#a06bff47 0%,#0d0a1400 62%)}.wheel-inner-ring{border:1px dashed var(--line);border-radius:50%;width:208px;height:208px;position:absolute;top:66px;left:66px}.wheel .major{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:58px;height:58px;padding:0;font-size:20px;font-weight:700;position:absolute}.wheel .major[data-state=near]{background:var(--sel);border-color:#7b5bc4}.wheel .major[data-state=on]{color:#fff;background:linear-gradient(160deg,#7b2cf0,#5a00cf);border-color:#e2d2ff;font-weight:800;box-shadow:0 0 0 5px #a06bff40,0 10px 30px -6px #a06bffb3}.wheel .minor{border:1px solid var(--line);background:var(--well);width:40px;height:40px;color:var(--muted-2);border-radius:50%;padding:0;font-size:11.5px;font-weight:700;position:absolute}.wheel .minor[data-state=on]{color:#fff;background:#5a00cf;border-color:#e2d2ff;font-weight:800}.wheel .centre{border:1px solid var(--line-2);background:var(--bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100px;height:100px;padding:0;display:flex;position:absolute;top:120px;left:120px}.wheel .centre>span{font-family:var(--serif);font-size:40px;line-height:1}.wheel .centre small{letter-spacing:.1em;text-transform:uppercase;color:#ffc46b;font-size:10px;font-weight:700}.sound-row{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scrollbar-width:none;flex:none;gap:8px;display:flex;overflow-x:auto}.sound-row::-webkit-scrollbar{display:none}.sound-row button{background:var(--surface);border:1px solid var(--line);height:40px;color:var(--muted-2);border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:600}.sound-row button[aria-pressed=true]{background:var(--seg-on);color:#fff;border-color:#7b5bc4;font-weight:700}.sound-list{flex-direction:column;gap:6px;display:flex}.sound{background:var(--well);border:1px solid #221b36;border-radius:16px;align-items:center;gap:12px;min-height:56px;padding:0 10px 0 6px;display:flex}.sound[data-on=true]{background:var(--sel);border-color:#7b5bc4}.sound .preview{background:var(--line);color:#fff;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.sound .preview:disabled{opacity:.4;cursor:default}.sound .pick{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;min-height:52px;padding:0;display:flex}.sound .pick span{font-size:15px;font-weight:700}.sound .pick small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.on-label{letter-spacing:.08em;text-transform:uppercase;color:#e2d2ff;flex:none;font-size:11px;font-weight:800}.badge-rec{color:var(--ok);flex:none;font-size:10.5px;font-weight:800}.wordmark small{font-family:var(--sans,inherit);letter-spacing:.04em;color:var(--link);margin-left:4px;font-size:11px;font-weight:700}.ipad{background:var(--bg);height:100dvh;color:var(--ink);display:flex;position:relative;overflow:hidden}.ipad[data-stage=true]{display:block}.rail{background:var(--well);border-right:1px solid #221b36;flex-direction:column;flex:0 0 84px;align-items:center;gap:6px;padding:24px 0 18px;display:flex}.rail-logo{font-family:var(--serif);margin-bottom:12px;font-size:30px;line-height:1}.rail-btn{width:68px;height:60px;color:var(--muted);background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:700;display:flex}.rail-btn[aria-pressed=true]{background:var(--sel);color:var(--link)}.rail-btn[data-tool=true]{border:1px dashed var(--line-3)}.rail-btn[data-tool=true][aria-pressed=true]{border-style:solid;border-color:var(--sel-line)}.rail-btn.first-bottom{margin-top:auto}.rail-btn.small{border:1px solid var(--line);height:58px}.rail-btn.small[aria-pressed=true]{border-color:var(--sel-line)}.rail-btn.plain{border-color:#0000;font-weight:600}.setpane{background:var(--well);border-right:1px solid #221b36;flex-direction:column;flex:0 0 270px;gap:12px;min-height:0;padding:22px 16px 16px;display:flex}.setpane-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.list-title{max-width:190px;color:var(--ink);font:400 28px/1.1 var(--serif);appearance:none;background:0 0;border:0;padding:0}.sync-line{color:var(--muted);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.sync-line i{background:var(--ok);border-radius:50%;width:7px;height:7px}.songlist{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.songlist button{text-align:left;background:0 0;border:1.5px solid #221b36;border-radius:14px;align-items:center;gap:10px;width:100%;height:60px;padding:0 10px;display:flex}.songlist button[aria-current=step]{background:var(--sel);border-color:var(--sel-line)}.num{background:var(--line);width:28px;height:28px;color:var(--muted-2);font-family:var(--mono);border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.songlist button[aria-current=step] .num{background:var(--sel-line);color:var(--bg)}.song-text{flex-direction:column;min-width:0;display:flex}.song-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.song-text small{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.songlist-empty{color:var(--muted-2);padding:8px 4px;font-size:13px}.setpane-foot{flex-direction:column;gap:6px;display:flex}.next-big{color:#fff;text-align:left;background:#7b2cf0;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:8px;height:68px;padding:0 16px;display:flex}.next-big:disabled{background:var(--line);opacity:.7}.next-big span{flex-direction:column;min-width:0;display:flex}.next-big small{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:700}.next-big strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.pedal-line{color:var(--muted);text-align:center;font-size:11px}.ipad-main{flex-direction:column;flex:auto;gap:12px;min-width:0;min-height:0;padding:18px 22px;display:flex}.view{flex-direction:column;flex:auto;gap:12px;min-height:0;padding-bottom:4px;display:flex;overflow-y:auto}.view-head{flex:none;align-items:center;gap:12px;min-height:44px;display:flex}.view-head.wrap{flex-wrap:wrap}.view-head .titles{flex-direction:column;gap:2px;display:flex}.view-head .titles .subtle select{color:var(--muted-2);font:inherit;background:0 0;border:0;padding:0}.card{background:var(--well);border:1px solid #221b36;border-radius:22px;padding:18px}.play-top{flex:none;grid-template-columns:minmax(0,1fr) 206px;gap:12px;display:grid}.pad-card{flex-direction:column;gap:12px;display:flex}.pad-main{grid-template-columns:auto minmax(0,1fr) 100px 150px;align-items:center;gap:14px;display:grid}.pad-key{font-family:var(--serif);color:#6f6885;text-align:center;min-width:70px;font-size:84px;line-height:.9;transition:color .4s}.pad-key[data-on=true]{color:#fff}.pad-title h2{margin:0;font-size:26px;font-weight:700}.pad-title p{color:var(--muted-2);margin:4px 0 0;font-size:13px;line-height:1.4}.swell-btn,.start-btn{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:72px;display:flex}.swell-btn{border:1px solid var(--line);background:var(--well)}.swell-btn strong,.start-btn strong{font-size:16px;font-weight:800}.swell-btn small,.start-btn small{color:var(--muted);font-size:11.5px}.swell-btn:disabled{opacity:.45;cursor:default}.swell-btn[aria-pressed=true]{background:var(--seg-on);border-color:var(--sel-line)}.start-btn{color:#fff;background:#7b2cf0;border:0}.start-btn small{color:#e2d2ff}.start-btn[data-on=true]{background:var(--seg-on);border:1px solid #7b5bc4}.panel-inset{background:#0f0b19;border:1px solid #221b36;border-radius:16px;padding:12px}.pad-controls{flex-direction:column;gap:10px;display:flex}.chips-row{flex-wrap:wrap;gap:5px;display:flex}.sound-chip-btn{border:1px solid var(--line);background:var(--well);border-radius:12px;height:38px;padding:0 10px;font-size:13.5px;font-weight:700}.sound-chip-btn[aria-checked=true]{background:var(--sel);border-color:var(--sel-line)}.pad-row2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pad-row2 .toggle-btn{height:40px;padding:0 12px}.bottom-card .groove-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.glide-seg{align-items:center;gap:10px;display:flex}.seg-label{color:var(--muted);font-size:12px;font-weight:700}.key-card{flex-direction:column;gap:10px;display:flex}.key-head{justify-content:space-between;align-items:center;display:flex}.key-source{color:var(--ok);font-size:12px;font-weight:700}.key-source[data-manual=true]{color:#ffc46b}.key-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.key-btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:48px;font-size:17px;font-weight:700}.key-btn[data-near=true]{border-style:dashed;border-color:#6f53b3}.key-btn[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.key-btn[data-playing=true]{color:#fff;background:#7b2cf0}.bottom-card{flex-direction:column;flex:none;gap:12px;display:flex}.bottom-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bottom-hint{color:var(--muted);font-size:12.5px}.bottom-state{color:var(--muted);font-size:12.5px;font-weight:700}.bottom-state[data-on=true]{color:var(--ok)}.transport-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.play-rhythm{color:#fff;background:#7b2cf0;border:0;border-radius:13px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.play-rhythm[data-on=true]{background:var(--seg-on);border:1px solid #7b5bc4}.bpm-stepper{border:1px solid var(--line);background:var(--well);border-radius:13px;align-items:center;height:44px;display:inline-flex}.bpm-stepper button{background:0 0;border:0;width:44px;height:42px;padding:0;font-size:20px}.bpm-stepper span{text-align:center;min-width:84px;color:var(--muted);font-size:12px}.bpm-stepper b{font-family:var(--mono);color:var(--ink);font-size:18px;font-weight:500}.drums-vol{color:var(--muted-2);align-items:center;gap:10px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.drums-vol input{accent-color:#a06bff;width:130px}.lyrics-pane{flex-direction:column;gap:12px;display:flex}.lyrics-empty{color:var(--muted-2);margin:0;padding:8px 2px;font-size:14px}.part-chips{flex-wrap:wrap;gap:8px;display:flex}.part-chips button{border:1px solid var(--line);background:var(--well);border-radius:999px;height:38px;padding:0 14px;font-size:13px;font-weight:700}.part-chips button[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.lyrics-now{flex-direction:column;gap:2px;display:flex}.lyrics-now p{margin:0;font-size:20px;font-weight:600;line-height:1.4}.part-name{letter-spacing:.12em;text-transform:uppercase;color:var(--link);margin-bottom:4px;font-size:11.5px;font-weight:800}.lyrics-nav{align-items:center;gap:10px;display:flex}.next-part-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.next-part-preview b{color:var(--muted-2)}.rename-input{border:1px solid var(--sel-line);background:var(--well);height:44px;color:var(--ink);font:400 28px var(--serif);border-radius:12px;padding:0 12px}.setlist-body{flex:1;grid-template-columns:minmax(0,1fr) 330px;gap:14px;min-height:0;display:grid}.set-table{flex-direction:column;gap:6px;min-width:0;display:flex;overflow-y:auto}.set-row{grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:6px;display:grid}.set-row.head{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-template-columns:28px minmax(0,2.2fr) 60px 70px 60px minmax(0,1.6fr) minmax(0,1.2fr) 64px;gap:10px;padding:0 14px;font-size:11px;font-weight:700}.set-row-btn{background:var(--well);text-align:left;border:1.5px solid #221b36;border-radius:14px;grid-template-columns:28px minmax(0,2.2fr) 60px 70px 60px minmax(0,1.6fr) minmax(0,1.2fr);align-items:center;gap:10px;min-height:54px;padding:0 14px;font-size:13.5px;display:grid}.set-row[data-selected=true] .set-row-btn{background:var(--sel);border-color:var(--sel-line)}.set-row-btn .mono{font-family:var(--mono);font-size:13px}.set-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-weight:700;display:flex;overflow:hidden}.now-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--ok);background:#1f5c3c;border-radius:6px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:800}.row-tools{gap:4px;display:flex}.row-tools button{border:1px solid var(--line);width:30px;height:40px;color:var(--muted-2);background:0 0;border-radius:9px;padding:0}.row-tools button:disabled{opacity:.3;cursor:default}.set-row.head>:last-child{display:block}.table-foot{padding:6px 4px}.list-danger{text-align:right}.song-panel{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.song-title-input{border:1px solid var(--line);background:var(--surface);height:48px;color:var(--ink);font:700 20px var(--sans);border-radius:12px;padding:0 12px}.song-title-input[aria-invalid=true]{border-color:#e5484d}.song-key-row{align-items:center;gap:14px;display:flex}.song-key-info{font-family:var(--mono);color:var(--muted-2);font-size:13px;line-height:1.5}.song-key-info b{color:var(--ink);font-size:15px;font-weight:500}.song-key-big{font-family:var(--serif);text-align:center;font-size:76px;line-height:.95}.minor-m{font-style:normal;font-family:var(--sans);vertical-align:.7em;font-size:.35em}.song-fields{grid-template-columns:1.15fr 1fr 1fr;gap:8px;width:100%;display:grid}.song-fields .field{font-size:10.5px}.song-fields .field input,.song-fields .field select{height:42px;padding:0 8px;font-size:14px}.panel-links{justify-content:space-between;display:flex}.nowbar{background:var(--well);border:1px solid #221b36;border-radius:22px;flex:none;align-items:center;gap:12px;min-height:76px;padding:10px 14px;display:flex}.nowbar-key{background:var(--sel);width:56px;height:56px;font-family:var(--serif);color:#8a83a0;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:32px;display:flex}.nowbar-key[data-on=true]{color:#fff;background:#7b2cf0}.nowbar-info{flex-direction:column;min-width:0;display:flex}.nowbar-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.nowbar-info small{color:var(--muted);white-space:nowrap;font-size:12px}.nowbar-sep{background:var(--line);width:1px;height:38px;margin:0 4px}.nowbar-toggle{border:1px solid var(--line-2);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;justify-content:center;min-height:52px;padding:6px 14px;display:flex}.nowbar-toggle strong{font-size:13.5px}.nowbar-toggle small{color:var(--muted);white-space:nowrap;font-size:11px}.nowbar-toggle[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.nowbar-grow{flex:1}.nowbar-swell{border:1px solid var(--line);height:52px;color:var(--muted-2);touch-action:none;background:0 0;border-radius:14px;padding:0 20px;font-size:14px;font-weight:700}.nowbar-swell:disabled{opacity:.45;cursor:default}.nowbar-start{color:#fff;background:#7b2cf0;border:0;border-radius:14px;height:52px;padding:0 26px;font-size:15px;font-weight:800}.nowbar-start[data-on=true]{background:var(--seg-on);border:1px solid #7b5bc4}.offline-note{color:var(--ok);font-size:12.5px;font-weight:600}.offline-note[data-warn=true]{color:#ffc46b}.sounds-body{flex:1;grid-template-columns:minmax(0,1fr) 330px;gap:14px;min-height:0;display:grid}.sound-cards{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));align-content:start;gap:10px;min-height:0;display:grid;overflow-y:auto}.sound-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex}.sound-card[data-main=true]{background:var(--sel);border-color:var(--sel-line)}.sound-card header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sound-card h3{margin:0;font-size:17px}.sound-card header span{color:var(--muted);font-size:11.5px;font-weight:700}.sound-card header span[data-tone=main]{color:var(--link)}.sound-card header span[data-tone=blend]{color:var(--ok)}.sound-card p{color:var(--muted-2);flex:1;margin:0;font-size:13px;line-height:1.45}.sound-card footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sound-card footer .btn-outline.small,.sound-card footer .btn-primary.small{padding:0 10px;font-size:12.5px}.sound-card footer .icon-btn.big{width:40px;height:40px}.upload-card{border:1.5px dashed var(--line-3);min-height:150px;color:var(--link);text-align:center;background:0 0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex}.upload-card strong{color:var(--ink);font-size:15px}.upload-card small{color:var(--muted);max-width:200px;font-size:12.5px;line-height:1.4}.blends-saved{flex-direction:column;grid-column:1/-1;gap:8px;display:flex}.blends-saved ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.blends-saved li{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.blend-load{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;min-height:44px;padding:4px 0;display:flex}.blend-load small{color:var(--muted);font-size:12px}.blend-panel{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.blend-panel h2{font-family:var(--serif);margin:0;font-size:32px;font-weight:400}.blend-panel .layer-row{grid-template-columns:76px minmax(100px,1fr) 40px 28px}.blend-panel .layer-row input[type=range]{grid-area:2/1/auto/-2}.blend-panel .layer-row .layer-level{grid-area:2/-2}.blend-panel .width-ctl{flex-direction:column;align-items:stretch}.save-row{gap:8px;display:flex}.save-row input{flex:1;min-width:0}.rhythms-body,.drums-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.groove-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.groove-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.groove-card[data-on=true]{background:var(--sel);border-color:var(--sel-line)}.groove-card strong{font-size:15px}.groove-card small{color:var(--muted);font-size:12px}.groove-card input{border:1px solid var(--line);background:var(--well);height:40px;color:var(--ink);font:700 14px var(--sans);border-radius:10px;padding:0 10px}.groove-card .kind{letter-spacing:.08em;text-transform:uppercase;color:var(--link);font-size:10.5px;font-weight:800}.groove-card .kind[data-loop=true]{color:var(--ok)}.card-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.drum-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.drum-list li{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:6px 12px;display:flex}.drum-list i{border-radius:4px;flex:none;width:12px;height:12px;display:block}.drum-list .source{color:var(--muted);font-size:12.5px}.drum-list .source[data-custom=true]{color:var(--ok)}.lyrics-cols{flex:1;grid-template-columns:280px minmax(0,1fr) 340px;gap:12px;min-height:0;display:grid}.lyr-songs{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.lyr-song{background:var(--well);text-align:left;border:1.5px solid #221b36;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 10px;display:flex}.lyr-song strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.lyr-song[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.lyr-chip{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:800}.lyr-chip.has{color:var(--ok);background:#1f5c3c}.lyr-chip.none{color:#ffc46b;background:#3a2a12}.add-song-btn{border:1.5px dashed var(--line-3);height:52px;color:var(--link);background:0 0;border-radius:14px;font-size:14px;font-weight:700}.add-song-btn[aria-pressed=true]{border-color:var(--sel-line);background:var(--sel)}.lyr-preview,.lyr-edit,.lyr-new,.lyr-empty{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.lyr-new{grid-column:2/-1}.lyr-preview h2,.lyr-new h2{font-family:var(--serif);margin:0;font-size:34px;font-weight:400}.lyr-source{color:var(--ok);margin:-6px 0 0;font-size:12.5px}.lyr-source[data-has=false]{color:#ffc46b}.lyr-sections{flex-direction:column;gap:14px;display:flex}.lyr-sections p{margin:0;font-size:16px;line-height:1.5}.lyr-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lyr-edit textarea,.lyr-new textarea{resize:none;border:1px solid var(--line);min-height:160px;color:var(--ink);font:13px/1.55 var(--mono);background:#0d0a14;border-radius:14px;flex:1;padding:12px}.lyr-edit textarea:focus,.lyr-new textarea:focus{outline:2px solid var(--link);outline-offset:1px}.edit-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow-field{flex:1}.grow-field textarea{text-transform:none;letter-spacing:0;font-weight:400}.add-new{border:1.5px dashed var(--line-3);height:52px;color:var(--link);background:0 0;border-radius:14px;font-size:14px;font-weight:700}.pick-list{flex-direction:column;gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pick-list button{border:1px solid var(--line);background:var(--well);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 14px;display:flex}.pick-list small{font-family:var(--mono);color:var(--muted);font-size:12px}.stage{background:var(--bg);flex-direction:column;gap:12px;height:100dvh;padding:18px 22px 16px;display:flex;position:relative}.stage[data-locked=true]{background:#0a0711}.stage-head{flex:none;align-items:center;gap:14px;display:flex}.stage-pill{letter-spacing:.06em;text-transform:uppercase;background:#7b2cf0;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.stage-song{color:var(--muted-2);font-size:16px}.stage-song strong{color:var(--ink);margin-left:4px}.stage-top-btn{border:1px solid var(--line-2);background:var(--well);border-radius:13px;align-items:center;gap:8px;height:46px;padding:0 16px;font-size:13.5px;font-weight:700;display:inline-flex;position:relative}.stage-top-btn[aria-pressed=true]{background:var(--seg-on);border-color:var(--sel-line)}.stage-top-btn:disabled{opacity:.4;cursor:default}.midi-dot{background:var(--line-3);border-radius:50%;width:8px;height:8px;display:inline-block}.midi-dot[data-state=ready]{background:var(--ok)}.midi-dot[data-state=blocked],.midi-dot[data-state=unsupported]{background:#ffc46b}.stage-main{flex:auto;grid-template-columns:minmax(0,1fr) 36%;gap:12px;min-height:0;display:grid}.stage-lyrics{border-radius:26px;flex-direction:column;gap:10px;min-height:0;padding:20px;display:flex}.stage-now{align-items:center;gap:14px;display:flex}.stage-key{background:var(--sel);width:56px;height:56px;font-family:var(--serif);color:#8a83a0;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:34px;display:flex}.stage-key[data-on=true]{color:#fff;background:#7b2cf0}.stage-now-text{flex-direction:column;display:flex}.stage-now-text strong{font-size:16px}.stage-now-text small{color:var(--muted);font-size:12.5px}.stage-status{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.stage-status[data-on=true]{color:var(--ok)}.stage-words{flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:0;display:flex;overflow-y:auto}.stage-words p{margin:0;font-size:clamp(26px,4.4vmin,54px);font-weight:700;line-height:1.22}.stage-words .part-name{font-size:13px}.stage-next-part{color:var(--muted);margin-top:10px;font-size:14px}.stage-nolyrics{color:var(--muted-2);font-size:18px}.stage-parts{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;display:grid}.stage-btn{border:1px solid var(--line-2);border-radius:16px;justify-content:center;align-items:center;height:56px;font-size:15px;font-weight:700;display:flex;position:relative}.stage-btn.ghost{background:0 0}.stage-btn.soft{background:var(--seg-on);border-color:#5b4a99}.stage-btn:disabled{opacity:.4;cursor:default}.stage-next{flex-direction:column;gap:10px;min-height:0;display:flex}.stage-next-big{color:#fff;text-align:left;background:linear-gradient(160deg,#7b2cf0,#5a00cf);border:0;border-radius:26px;flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;padding:22px;display:flex;position:relative}.stage-next-big:disabled{opacity:.5}.stage-next-big small{letter-spacing:.14em;text-transform:uppercase;color:#e2d2ff;margin-top:auto;font-size:12px;font-weight:800}.stage-next-big strong{font-size:clamp(22px,3.4vmin,36px);font-weight:800;line-height:1.1}.stage-vars{flex:none;grid-template-columns:150px repeat(4,minmax(0,1fr));align-items:center;gap:10px;display:grid}.stage-vars[data-off=true]{opacity:.4}.stage-vars .var-label{flex-direction:column;font-size:11.5px;display:flex}.stage-vars .var-label b{color:var(--ink);font-size:12.5px}.stage-var{border:1px solid var(--line);background:var(--well);text-align:left;border-radius:16px;align-items:center;gap:10px;height:60px;padding:0 12px;display:flex;position:relative}.stage-var b{background:var(--line);width:30px;height:30px;font-family:var(--mono);border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:13px;display:flex}.stage-var span{flex-direction:column;display:flex}.stage-var strong{font-size:15px}.stage-var small{color:var(--muted);font-size:11.5px}.stage-var[aria-pressed=true]{background:var(--seg-on);border-color:var(--sel-line)}.stage-var[aria-pressed=true] b{background:var(--sel-line);color:var(--bg)}.stage-var[data-queued=true]{border-style:dashed;border-color:var(--sel-line)}.stage-controls{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.stage-ctl{border:1px solid var(--line);background:var(--well);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:92px;display:flex;position:relative}.stage-ctl strong{font-size:18px;font-weight:800}.stage-ctl small{color:var(--muted);font-size:12px}.stage-ctl[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.stage-ctl.swell:disabled{opacity:.45}.stage-ctl.start{color:#fff;background:#7b2cf0;border:0}.stage-ctl.start small{color:#e2d2ff}.stage-ctl.start[data-on=true]{background:var(--seg-on);border:1px solid #7b5bc4}.stage-ctl.tune{border:1.5px dashed var(--ok-line);color:var(--ok)}.stage-ctl:disabled{opacity:.35;cursor:default}.stage-hint{text-align:center;color:var(--muted);flex:none;margin:0;font-size:12px}.map-badge{font-style:normal;font-family:var(--mono);border:1px solid var(--line-2);color:var(--link);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#120e1d;border-radius:6px;max-width:calc(100% - 16px);padding:2px 6px;font-size:10px;position:absolute;top:6px;right:8px;overflow:hidden}.map-badge[data-empty=true]{color:var(--muted);border-style:dashed;border-color:var(--line-3);background:0 0}.map-badge[data-learn=true]{background:var(--sel-line);color:var(--bg);border-color:var(--sel-line)}.stage[data-mapping=true] .stage-btn,.stage[data-mapping=true] .stage-var,.stage[data-mapping=true] .stage-ctl,.stage[data-mapping=true] .stage-next-big{box-shadow:0 0 0 1px var(--line-3)}.map-panel{border:1px solid var(--sel-line);background:#130e22;border-radius:20px;flex-direction:column;flex:none;gap:8px;padding:12px 16px;display:flex}.map-row{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.map-row select{border:1px solid var(--line-2);background:var(--well);height:40px;color:var(--ink);font:600 13px var(--sans);border-radius:10px;padding:0 8px}.map-help,.map-status,.map-seen{color:var(--muted-2);font-size:12.5px}.map-row.demo{gap:6px}.demo-btn{border:1px solid var(--line-2);background:var(--well);min-width:46px;height:40px;font:700 12px var(--mono);touch-action:none;border-radius:10px;padding:0 8px}@media (orientation:portrait){.stage-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.stage-next{flex-direction:row}.stage-next-big{flex-direction:row;align-items:center;gap:16px;min-height:96px}.stage-next-big small{order:3;margin-top:0}.stage-next .stage-btn{flex:0 0 28%;height:auto}.stage-vars{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-vars .var-label{flex-direction:row;grid-column:1/-1;align-items:baseline;gap:8px}.stage-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.stage-ctl{height:84px}.stage-ctl strong{font-size:16px}}.tune-sheet{border-radius:28px;gap:12px;width:min(720px,100%);padding:18px}.ts-head{align-items:center;gap:10px;height:44px;display:flex}.ts-head h2{font-family:var(--serif);margin:0;font-size:32px;font-weight:400}.ts-badge{background:var(--well);border:1px solid var(--line);height:28px;color:var(--muted-2);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.ts-badge i{background:var(--line-3);border-radius:50%;width:7px;height:7px}.ts-badge i[data-on=true]{background:var(--ok)}.ts-inst{border:1px solid var(--line);background:var(--well);height:44px;color:var(--ink);font:700 14px var(--sans);border-radius:12px;margin-left:auto;padding:0 10px}.ts-meter{color:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:330px;padding:12px 24px;transition:background-color .35s;display:flex}.ts-target{letter-spacing:.14em;text-transform:uppercase;color:#ffffffd6;font-size:12px;font-weight:700}.ts-note{align-items:baseline;gap:4px;display:flex}.ts-note b{font-family:var(--serif);font-size:150px;font-weight:400;line-height:.82}.ts-note>span{font-family:var(--mono);color:#ffffffd6;font-size:24px}.ts-meter[data-idle=true] .ts-note{opacity:.45}.ts-bars{width:100%;max-width:480px;height:70px;position:relative}.ts-marker{flex-direction:column;align-items:center;transition:left .12s linear;display:flex;position:absolute;top:0;transform:translate(-50%)}.ts-meter[data-idle=true] .ts-marker{opacity:0}.ts-marker span{font-family:var(--mono);font-size:12px;line-height:1}.ts-bar-row{justify-content:space-between;align-items:center;height:48px;display:flex;position:absolute;top:22px;left:0;right:0}.ts-bar-row i{border-radius:3px;transition:background-color .2s;display:block}.ts-status{align-items:center;gap:8px;min-height:24px;margin:0;font-size:17px;font-weight:700;display:flex}.ts-start{flex-direction:column;align-items:center;gap:2px;display:flex}.ts-start small{color:#fffc;text-align:center;max-width:320px;font-size:12.5px}.ts-start .link-btn{color:#fff}.ts-pills{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.ts-pills button{border:1px solid var(--line);background:var(--well);white-space:nowrap;border-radius:11px;flex:none;height:40px;padding:0 12px;font-size:13px;font-weight:700}.ts-pills button[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.ts-pills .custom{border-style:dashed;border-color:var(--line-3)}.ts-custom{border:1px dashed var(--line-3);background:var(--well);border-radius:14px;justify-content:space-between;align-items:center;padding:6px 6px 6px 14px;display:flex}.ts-custom span:first-child{flex-direction:column;font-size:13px;display:flex}.ts-custom small{color:var(--muted);font-size:11px}.ts-custom .stepper{align-items:center;display:flex}.ts-custom .stepper button{background:0 0;border:0;width:44px;height:40px;padding:0;font-size:20px}.ts-custom .stepper output{text-align:center;min-width:44px;font-family:var(--mono);font-size:14px}.ts-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ts-strings{flex:280px;gap:6px;display:flex}.ts-strings button{border:1.5px solid var(--line);background:var(--well);border-radius:14px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:52px;display:flex}.ts-strings b{font-size:17px;font-weight:800}.ts-strings small{font-family:var(--mono);opacity:.8;font-size:10px}.ts-strings button[aria-pressed=true]{border-color:var(--sel-line);background:var(--sel)}.ts-strings button[data-tuned=true]{background:var(--ok);border-color:var(--ok);color:var(--bg)}.ts-chrom{border:1px dashed var(--line-2);height:52px;color:var(--muted-2);border-radius:14px;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.a4{background:var(--well);border:1px solid var(--line);border-radius:12px;align-items:center;height:50px;padding:0 2px;display:inline-flex}.a4 button{background:0 0;border:0;width:36px;height:44px;padding:0;font-size:18px}.a4 span{font-family:var(--mono);font-size:12px}.settings-sheet{gap:16px}.set-group{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding-bottom:14px;display:flex}.set-group:last-child{border-bottom:0;padding-bottom:0}.set-line{justify-content:space-between;align-items:center;gap:14px;display:flex}.set-line>div{flex-direction:column;gap:2px;min-width:0;display:flex}.set-line strong{font-size:14.5px}.set-line small,.set-group .hint{color:var(--muted);font-size:12.5px;line-height:1.4}.set-group .chips button{height:40px}@media (width<=1100px){.play-top{grid-template-columns:minmax(0,1fr) 190px}.bottom-card .groove-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.pad-main{grid-template-columns:auto minmax(0,1fr) 88px 130px;gap:10px}.pad-key{min-width:56px;font-size:68px}.setpane{flex-basis:236px}.lyrics-cols{grid-template-columns:240px minmax(0,1fr) 300px}.setlist-body,.sounds-body{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=960px) and (orientation:portrait){.play-top{grid-template-columns:minmax(0,1fr)}.key-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.setlist-body,.sounds-body,.lyrics-cols{grid-template-columns:minmax(0,1fr)}.lyr-new{grid-column:auto}.nowbar-sep{display:none}}.tune .top{height:44px;margin:18px var(--gutter) 0;flex:none;justify-content:space-between;align-items:center;display:flex}.tune .brand{align-items:center;gap:10px;display:flex}.tune .brand h1{font-family:var(--serif);margin:0;font-size:30px;font-weight:400}.tune .dot{background:var(--line-3);border-radius:50%;width:8px;height:8px;transition:background .2s}.tune .dot[data-on=true]{background:var(--ok);box-shadow:0 0 0 4px #7ee2a82e}.tune .chip{border-radius:var(--r-md);color:#fff;background:#0003;border:1px solid #ffffff47;align-items:center;gap:8px;height:44px;padding:0 12px 0 14px;font-size:13px;font-weight:700;display:flex}.tune .menu{top:68px;right:var(--gutter);z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:2px;width:220px;padding:6px;display:flex;position:absolute;box-shadow:0 12px 32px #00000073}.tune .menu button{text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;height:48px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.tune .menu button[aria-pressed=true]{background:var(--sel)}.tune .menu small{font-family:var(--mono);color:var(--muted);font-size:11px;font-weight:400;display:block}.tune .menu .tick{color:var(--link);display:flex}.tune .hero{min-height:0;padding:0 var(--gutter);color:#fff;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:14px;display:flex}.tune .target{letter-spacing:.12em;text-transform:uppercase;color:#ffffffd6;margin:0;font-size:12px;font-weight:700}.tune .note{align-items:baseline;gap:4px;transition:opacity .2s;display:flex}.tune .note b{font-family:var(--serif);transition:font-size .3s var(--ease);font-size:172px;font-weight:400;line-height:.85}.tune .note>span{font-family:var(--mono);color:#ffffffd6;transition:font-size .3s var(--ease);font-size:24px}.tune[data-open=true] .note b{font-size:92px}.tune[data-open=true] .note>span{font-size:16px}.tune[data-idle=true] .note{opacity:.45}.tune .meter{width:min(300px,100%);height:62px;position:relative}.tune .marker{flex-direction:column;align-items:center;transition:left .12s linear,opacity .2s;display:flex;position:absolute;top:0;transform:translate(-50%)}.tune .marker span{font-family:var(--mono);font-size:12px;font-weight:500;line-height:1}.tune .marker svg{margin-top:2px}.tune[data-idle=true] .marker{opacity:0}.tune .bars{justify-content:space-between;align-items:center;height:40px;display:flex;position:absolute;top:22px;left:0;right:0}.tune .bars i{border-radius:3px;width:6px;transition:background-color .2s;display:block}.tune .bars i.c{width:8px}.tune .status{align-items:center;gap:8px;height:22px;margin:0;font-size:15px;font-weight:700;display:flex}.tune .status>span:first-child{display:flex}.tune .start-area{flex-direction:column;align-items:center;gap:4px;display:flex}.tune .start{background:var(--primary);color:#fff;border:0;border-radius:16px;height:52px;margin-top:6px;padding:0 22px;font-size:15px;font-weight:800}.tune .linkbtn{color:var(--link);background:0 0;border:0;min-height:44px;padding:8px;font-size:13px;font-weight:600;text-decoration:underline}.tune .err{color:var(--muted-2);text-align:center;max-width:280px;margin:0;font-size:13px}.tune .drawer{z-index:2;background:var(--surface);border-top:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:0 var(--gutter) 12px;touch-action:pan-x;flex:none;position:relative}.tune .grab{width:calc(100% + 2 * var(--gutter));margin:0 calc(-1 * var(--gutter));background:0 0;border:0;justify-content:center;align-items:center;height:30px;padding:0;display:flex}.tune .grab span{background:var(--line-3);border-radius:3px;width:40px;height:5px}.tune .peek{background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;height:48px;padding:0;display:flex}.tune .mini{gap:5px;display:flex}.tune .mini span{border:1.5px solid var(--line);background:var(--well);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.tune .mini span[data-on=true]{border-color:var(--sel-line);background:var(--sel)}.tune .mini span[data-tuned=true]{border-color:var(--ok);background:var(--ok);color:var(--bg)}.tune .peek-label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tune .body-wrap{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;display:grid}.tune .drawer[data-open=true] .body-wrap{grid-template-rows:1fr}.tune .body{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:hidden}.tune .body>:first-child{margin-top:10px}.tune .row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tune .seg{background:var(--well);border:1px solid var(--line);border-radius:13px;gap:2px;padding:3px;display:flex}.tune .seg button{border-radius:var(--r-sm);height:36px;color:var(--muted);background:0 0;border:0;flex:1 1 0;font-size:12px;font-weight:700}.tune .seg button[aria-pressed=true]{background:var(--seg-on);color:#fff}.tune .btn{border:1px solid var(--line);background:var(--well);border-radius:13px;justify-content:center;align-items:center;gap:6px;height:44px;font-size:12px;font-weight:700;display:flex}.tune .btn[aria-pressed=true]{background:var(--seg-on);border-color:#7b5bc4}.tune .pills{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.tune .pills::-webkit-scrollbar{display:none}.tune .pill{border:1px solid var(--line);background:var(--well);white-space:nowrap;border-radius:12px;flex:none;align-items:center;gap:6px;height:44px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.tune .pill[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.tune .pill.custom{border-style:dashed;border-color:var(--line-3)}.tune .pill.custom[aria-pressed=true]{border-color:var(--sel-line)}.tune .panel{border-radius:var(--r-md);border:1px solid var(--line);background:var(--well);justify-content:space-between;align-items:center;height:48px;padding:0 4px 0 14px;display:flex}.tune .panel.dashed{border-style:dashed;border-color:var(--line-3)}.tune .panel .lbl{flex-direction:column;display:flex}.tune .panel .lbl b{font-size:13px}.tune .panel .lbl small{color:var(--muted);font-size:11px}.tune .stepper{align-items:center;display:flex}.tune .stepper button{border-radius:var(--r-sm);background:0 0;border:0;width:44px;height:40px;padding:0;font-size:20px}.tune .stepper output{text-align:center;min-width:44px;font-family:var(--mono);font-size:14px}.tune .hz{font-family:var(--mono);flex-direction:column;display:flex}.tune .hz b{font-size:14px;font-weight:400}.tune .hz small{color:var(--muted);font-size:11px}.tune .switch{border-radius:var(--r-md);border:1px solid var(--line);background:var(--well);justify-content:space-between;align-items:center;height:48px;padding:0 10px 0 14px;font-size:13.5px;font-weight:600;display:flex}.tune .track{background:var(--line-2);border-radius:999px;width:46px;height:28px;padding:3px;transition:background .2s;display:flex}.tune .track i{width:22px;height:22px;transition:transform .2s var(--ease);background:#fff;border-radius:50%}.tune .switch[aria-checked=true] .track{background:var(--primary)}.tune .switch[aria-checked=true] .track i{transform:translate(18px)}.tune .head{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:12px;height:168px;display:grid}.tune .col{flex-direction:column;justify-content:center;gap:8px;display:flex}.tune .str{border:1.5px solid var(--line);background:var(--well);border-radius:15px;justify-content:space-between;align-items:center;height:50px;padding:0 12px;display:flex}.tune .str[aria-pressed=true]{border-color:var(--sel-line);background:var(--sel)}.tune .str .nm{flex-direction:column;display:flex}.tune .col.l .str .nm{align-items:flex-end}.tune .str .nm span:first-child{font-size:18px;font-weight:800}.tune .str .nm sub{font-family:var(--mono);color:var(--muted);vertical-align:baseline;margin-left:2px;font-size:11px}.tune .str .nm small{font-family:var(--mono);color:var(--muted);font-size:10px}.tune .badge{border:1.5px solid var(--line-3);border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.tune .str[data-tuned=true] .badge{background:var(--ok);border-color:var(--ok)}.tune .str .badge svg{display:none}.tune .str[data-tuned=true] .badge svg{display:block}.tune .chrom{border:1px dashed var(--line-2);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:168px;padding:0 24px;display:flex}.tune .chrom b{font-size:15px}.tune .chrom span{color:var(--muted-2);font-size:13px}.phone{background:var(--bg);height:100dvh;color:var(--ink);flex-direction:column;max-width:560px;margin:0 auto;display:flex;position:relative;overflow:hidden}.phone[data-stage=true]{max-width:none}.phone-chrome{background:var(--shell-bg,var(--bg));padding-top:env(safe-area-inset-top);flex:none;transition:background-color .35s}.phone-top{align-items:center;gap:8px;padding:10px 14px 4px;display:flex}.phone-top .wordmark{font-size:22px}.phone-icon-btn{border:1px solid var(--line-2);height:40px;color:var(--ink);background:#00000038;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.phone-icon-btn.only-icon{justify-content:center;width:40px;padding:0}.tab-strip{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:6px;padding:6px 14px 10px;display:flex;overflow-x:auto}.tab-strip::-webkit-scrollbar{display:none}.tab-strip button{height:44px;color:var(--muted-2);scroll-snap-align:center;background:#ffffff0f;border:1px solid #0000;border-radius:14px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.tab-strip button[aria-current=page]{background:var(--sel);border-color:var(--sel-line);color:#fff}.phone-main{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:12px;min-height:0;padding:6px 14px 18px;display:flex;overflow-y:auto}.phone[data-screen=tune] .phone-main{padding:0;overflow:hidden}.phone-main>.view{flex:none;min-height:0;overflow:visible}.phone .app{max-width:none;height:100%;margin:0}.mini{padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--well);border-top:1px solid #221b36;flex:none;align-items:center;gap:6px;display:flex}.mini-key{background:var(--sel);color:#8a83a0;width:46px;height:46px;font-family:var(--serif);border:0;border-radius:13px;flex:none;justify-content:center;align-items:center;padding:0;font-size:26px;display:flex}.mini-key[data-on=true]{color:#fff;background:#7b2cf0}.mini-pad{color:#fff;background:#7b2cf0;border:0;border-radius:13px;flex:1 1 0;min-width:0;height:46px;font-size:14px;font-weight:800}.mini-pad[data-on=true]{background:var(--seg-on);border:1px solid #7b5bc4}.mini-toggle{border:1px solid var(--line-2);background:var(--surface);border-radius:13px;flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:58px;height:46px;padding:0 8px;line-height:1.15;display:flex}.mini-toggle strong{font-size:12px}.mini-toggle small{color:var(--muted);font-size:10.5px}.mini-toggle[aria-pressed=true]{background:var(--sel);border-color:var(--sel-line)}.mini-toggle[aria-pressed=true] small{color:var(--link)}.mini-next{color:#fff;background:#5a00cf;border:0;border-radius:13px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;width:54px;height:46px;padding:0;display:flex}.mini-next small{letter-spacing:.06em;text-transform:uppercase;color:#e2d2ff;font-size:9.5px;font-weight:800}.mini-next:disabled{opacity:.5}.phone .view-head{flex-wrap:wrap;gap:8px}.phone .view-head .screen-title{font-size:30px}.phone .card{border-radius:20px;padding:14px}.phone .card .label{display:block}.phone .play-top{grid-template-columns:minmax(0,1fr)}.phone .pad-main{grid-template-columns:auto minmax(0,1fr);row-gap:10px}.phone .pad-key{min-width:52px;font-size:64px}.phone .pad-main .swell-btn,.phone .pad-main .start-btn{grid-column:span 1;height:60px}.phone .pad-main .swell-btn{grid-column:1/2}.phone .pad-main .start-btn{grid-column:2/3}.phone .pad-row2{gap:6px}.phone .key-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.phone .key-btn{min-height:46px;font-size:15px}.phone .chips-row{scrollbar-width:none;flex-wrap:nowrap;margin:0 -14px;padding:0 14px;overflow-x:auto}.phone .chips-row::-webkit-scrollbar{display:none}.phone .chips-row .sound-chip-btn{flex:none}.phone .bottom-card .groove-tiles,.phone .groove-tiles{scrollbar-width:none;scroll-snap-type:x proximity;margin:0 -14px;padding:0 14px;display:flex;overflow-x:auto}.phone .groove-tiles::-webkit-scrollbar{display:none}.phone .groove-tile{scroll-snap-align:start;flex:none;width:150px}.phone .variations{grid-template-columns:repeat(2,minmax(0,1fr))}.phone .variations .var-label{grid-column:1/-1}.phone .transport-row{gap:8px}.phone .drums-vol{width:100%;margin-left:0}.phone .drums-vol input{flex:1;width:auto}.phone .bottom-head{gap:8px}.phone .bottom-hint{display:none}.phone .beat-row{grid-template-columns:112px minmax(0,1fr)}.phone .beat-cells,.phone .beat-rows{overflow-x:auto}.phone .beat-cell{min-width:22px}.phone .beat-cells{grid-template-columns:repeat(var(--steps,16), minmax(22px, 1fr))!important}.phone .lyrics-now p{font-size:18px}.phone .lyrics-nav{flex-wrap:wrap}.phone .next-part-preview{white-space:normal;flex:1 0 100%}.phone .pads-cols{grid-template-columns:minmax(0,1fr)}.phone .stage-open{display:none}.phone .pads-keys{padding:14px}.phone .wheel{max-width:100%}.phone .layer-row{grid-template-columns:76px minmax(90px,1fr) 40px 28px}.phone .layer-row input[type=range]{grid-area:2/1/auto/-2}.phone .layer-row .layer-level{grid-area:2/-2}.phone .width-ctl{flex-direction:column;align-items:stretch}.phone .setlist-body{grid-template-columns:minmax(0,1fr)}.phone .set-row.head{display:none}.phone .set-row{grid-template-columns:minmax(0,1fr) 60px}.phone .set-row-btn{grid-template-columns:28px minmax(0,1fr) auto;row-gap:2px;min-height:58px;padding:8px 12px}.phone .set-row-btn .mono:nth-of-type(2),.phone .set-row-btn .mono:nth-of-type(3),.phone .set-row-btn>span:nth-child(n+5){display:none}.phone .song-panel{overflow:visible}.phone .view-head.wrap .btn-outline,.phone .view-head.wrap .btn-primary{height:40px;padding:0 12px;font-size:13px}.phone .lyrics-cols{grid-template-columns:minmax(0,1fr)}.phone .lyr-songs{scrollbar-width:none;flex-direction:row;align-items:center;gap:8px;overflow-x:auto}.phone .lyr-songs::-webkit-scrollbar{display:none}.phone .lyr-songs>.label,.phone .lyr-songs>.empty-line{display:none}.phone .lyr-song,.phone .add-song-btn{flex:none;min-width:150px}.phone .lyr-new{grid-column:auto}.phone .lyr-preview,.phone .lyr-edit,.phone .lyr-new,.phone .lyr-empty{overflow:visible}.phone .field-grid.four{grid-template-columns:1fr 1fr}.phone .sounds-body{grid-template-columns:minmax(0,1fr)}.phone .sound-cards{grid-template-columns:minmax(0,1fr);overflow:visible}.phone .blend-panel{overflow:visible}.phone .view-head .seg-tabs button{padding:0 12px;font-size:14px}.phone .offline-note{width:100%}.phone .drum-list li{flex-wrap:wrap}.phone .groove-cards{grid-template-columns:minmax(0,1fr)}.phone .stage{gap:8px;padding:12px 12px 10px}.phone .stage-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.phone .stage-next{flex-direction:row}.phone .stage-next-big{flex-direction:row;align-items:center;gap:12px;min-height:76px;padding:14px 16px}.phone .stage-next-big small{order:3;margin-top:0}.phone .stage-next-big svg{width:28px;height:28px}.phone .stage-next .stage-btn{flex:0 0 26%;height:auto}.phone .stage-vars{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.phone .stage-vars .var-label{flex-direction:row;grid-column:1/-1;align-items:baseline;gap:8px}.phone .stage-var{gap:6px;height:50px;padding:0 6px}.phone .stage-var span small{display:none}.phone .stage-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.phone .stage-ctl{height:66px}.phone .stage-ctl strong{font-size:13px}.phone .stage-ctl small{display:none}.phone .stage-head{flex-wrap:wrap;gap:8px}.phone .stage-top-btn{height:40px;padding:0 10px;font-size:12px}.phone .stage-song{font-size:13px}.phone .stage-words p{font-size:clamp(22px,6.4vw,34px)}.phone .stage-hint{display:none}.phone .map-panel{padding:10px 12px}.phone[data-screen=tune] .app.tune{height:100%}.song-bar{align-items:center;gap:8px;display:flex}.song-bar-info{text-align:left;border:1px solid var(--line);background:var(--well);border-radius:16px;flex-direction:column;flex:1;gap:1px;min-width:0;min-height:62px;padding:8px 12px;display:flex}.song-bar-info small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.song-bar-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.song-bar-info span{font-family:var(--mono);color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.song-bar .icon-btn.big{width:46px;height:62px}.song-bar .icon-btn.big.next{color:#fff;background:#5a00cf;border-color:#5a00cf}.song-bar .icon-btn.big:disabled{opacity:.4}.phone .glide-seg{width:100%}.phone .glide-seg .seg{flex:1;width:auto}.phone .glide-seg .seg button{padding:0 6px;font-size:12px}.phone .pad-row2 .grow{display:none}.phone .pad-row2 .toggle-btn{flex:1}:root{--bg:#0d0a14;--well:#120e1d;--surface:#171126;--line:#2b2342;--line-2:#3a3156;--line-3:#4a4166;--sel:#241a40;--sel-line:#a06bff;--seg-on:#2f2552;--primary:#7b2cf0;--ok:#7ee2a8;--ok-line:#3f7d5f;--ink:#f0edf7;--muted:#a9a3bc;--muted-2:#c9c3d8;--link:#c4a3ff;--serif:"Instrument Serif", Georgia, serif;--sans:Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--gutter:18px;--tabbar:78px;--r-sm:10px;--r-md:14px;--r-lg:26px;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{background:var(--bg);height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--link);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background-color:var(--screen,var(--bg));flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;transition:background-color .35s;display:flex;position:relative;overflow:hidden}.tabs{height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding:8px 12px calc(20px + env(safe-area-inset-bottom));background:var(--well);z-index:3;border-top:1px solid #221b36;flex:none;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.tabs a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tabs a[aria-current=page]{color:var(--link);font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}}.acc{font-family:var(--sans);vertical-align:.7em;margin-left:.04em;font-size:.5em;font-weight:600;line-height:0}.seg{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{border-radius:var(--r-sm);height:36px;color:var(--muted);background:0 0;border:0;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--seg-on);color:#fff;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.card-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-row>div{flex-direction:column;gap:2px;min-width:0;display:flex}.card-row strong{font-size:15px}.card-row small{color:var(--muted);font-size:12.5px}.toggle{background:var(--line-2);border:0;border-radius:999px;flex:none;width:52px;height:32px;padding:3px;transition:background .2s;display:flex}.toggle i{width:26px;height:26px;transition:transform .2s var(--ease);background:#fff;border-radius:50%}.toggle[aria-checked=true]{background:var(--primary)}.toggle[aria-checked=true] i{transform:translate(20px)}.slider{color:var(--muted-2);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.slider>span{justify-content:space-between;display:flex}.slider input{accent-color:#a06bff;width:100%;height:28px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);background:var(--well);height:36px;color:var(--muted-2);border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.chips button[aria-checked=true],.chips button[aria-pressed=true]{background:var(--seg-on);color:#fff;border-color:#7b5bc4;font-weight:700}.field{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.field input,.field select{border:1px solid var(--line);background:var(--well);height:44px;color:var(--ink);font:600 15px var(--sans);letter-spacing:0;text-transform:none;border-radius:12px;padding:0 12px}.field input:focus,.field select:focus{outline:2px solid var(--link);outline-offset:1px}.sheet-backdrop{z-index:20;background:#05030a99;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--bg);border-top:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:calc(100% - 40px);padding:16px var(--gutter) calc(20px + env(safe-area-inset-bottom));outline:none;flex-direction:column;gap:12px;display:flex;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h2{font-family:var(--serif);margin:0;font-size:32px;font-weight:400}.sheet-close{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;height:44px;padding:0 16px;font-size:14px;font-weight:700}.sheet-note{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.screen-title{font-family:var(--serif);margin:0;font-size:32px;font-weight:400}