:root,[data-theme=acid]{--bg: #05060b;--sunk: #020307;--panel: #0b0d15;--raised: #11141f;--float: #171b29;--brd: #1d2130;--brd2: #2b3147;--tx: #e8f0ec;--dim: #7d879e;--acc: #b8ff29;--acc2: #ff2ea6;--acc3: #29e5ff;--warn: #ffb02e;--accink: #0c1400;--acc2ink: #1c0210;--acc3ink: #00171d;--warnink: #201500;--step-off: #131624;--step-beat: #191d2f;--glow-k: 1;--grain: .07}[data-theme=miami]{--bg: #0b0518;--sunk: #06020f;--panel: #130b26;--raised: #1b1136;--float: #231743;--brd: #2a1d4e;--brd2: #3b2a6d;--tx: #f4ecff;--dim: #9d8fc4;--acc: #ff2e88;--acc2: #29e5ff;--acc3: #b26bff;--warn: #ffc32e;--accink: #1c0210;--acc2ink: #001318;--acc3ink: #12022a;--warnink: #201700;--step-off: #180f31;--step-beat: #201443;--glow-k: 1.15;--grain: .06}[data-theme=clinic]{--bg: #161616;--sunk: #0f0f0f;--panel: #1d1d1d;--raised: #262626;--float: #2e2e2e;--brd: #313131;--brd2: #444444;--tx: #ececec;--dim: #9d9d9d;--acc: #ff7a3d;--acc2: #ffd028;--acc3: #7ab8ff;--warn: #ffd028;--accink: #1d0d00;--acc2ink: #1d1600;--acc3ink: #001a33;--warnink: #1d1600;--step-off: #212121;--step-beat: #292929;--glow-k: 0;--grain: .04}[data-theme=cyber]{--bg: #060604;--sunk: #030302;--panel: #0c0c08;--raised: #14140c;--float: #1b1b11;--brd: #26251a;--brd2: #3a3824;--tx: #f2f0dc;--dim: #9a9778;--acc: #fcee0a;--acc2: #00f0ff;--acc3: #ff2a55;--warn: #ff9f1a;--accink: #1a1800;--acc2ink: #001a1c;--acc3ink: #1f0008;--warnink: #1f1000;--step-off: #12120a;--step-beat: #1b1a10;--glow-k: 1.1;--grain: .08}[data-theme=tron]{--bg: #010409;--sunk: #000205;--panel: #04101c;--raised: #071a2c;--float: #0b2338;--brd: #0c2a44;--brd2: #154a6d;--tx: #dff6ff;--dim: #74a0bf;--acc: #00d9ff;--acc2: #ffb217;--acc3: #7df9ff;--warn: #ffb217;--accink: #001318;--acc2ink: #1c1000;--acc3ink: #00191b;--warnink: #1c1000;--step-off: #041220;--step-beat: #081e33;--glow-k: 1.2;--grain: .05}[data-theme=ghost]{--bg: #0a0c12;--sunk: #06070b;--panel: #10131c;--raised: #171b28;--float: #1e2333;--brd: #232939;--brd2: #353e55;--tx: #eef1f8;--dim: #8a93a7;--acc: #9aa8ff;--acc2: #6ee7d8;--acc3: #f0f3ff;--warn: #ffd28a;--accink: #0a0e2a;--acc2ink: #00201a;--acc3ink: #11141f;--warnink: #231700;--step-off: #141826;--step-beat: #1b2032;--glow-k: .9;--grain: .05}:root,[data-theme]{color-scheme:dark;--fd: "Bricolage Grotesque", "Unbounded", sans-serif;--fb: "Unbounded", sans-serif;--fm: "JetBrains Mono", Consolas, monospace;--t-xs: 12px;--t-sm: 14px;--t-md: 16px;--t-lg: 20px;--t-xl: 28px;--t-2xl: 44px;--t-3xl: 72px;--lh-tight: 1.05;--lh-snug: 1.3;--lh-body: 1.55;--track-label: .14em;--track-display: -.02em;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--target: 36px;--target-lg: 44px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--radius: var(--r-sm);--hl: color-mix(in srgb, var(--tx) 6%, transparent);--hl-soft: color-mix(in srgb, var(--tx) 3%, transparent);--shade: rgb(0 0 0 / .45);--surface: linear-gradient(180deg, var(--hl-soft), transparent 48px), var(--panel);--surface-raised: linear-gradient(180deg, var(--hl-soft), transparent 24px), var(--raised);--glass: color-mix(in srgb, var(--panel) 68%, transparent);--glass-blur: blur(18px) saturate(1.4);--e0: inset 0 1px 0 var(--hl);--e1: inset 0 1px 0 var(--hl), 0 1px 2px var(--shade);--e2: inset 0 1px 0 var(--hl), 0 6px 16px -4px var(--shade), 0 2px 4px var(--shade);--e3: inset 0 1px 0 var(--hl), 0 24px 48px -12px rgb(0 0 0 / .65), 0 4px 12px var(--shade);--e-well: inset 0 2px 6px rgb(0 0 0 / .55), inset 0 0 0 1px var(--brd);--e-press: inset 0 2px 4px rgb(0 0 0 / .5);--glow-acc: 0 0 calc(14px * var(--glow-k)) color-mix(in srgb, var(--acc) calc(45% * var(--glow-k)), transparent);--glow-acc2: 0 0 calc(14px * var(--glow-k)) color-mix(in srgb, var(--acc2) calc(45% * var(--glow-k)), transparent);--glow-acc3: 0 0 calc(14px * var(--glow-k)) color-mix(in srgb, var(--acc3) calc(40% * var(--glow-k)), transparent);--glow-warn: 0 0 calc(14px * var(--glow-k)) color-mix(in srgb, var(--warn) calc(40% * var(--glow-k)), transparent);--tint-acc: color-mix(in srgb, var(--acc) 14%, transparent);--tint-acc2: color-mix(in srgb, var(--acc2) 14%, transparent);--tint-acc3: color-mix(in srgb, var(--acc3) 14%, transparent);--tint-warn: color-mix(in srgb, var(--warn) 14%, transparent);--dur-1: .15s;--dur-2: .2s;--dur-3: .25s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.6, 0, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--bpm: 128;--beat: calc(60s / var(--bpm));--bar: calc(240s / var(--bpm));--grain-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--scan: 0;--text: var(--tx);--text-dim: var(--dim);--accent: var(--acc);--accent2: var(--acc2);--accent3: var(--acc3);--bg-raised: var(--raised);--bg-panel: var(--panel);--border: var(--brd)}@keyframes kr-beat{0%{transform:scale(1.06);filter:brightness(1.35)}60%,to{transform:scale(1);filter:none}}@keyframes kr-led{0%{opacity:1;box-shadow:var(--glow-acc)}50%,to{opacity:.35;box-shadow:none}}@keyframes kr-cue{0%{box-shadow:0 0 color-mix(in srgb,var(--acc2) 70%,transparent)}to{box-shadow:0 0 0 14px transparent}}@keyframes kr-cue-in{0%,to{opacity:1}50%{opacity:.55}}@keyframes kr-blink{0%,to{transform:scaleY(1)}45%,55%{transform:scaleY(.12)}}@keyframes kr-fall{0%{transform:translateY(-120%)}to{transform:translateY(420%)}}@keyframes kr-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes kr-spin{to{transform:rotate(360deg)}}@keyframes kr-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes kr-toast{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@keyframes kr-sweep{0%{transform:translate(0)}to{transform:translate(var(--sweep, 600px))}}@keyframes kr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 720px){:root,[data-theme]{--target: var(--target-lg)}}body{background:var(--bg);color:var(--tx);font-family:var(--fm);font-size:var(--t-sm);-webkit-font-smoothing:antialiased}a{color:var(--acc);text-decoration-color:color-mix(in srgb,var(--acc) 40%,transparent);text-underline-offset:3px}a:hover{color:var(--acc3)}:focus-visible{outline:2px solid var(--acc3);outline-offset:2px}::selection{background:var(--acc);color:var(--accink)}@media (prefers-reduced-motion: reduce){:root,[data-theme]{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:0ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,select,input{font-family:var(--fm);color:inherit}button{background:var(--raised);border:1px solid var(--brd2);border-radius:var(--radius);padding:5px 10px;cursor:pointer;font-size:var(--t-xs);transition:border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}button:hover{border-color:var(--acc)}button.active{background:var(--acc);color:var(--accink);border-color:var(--acc);font-weight:700}button.danger:hover{border-color:var(--acc2);color:var(--acc2)}option,optgroup{background:var(--panel);color:var(--tx)}select,input[type=text],input[type=number]{background:var(--raised);border:1px solid var(--brd2);border-radius:var(--radius);padding:4px 8px;font-size:var(--t-xs)}input[type=range]{accent-color:var(--acc);height:12px}@keyframes krpulse{50%{opacity:.45}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--brd2);border-radius:5px}::-webkit-scrollbar-track{background:transparent}.app{height:100%;position:relative}.studio{display:flex;flex-direction:column;height:100%;position:relative}.main-row{display:flex;flex:1;min-height:0;position:relative}.main{flex:1;overflow:auto;padding:10px 12px 4px;min-width:0;position:relative;z-index:1}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip,.kchip{min-height:28px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--t-xs);letter-spacing:.06em;border-radius:var(--r-pill);cursor:pointer;font-weight:500;white-space:nowrap;background:var(--raised);border:1px solid var(--brd2);color:var(--dim);transition:border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.chip:hover,.kchip:hover{border-color:var(--acc);color:var(--tx)}.chip.on,.kchip.on{background:var(--tint-acc);border-color:var(--acc);color:var(--acc);font-weight:700}.chip.warn{border-color:var(--warn);color:var(--warn)}.icon-x{background:none;border:none;color:var(--dim);cursor:pointer;font-size:13px;padding:0 2px}.icon-x:hover{color:var(--acc2);border-color:transparent}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;background-image:var(--grain-img);opacity:var(--grain);mix-blend-mode:overlay}.kr-label{font-size:var(--t-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--dim)}.kr-title{font-family:var(--fd);font-weight:700;font-size:var(--t-lg)}.kr-display{font-family:var(--fd);font-weight:800;letter-spacing:var(--track-display);font-variation-settings:"wdth" 85}.kr-btn{height:var(--target-lg);padding:0 var(--s5);border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border:1px solid var(--brd2);background:transparent;color:var(--tx);font:500 var(--t-sm)/1 var(--fm);white-space:nowrap;cursor:pointer;transition:transform var(--dur-1) var(--ease-out),filter var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.kr-btn:hover:not(:disabled){border-color:var(--acc);background:var(--tint-acc)}.kr-btn:active:not(:disabled){transform:translateY(1px);box-shadow:var(--e-press)}.kr-btn:disabled{color:var(--dim);background:var(--raised);border-color:var(--brd);cursor:default}.kr-btn--sm{height:var(--target);padding:0 var(--s4);font-size:var(--t-xs);border-radius:var(--r-sm)}.kr-btn--primary{border:none;background:var(--acc);color:var(--accink);font-weight:700;letter-spacing:.06em;box-shadow:var(--e1),var(--glow-acc)}.kr-btn--primary:hover:not(:disabled){background:var(--acc);filter:brightness(1.1);transform:translateY(-1px)}.kr-btn--primary:active:not(:disabled){transform:translateY(1px);filter:brightness(.9);box-shadow:var(--e-press)}.kr-btn--accent{border-color:var(--acc);background:var(--tint-acc);color:var(--acc);font-weight:700}.kr-btn--accent:hover:not(:disabled){background:var(--acc);color:var(--accink)}.kr-btn--acc3{border-color:var(--acc3);background:var(--tint-acc3);color:var(--acc3);font-weight:700}.kr-btn--acc3:hover:not(:disabled){border-color:var(--acc3);background:var(--acc3);color:var(--acc3ink)}.kr-btn--glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.kr-btn--warn{color:var(--warn)}.kr-btn--warn:hover:not(:disabled){border-color:var(--warn);background:var(--tint-warn)}.kr-icon{width:var(--target-lg);height:var(--target-lg);padding:0;border-radius:var(--r-md);flex-shrink:0;display:inline-grid;place-items:center;font-size:var(--t-md);border:1px solid var(--brd2);background:var(--surface-raised);color:var(--tx);box-shadow:var(--e1);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.kr-icon:hover{border-color:var(--acc)}.kr-icon:active{transform:translateY(1px);box-shadow:var(--e-press)}.kr-icon.on,.kr-icon--play{border-color:var(--acc);background:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.kr-icon--rec{color:var(--acc2)}.kr-icon--rec:hover{border-color:var(--acc2)}.kr-icon--rec.on{border-color:var(--acc2);background:var(--acc2);color:var(--acc2ink);box-shadow:var(--glow-acc2)}.kr-icon--warn{color:var(--warn)}.kr-icon--warn:hover{border-color:var(--warn)}.kr-seg{display:inline-flex;padding:var(--s1);gap:var(--s1);border-radius:var(--r-md);flex-shrink:0;background:var(--sunk);box-shadow:var(--e-well)}.kr-seg>button{height:var(--target);padding:0 14px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--dim);font:700 var(--t-xs) var(--fm);letter-spacing:.1em;white-space:nowrap;cursor:pointer;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.kr-seg>button:hover{color:var(--tx);border-color:transparent}.kr-seg>button.on{background:var(--raised);color:var(--tx);box-shadow:var(--e1)}.kr-seg--soft>button{font-weight:400;font-size:var(--t-sm);letter-spacing:0}.kr-seg--hot>button.on{background:var(--acc2);color:var(--acc2ink);box-shadow:var(--glow-acc2)}.kr-seg--pill{border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--brd2);box-shadow:var(--e3)}.kr-seg--pill>button{border-radius:var(--r-pill);padding:0 18px}.kr-tabs{display:flex;gap:var(--s6);border-bottom:1px solid var(--brd)}.kr-tabs>button{height:var(--target-lg);padding:0 2px;margin-bottom:-1px;border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--dim);font:500 var(--t-sm) var(--fm);cursor:pointer}.kr-tabs>button.on{color:var(--tx);border-bottom-color:var(--acc)}.kr-chip{height:var(--target);padding:0 14px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:var(--s2);flex-shrink:0;font:500 var(--t-xs) var(--fm);letter-spacing:.06em;white-space:nowrap;border:1px solid var(--brd2);background:var(--raised);color:var(--tx);cursor:pointer;transition:all var(--dur-1) var(--ease-out)}.kr-chip:hover{border-color:var(--acc)}.kr-chip.on{border-color:var(--acc);background:var(--tint-acc);color:var(--acc);font-weight:700}.kr-chip .n{color:var(--dim)}.kr-chip--heard{border-color:var(--acc3);background:var(--tint-acc3);color:var(--acc3)}.kr-chip--guessed{border-style:dashed;border-color:var(--dim);background:transparent;color:var(--dim)}.kr-chip--warn{border-color:var(--warn);background:var(--tint-warn);color:var(--warn)}.kr-chip b{color:var(--tx)}.kr-chips{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}.kr-chips--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.kr-panel{background:var(--surface);border:1px solid var(--brd);border-radius:var(--r-lg);box-shadow:var(--e2)}.kr-well{background:var(--sunk);box-shadow:var(--e-well);border-radius:var(--r-md)}.kr-glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--brd2);box-shadow:var(--e3)}.kr-card{border-radius:var(--r-lg);background:var(--surface-raised);border:1px solid var(--brd2);box-shadow:var(--e2);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2);min-width:0;transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.kr-card:hover{transform:translateY(-3px);border-color:var(--acc)}.kr-card--ghost{background:color-mix(in srgb,var(--panel) 50%,transparent);border:1.5px dashed var(--brd2);box-shadow:none}.kr-card--ghost:hover{transform:none;border-color:var(--acc2)}.kr-lcd{height:52px;padding:0 var(--s4);border-radius:var(--r-md);background:var(--sunk);box-shadow:var(--e-well);display:inline-flex;align-items:center;gap:var(--s3);font-variant-numeric:tabular-nums;flex-shrink:0}.kr-lcd .big{font-size:var(--t-xl);font-weight:700;line-height:1;color:var(--acc);text-shadow:var(--glow-acc)}.kr-lcd .mid{font-size:var(--t-lg);font-weight:500;line-height:1.2;white-space:nowrap}.kr-lcd .cap{display:block;font-size:var(--t-xs);color:var(--dim);letter-spacing:var(--track-label);white-space:nowrap}.kr-lcd .sep{width:1px;height:32px;background:var(--brd2)}.kr-led{width:10px;height:10px;border-radius:50%;background:var(--acc);flex-shrink:0;animation:kr-led var(--beat) var(--ease-out) infinite}.kr-onair{height:28px;padding:0 12px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);letter-spacing:var(--track-label);color:var(--acc2);border:1px solid var(--acc2)}.kr-onair .kr-led{width:8px;height:8px;background:var(--acc2)}.kr-pill{height:28px;padding:0 12px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--dim);background:var(--glass);border:1px solid var(--brd)}.kr-pill .kr-led{width:8px;height:8px}.kr-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer;border:none;padding:0;--pct: 50%;--fill: var(--acc3)}.kr-range::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-pill);box-shadow:var(--e-well);background:linear-gradient(90deg,color-mix(in srgb,var(--fill) 30%,transparent),var(--fill)) 0 0 / var(--pct) 100% no-repeat,var(--sunk)}.kr-range::-moz-range-track{height:6px;border-radius:var(--r-pill);background:var(--sunk);box-shadow:var(--e-well)}.kr-range::-moz-range-progress{height:6px;border-radius:var(--r-pill);background:var(--fill)}.kr-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--tx);box-shadow:var(--e2);border:none}.kr-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--tx);box-shadow:var(--e2);border:none}.kr-slider{display:flex;flex-direction:column;gap:6px;min-width:120px}.kr-slider .row{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--t-xs)}.kr-slider .row>:first-child{color:var(--dim);letter-spacing:var(--track-label);text-transform:uppercase}.kr-knob{--v: .5;--kc: var(--acc);--ks: 52px;position:relative;width:var(--ks);height:var(--ks);border-radius:50%;flex-shrink:0;background:conic-gradient(from 225deg,var(--kc) 0deg calc(var(--v) * 270deg),var(--brd2) calc(var(--v) * 270deg) 270deg,transparent 270deg)}.kr-knob:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:radial-gradient(circle at 50% 30%,var(--float),var(--raised));box-shadow:var(--e2)}.kr-knob:after{content:"";position:absolute;left:calc(50% - 1px);top:9px;width:2px;height:14px;border-radius:2px;background:var(--kc);transform-origin:1px calc(var(--ks) / 2 - 9px);transform:rotate(calc(-135deg + var(--v) * 270deg))}.kr-knob.driven{--kc: var(--acc2)}.kr-knob.driven.lit{box-shadow:0 0 0 2px var(--acc2),var(--glow-acc2)}.kr-knob .mark{position:absolute;right:-8px;top:-6px;z-index:1;min-width:20px;height:20px;padding:0 4px;border-radius:var(--r-pill);background:var(--acc2);color:var(--acc2ink);font-size:var(--t-xs);font-weight:700;display:grid;place-items:center}.kr-knob--sm{--ks: 36px}.kr-knob--sm:before{top:4px;right:4px;bottom:4px;left:4px}.kr-knob--sm:after{top:6px;height:9px;transform-origin:1px 12px}.kr-knobcell{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--t-xs)}.kr-knobcell .n{color:var(--dim)}.kr-knobcell .driven-n{color:var(--acc2)}.kr-meter{width:6px;border-radius:3px;background:var(--sunk);overflow:hidden;display:flex;align-items:flex-end}.kr-meter>i{display:block;width:100%;height:var(--lvl, 0%);background:linear-gradient(0deg,var(--acc),var(--warn) 85%,var(--acc2))}.kr-hmeter{height:6px;border-radius:3px;background:var(--sunk);overflow:hidden}.kr-hmeter>i{display:block;height:100%;width:var(--lvl, 0%);background:linear-gradient(90deg,var(--acc),var(--warn) 85%,var(--acc2))}.kr-switch{display:inline-flex;align-items:center;gap:var(--s3);background:none;border:none;padding:0;height:var(--target);color:var(--tx);font:500 var(--t-sm) var(--fm);cursor:pointer}.kr-switch>i{position:relative;width:44px;height:24px;border-radius:var(--r-pill);background:var(--sunk);box-shadow:var(--e-well);transition:background var(--dur-2) var(--ease-out)}.kr-switch>i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--tx);box-shadow:var(--e2);transition:left var(--dur-2) var(--ease-spring)}.kr-switch.on>i{background:var(--acc)}.kr-switch.on>i:after{left:23px}.kr-empty{border-radius:var(--r-md);background:var(--sunk);box-shadow:var(--e-well);padding:var(--s8) var(--s6);display:flex;flex-direction:column;align-items:center;gap:var(--s3);text-align:center}.kr-empty .cat{display:inline-block;font-size:var(--t-2xl);color:var(--dim);line-height:1}.kr-empty .cat:hover{animation:kr-blink .32s var(--ease-out);color:var(--acc)}.kr-empty p{margin:0;font-size:var(--t-sm);color:var(--dim);max-width:280px;line-height:var(--lh-body)}.kr-toasts{position:fixed;left:50%;bottom:var(--s6);transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:var(--s2);pointer-events:none;width:min(480px,calc(100vw - 32px))}.kr-toast{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--brd2);box-shadow:var(--e3);font-size:var(--t-sm);color:var(--tx);animation:kr-toast var(--dur-3) var(--ease-out)}.kr-toast>b{width:28px;height:28px;border-radius:50%;background:var(--acc);color:var(--accink);display:grid;place-items:center;flex-shrink:0}.kr-toast--warn{border-color:var(--warn)}.kr-toast--warn>b{background:var(--warn);color:var(--warnink)}.kr-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:var(--s4);background:radial-gradient(circle at 20% 20%,var(--tint-acc2),transparent 50%),radial-gradient(circle at 80% 80%,var(--tint-acc3),transparent 50%),color-mix(in srgb,var(--bg) 70%,transparent);animation:kr-toast var(--dur-3) var(--ease-out)}.kr-modal{width:100%;max-width:380px;border-radius:var(--r-lg);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s4);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--brd2);box-shadow:var(--e3)}.kr-modal-head{display:flex;align-items:center;gap:var(--s3)}.kr-modal-head .cat{color:var(--acc)}.kr-modal-title{font-size:var(--t-xl)}.kr-modal-note{margin:0;font-size:var(--t-xs);color:var(--dim)}.kr-modal-actions{display:flex;gap:var(--s2);justify-content:flex-end}.kr-field{height:var(--target-lg);border-radius:var(--r-md);background:var(--sunk);box-shadow:var(--e-well);border:1px solid var(--brd2);padding:0 var(--s3);font:var(--t-md) var(--fm);color:var(--tx);width:100%}.kr-field:focus{border-color:var(--acc);outline:none}.kr-sheet-handle{display:block;margin:0 auto 10px;width:40px;height:4px;border-radius:2px;background:var(--brd2);border:none;padding:0}.kr-nav{position:relative;z-index:20;height:56px;flex-shrink:0;display:flex;align-items:center;gap:var(--s4);padding:0 var(--s4);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--brd)}.kr-nav-brand{display:inline-flex;align-items:center;gap:var(--s3);flex-shrink:0;background:none;border:none;padding:0;height:var(--target);color:var(--tx);cursor:pointer}.kr-nav-brand:hover{border-color:transparent}.kr-nav-cat{display:inline-block;color:var(--acc);font-size:18px}.kr-nav-brand:hover .kr-nav-cat{animation:kr-blink .32s var(--ease-out)}.kr-nav-word{font-family:var(--fb);font-weight:900;font-size:var(--t-sm);letter-spacing:.1em}.kr-nav-rooms{display:flex;gap:var(--s1);margin-left:var(--s2);flex-shrink:0}.kr-nav-rooms>button{height:var(--target);padding:0 14px;border-radius:var(--r-pill);border:none;background:transparent;color:var(--dim);font:400 var(--t-sm) var(--fm);white-space:nowrap;flex-shrink:0}.kr-nav-rooms>button:hover{color:var(--tx)}.kr-nav-rooms>button.on{color:var(--tx);background:var(--raised);box-shadow:var(--e1),inset 0 -2px 0 var(--acc)}.kr-nav-right{margin-left:auto;display:flex;align-items:center;gap:var(--s2);min-width:0;font-size:var(--t-xs);color:var(--dim);white-space:nowrap;overflow-x:auto;scrollbar-width:none}.kr-nav-status{overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:var(--t-xs);color:var(--dim)}.kr-nav .kr-nav-status{max-width:220px}@media (max-width: 720px){.kr-nav{height:52px;padding:0 var(--s3);gap:var(--s2)}.kr-nav-word{display:none}.kr-nav-rooms{margin-left:0}.kr-nav-rooms>button{padding:0 10px;font-size:var(--t-xs)}.kr-nav .kr-nav-status{display:none}.kr-nav-rooms{flex-shrink:1;min-width:0;overflow-x:auto;scrollbar-width:none}.kr-nav-right{flex-shrink:0;max-width:40%}}.kr-nav-aids{margin-left:auto;display:flex;align-items:center;gap:var(--s1);flex-shrink:0}.kr-nav-right+.kr-nav-aids{margin-left:0}.kr-nav-help,.kr-nav-mcp{height:32px;min-width:32px;padding:0 10px;border-radius:var(--r-pill);flex-shrink:0;border:1px solid var(--brd2);background:transparent;color:var(--dim);font:700 var(--t-xs) var(--fm);letter-spacing:.08em}.kr-nav-help{padding:0}.kr-nav-help:hover,.kr-nav-mcp:hover{color:var(--acc);border-color:var(--acc)}.kr-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:var(--s5);animation:kr-fade var(--dur-2) var(--ease-out)}@keyframes kr-fade{0%{opacity:0}}.kr-help{position:relative;width:min(560px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--brd2);box-shadow:var(--e3);font-family:var(--fm);color:var(--tx)}.kr-help-x{position:absolute;top:var(--s3);right:var(--s3);width:36px;height:36px;padding:0;border-radius:50%;background:transparent;border-color:var(--brd);color:var(--dim)}.kr-help-title{margin:0;font:700 var(--t-xl)/var(--lh-tight) var(--fd);letter-spacing:-.01em}.kr-help-lede{margin:0;font-size:var(--t-sm);color:var(--dim);line-height:var(--lh-body)}.kr-help-steps{margin:0;padding-left:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:var(--s2)}.kr-help-steps li{counter-increment:step;display:grid;grid-template-columns:26px 1fr;gap:var(--s2);font-size:var(--t-sm);line-height:var(--lh-snug)}.kr-help-steps li:before{content:counter(step);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tint-acc);color:var(--acc);font-size:var(--t-xs);font-weight:700}.kr-help-keys{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:6px var(--s3);align-items:baseline}.kr-help-keys>div{display:contents}.kr-help-keys dt{justify-self:start}.kr-help-keys dd{margin:0;font-size:var(--t-xs);color:var(--dim)}.kr-help kbd{display:inline-block;padding:2px 6px;border-radius:var(--r-sm);border:1px solid var(--brd2);background:var(--sunk);font:600 var(--t-xs) var(--fm);color:var(--tx);white-space:nowrap}.kr-help-copy{display:flex;align-items:center;gap:var(--s2);padding:6px 6px 6px var(--s3);border-radius:var(--r-md);background:var(--sunk);box-shadow:var(--e-well)}.kr-help-copy code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-size:var(--t-xs);color:var(--acc3);scrollbar-width:none}.kr-help-json{margin:0;padding:var(--s3);border-radius:var(--r-md);background:var(--sunk);box-shadow:var(--e-well);font-size:var(--t-xs);color:var(--acc3);overflow-x:auto}.kr-help-foot{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--brd);font-size:var(--t-xs);color:var(--dim)}.kr-help-spacer{flex:1}.studio-projects{max-width:190px;min-width:0}.studio-projects-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.studio-projects-row{display:flex;gap:var(--s2)}.studio-projects-row .kr-field{flex:1;min-width:0}.studio-projects-copy{align-self:flex-start}.studio-projects-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;max-height:42dvh;overflow-y:auto}.studio-projects-list li{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s2) var(--s2) var(--s3);border-radius:var(--r-md);background:var(--raised);border:1px solid var(--brd)}.studio-projects-list li.on{border-color:var(--acc);background:var(--tint-acc)}.studio-projects-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.studio-projects-meta b{font-family:var(--fd);font-size:var(--t-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-projects-meta span{font-size:var(--t-xs);color:var(--dim)}.studio-projects-fine{font-size:var(--t-xs)}@media (max-width: 720px){.kr-nav-mcp{display:none}.kr-scrim{align-items:flex-end;padding:0}.kr-help{width:100%;max-height:88dvh;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--s5)}.kr-help-foot>span:first-child{flex-basis:100%}.kr-help-go{flex:1}}.landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing .blob{position:absolute;border-radius:50%;pointer-events:none}.landing .blob.a{left:50%;top:30%;transform:translate(-50%,-50%);width:900px;height:600px;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 13%,transparent),transparent)}.landing .blob.b{left:12%;bottom:0;width:600px;height:400px;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc2) 10%,transparent),transparent)}.landing .blob.c{right:8%;top:10%;width:500px;height:400px;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc3) 9%,transparent),transparent)}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--brd) 1px,transparent 1px),linear-gradient(90deg,var(--brd) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 45%,#000 10%,transparent 75%)}.landing-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 60px 34px;border:1px solid var(--brd2);border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--e3);max-width:min(860px,92vw)}.dj-pick-label{font-size:var(--t-xs);letter-spacing:5px;color:var(--dim)}.dj-cards{display:flex;gap:14px;align-items:center}.dj-card{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;padding:12px 14px;border-radius:16px;cursor:pointer;background:transparent;border:1px solid transparent}.dj-card:hover{border-color:var(--brd2)}.dj-card.sel{background:var(--raised);border-color:var(--brd2)}.dj-card canvas{image-rendering:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}.dj-card .dj-name{font-size:var(--t-xs);letter-spacing:2.5px;color:var(--dim)}.dj-card.sel .dj-name{color:var(--acc);font-weight:700}.dj-card .dj-crown{position:absolute;top:-12px;font-size:20px;filter:drop-shadow(0 0 8px var(--acc2))}.landing h1{margin:0;font-family:var(--fb);font-weight:900;font-size:58px;letter-spacing:.04em;color:var(--tx);text-shadow:-2px 0 color-mix(in srgb,var(--acc2) 80%,transparent),2px 0 color-mix(in srgb,var(--acc3) 80%,transparent),0 0 48px color-mix(in srgb,var(--acc) 25%,transparent)}.landing .tag-serif{margin:-8px 0 0;color:var(--tx);font-size:var(--t-lg);font-weight:600;font-family:var(--fd);letter-spacing:-.01em;text-align:center}.landing .tag-mono{margin:-4px 0 0;color:var(--dim);font-size:var(--t-xs);letter-spacing:var(--track-label);text-align:center}.landing .tag-mono code{font-family:var(--fm);color:var(--acc3);letter-spacing:.5px}.landing .enter{margin-top:6px;font-size:var(--t-md);font-weight:700;letter-spacing:.1em;padding:0 44px;height:52px;border:none;border-radius:var(--r-md);cursor:pointer;color:var(--accink);background:var(--acc);box-shadow:var(--e1),var(--glow-acc)}.landing .enter:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.landing .enter:disabled{opacity:.65;cursor:default}.landing .note{margin:2px 0 0;color:var(--dim);font-size:var(--t-xs)}.landing .note b{color:var(--acc2);font-weight:700}.landing .note i{color:var(--acc3);font-style:normal}.landing .marquee{position:absolute;bottom:26px;left:0;right:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.landing .marquee-inner{display:inline-flex;white-space:nowrap;animation:kr-marquee 42s linear infinite;color:var(--dim);opacity:.55;font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px}.landing .corner{position:absolute;top:16px;right:20px;color:var(--dim);font-size:var(--t-xs);letter-spacing:1px}.transport{height:72px;flex-shrink:0;display:flex;align-items:center;gap:var(--s3);padding:0 var(--s4);background:var(--surface);border-bottom:1px solid var(--brd);box-shadow:var(--e1);position:relative;z-index:5;overflow-x:auto;scrollbar-width:none}.transport .spacer{flex:1}.tp-keys{display:flex;gap:6px;flex-shrink:0}.tp-lcd{cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.tp-lcd>div{display:flex;flex-direction:column}.tp-swing{width:120px;flex-shrink:0}.tp-select{height:var(--target-lg);min-width:96px;padding:0 var(--s3);flex-shrink:0;display:flex;flex-direction:column;justify-content:center;border-radius:var(--r-md);background:var(--raised);border:1px solid var(--brd2);box-shadow:var(--e0);transition:border-color var(--dur-1) var(--ease-out)}.tp-select:hover{border-color:var(--acc)}.tp-select .kr-label{line-height:1.1}.tp-select-row{display:flex;gap:var(--s1);align-items:center}.tp-caret{margin-left:auto;padding-left:var(--s2);color:var(--dim);font-size:var(--t-xs);pointer-events:none}.tp-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;height:18px;font-size:var(--t-sm);color:var(--tx);cursor:pointer;field-sizing:content;max-width:150px}.tp-select select:focus-visible{outline-offset:0}.tp-roll{position:relative;display:flex;flex-shrink:0}.tp-roll-main,.tp-roll-more{height:var(--target-lg);border:1px solid var(--acc);background:var(--tint-acc);color:var(--acc);font:700 var(--t-sm) var(--fm);letter-spacing:.06em;white-space:nowrap;cursor:pointer}.tp-roll-main{padding:0 var(--s4);border-radius:var(--r-md) 0 0 var(--r-md)}.tp-roll-more{width:36px;padding:0;border-radius:0 var(--r-md) var(--r-md) 0;border-left-color:var(--brd2)}.tp-roll-main:hover,.tp-roll-more:hover,.tp-roll-more.on{background:var(--acc);color:var(--accink);border-color:var(--acc)}.dice-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.dice-menu{position:fixed;margin-top:var(--s12);z-index:61;min-width:240px;border-radius:var(--r-md);padding:var(--s1);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--brd2);box-shadow:var(--e3)}.dice-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:var(--r-sm);padding:var(--s2) var(--s3);cursor:pointer;color:var(--tx)}.dice-menu button:hover{background:var(--raised)}.dice-menu b{display:block;font-size:var(--t-xs);letter-spacing:.1em;color:var(--acc);font-weight:700}.dice-menu i{display:block;font-size:var(--t-xs);font-style:normal;color:var(--dim);margin-top:2px}.dice-foot{padding:var(--s2) var(--s3) var(--s1);font-size:var(--t-xs);color:var(--dim);border-top:1px solid var(--brd);margin-top:var(--s1)}.tp-master{display:flex;flex-direction:column;gap:4px;width:96px;flex-shrink:0}.tp-master .kr-hmeter>i{transition:width 50ms linear}.studio-views>button{padding:0 10px}.studio-toggles,.studio-io{display:flex;gap:var(--s1);align-items:center}.studio-toggles .kr-chip,.studio-io .kr-chip,.studio-toggles .chip{height:32px;padding:0 9px}.studio-views>button{height:28px}.studio-toggles .chip{border-radius:var(--r-pill);font-size:var(--t-xs)}.studio-donate{color:var(--acc2)}.studio-avatar{width:var(--target);height:var(--target);padding:0;border-radius:50%;background:var(--raised);border:1px solid var(--brd2);color:var(--acc2);font-size:var(--t-xs);font-weight:700}.studio-avatar:hover{border-color:var(--warn);color:var(--warn)}.tracks{display:flex;flex-direction:column;gap:5px}.bar-ruler{display:flex;align-items:center;gap:8px;padding:0 8px 1px 6px}.bar-ruler .ruler-spacer{height:1px}.ruler-cells{display:flex;gap:2px;flex:1;min-width:0}.ruler-cell{flex:1;font-size:var(--t-xs);color:var(--dim);letter-spacing:1px}.ruler-cell.strong{color:var(--tx);font-weight:700}.ruler-cell:nth-child(4n+1):not(:first-child){margin-left:5px}.track-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--raised);border:1px solid var(--brd);border-radius:6px}.track-row.selected{border-color:var(--acc);box-shadow:var(--glow-acc)}.track-row.is-muted{opacity:.55}.track-head{display:flex;align-items:center;gap:6px;width:268px;flex-shrink:0}.tnum{font-size:var(--t-xs);color:var(--dim);width:16px;flex-shrink:0}.track-name{cursor:pointer;width:64px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:var(--t-xs);letter-spacing:.5px;text-transform:uppercase}.track-source{color:var(--dim);font-size:var(--t-xs);width:74px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.track-source:hover{color:var(--acc)}.tbtn{width:21px;height:21px;font-size:var(--t-xs);background:var(--step-off);border:1px solid var(--brd);border-radius:4px;color:var(--tx);padding:0}.tbtn.danger{color:var(--dim)}.mini-kitty{position:relative;width:16px;height:16px;margin-left:2px;transition:transform .09s ease;flex-shrink:0}.mini-kitty .ear{position:absolute;top:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--dim)}.mini-kitty .ear.l{left:1px}.mini-kitty .ear.r{right:1px}.mini-kitty .head{position:absolute;left:0;top:4px;width:16px;height:11px;background:var(--dim);border-radius:5px}.mini-kitty .shades{position:absolute;left:2px;top:8px;width:12px;height:2.5px;background:var(--sunk);border-radius:2px}.stepgrid{display:flex;gap:2px;flex:1;min-width:0;position:relative}.step-playhead{position:absolute;top:-2px;bottom:-2px;left:0;width:0;opacity:0;border:1px solid rgba(255,255,255,.55);background:#ffffff14;border-radius:3px;pointer-events:none;will-change:transform}.step{flex:1;height:36px;min-width:9px;border-radius:3px;background:var(--step-off);border:1px solid transparent;cursor:pointer;position:relative;padding:0;overflow:visible;touch-action:none}.stepgrid.tall .step{height:46px}.step:nth-child(4n+1):not(:first-child){margin-left:5px}.step.on{box-shadow:var(--glow-acc)}.step.on.melodic{box-shadow:var(--glow-acc3)}.step.prob{border:1px dashed var(--dim)}.step.playhead{outline:1px solid rgba(255,255,255,.6);background-color:#ffffff12}.step .vel{position:absolute;left:1px;right:1px;bottom:1px;border-radius:2px;pointer-events:none;background:linear-gradient(180deg,var(--acc),transparent 160%);opacity:.95}.step.melodic .vel{background:linear-gradient(180deg,var(--acc3),transparent 160%)}.step .prob-mark{position:absolute;top:0;right:2px;font-size:var(--t-xs);color:var(--warn);font-weight:700;pointer-events:none}.step .roll-mark{position:absolute;bottom:-1px;right:2px;font-size:var(--t-xs);color:var(--tx);font-weight:700;pointer-events:none}.step.accent{box-shadow:inset 0 0 0 1px var(--warn)}.step .slide-mark{position:absolute;bottom:-1px;left:2px;font-size:var(--t-xs);color:var(--ok, var(--tx));font-weight:700;pointer-events:none}.addtrack{display:flex;gap:6px;align-items:center;margin:12px 0 4px}.addtrack button:hover{color:var(--acc)}.hint{color:var(--dim);font-size:var(--t-xs);padding:6px 2px 10px;letter-spacing:.4px}kbd{background:var(--raised);border:1px solid var(--brd);border-radius:3px;padding:0 5px;font-size:var(--t-xs)}.mixer{display:flex;gap:8px;align-items:stretch;padding-bottom:8px}.strip{background:var(--panel);border:1px solid var(--brd);border-radius:8px;padding:10px 8px;width:118px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;align-items:center}.strip.master{width:130px;border-color:var(--acc2);box-shadow:var(--glow-acc2)}.strip-head{display:flex;align-items:center;gap:5px;width:100%}.strip-name{font-size:var(--t-xs);font-weight:700;letter-spacing:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}.strip.master .strip-name{color:var(--acc2);letter-spacing:2px}.fader-wrap{display:flex;gap:7px;align-items:flex-end}.fader{position:relative;width:30px;height:168px;background:var(--sunk);border:1px solid var(--brd2);border-radius:5px;cursor:ns-resize;touch-action:none}.fader .fill{position:absolute;left:2px;right:2px;bottom:2px;border-radius:3px;background:linear-gradient(180deg,var(--acc),transparent 170%);opacity:.4}.strip.master .fader .fill{background:linear-gradient(180deg,var(--acc2),transparent 170%)}.fader .thumb{position:absolute;left:-3px;right:-3px;height:10px;border-radius:3px;background:var(--tx);border:1px solid var(--brd2);box-shadow:0 2px 6px #00000080}.vmeter{width:7px;height:168px;background:var(--sunk);border:1px solid var(--brd2);border-radius:4px;overflow:hidden;display:flex;align-items:flex-end}.vmeter i{width:100%;background:linear-gradient(0deg,var(--acc),var(--warn) 78%,var(--acc2));transition:height .05s linear}.db{font-size:var(--t-xs);color:var(--dim)}.knob{width:34px;height:34px;border-radius:50%;background:var(--raised);border:1px solid var(--brd2);position:relative;cursor:ns-resize;touch-action:none}.knob .ptr{position:absolute;left:50%;top:50%;width:2px;height:12px;margin-left:-1px;background:var(--acc);transform-origin:50% 0;border-radius:2px}.knob.small{width:26px;height:26px}.knob.small .ptr{height:9px;background:var(--acc2)}.klabel{font-size:var(--t-xs);color:var(--dim);letter-spacing:.5px}.knob-col{display:flex;flex-direction:column;align-items:center;gap:2px}.knob-col .klabel{font-size:var(--t-xs)}.strip-sliders{width:100%;display:flex;flex-direction:column;gap:3px}.strip-sliders label{font-size:var(--t-xs);color:var(--dim);letter-spacing:1px}.strip-sliders input[type=range]{width:100%;height:10px}.strip-sc{width:100%;border-top:1px dashed var(--brd);padding-top:6px;display:flex;flex-direction:column;gap:3px}.strip-sc label{font-size:var(--t-xs);color:var(--dim);letter-spacing:1px}.strip-sc select{width:100%;font-size:var(--t-xs);padding:2px 3px;border-radius:4px}.strip-sc input[type=range]{width:100%;height:10px}.strip-btns{display:flex;gap:4px}.strip .chip.wide{width:100%;text-align:center}.code-dock{width:330px;flex-shrink:0;border-left:1px solid var(--brd);background:var(--panel);display:flex;flex-direction:column;min-height:0}.code-dock>header{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--brd)}.code-dock .brace{color:var(--acc2);font-weight:700;font-size:var(--t-xs)}.code-dock .title{font-size:var(--t-xs);letter-spacing:2.5px;color:var(--tx);font-weight:700}.code-dock .sub{font-size:var(--t-xs);color:var(--dim)}.code-dock>header .spacer{flex:1}.code-lines{flex:1;overflow:auto}.code-line{padding:8px 12px;border-bottom:1px solid var(--brd)}.code-line .meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}.code-line .lbl{font-size:var(--t-xs);color:var(--dim);letter-spacing:1px}.code-line .linked{font-size:var(--t-xs);color:var(--acc);letter-spacing:.5px}.code-line .meta .spacer{flex:1}.code-line .row{display:flex;align-items:center;gap:6px}.code-line .prompt{color:var(--acc2);font-size:var(--t-xs);font-weight:700}.code-line input{flex:1;background:var(--sunk);border:1px solid var(--brd2);border-radius:4px;padding:5px 8px;color:var(--acc);font-size:var(--t-xs);font-family:var(--fm)}.code-line input:focus{border-color:var(--acc);outline:none}.code-line .err{color:var(--acc2);font-size:var(--t-xs);margin-top:3px;min-height:3px}.code-legend{padding:9px 12px;border-top:1px solid var(--brd);color:var(--dim);font-size:var(--t-xs);line-height:1.7;letter-spacing:.3px}.code-legend b{color:var(--acc);font-weight:400}.code-legend i{color:var(--acc3);font-style:normal}.bottom-panel{border-top:1px solid var(--brd);background:var(--panel);height:252px;max-height:42vh;display:flex;flex-direction:column;flex-shrink:0}.panel-tabs{display:flex;gap:4px;padding:7px 12px 0;align-items:center}.panel-tabs .spacer{flex:1}.sel-meta{color:var(--dim);font-size:var(--t-xs);margin:0 6px}.sel-name{color:var(--tx);font-size:var(--t-xs);font-weight:700;letter-spacing:1px;text-transform:uppercase}.panel-body{flex:1;overflow:auto;padding:10px 12px}.notation-bar{display:flex;gap:8px;align-items:center;margin-bottom:9px}.notation-bar .brace{color:var(--acc2);font-weight:700;font-size:var(--t-xs)}.notation-bar input[type=text]{flex:1;background:var(--sunk);border:1px solid var(--brd2);border-radius:4px;padding:6px 9px;color:var(--acc);font-size:12px;font-family:var(--fm)}.notation-bar input[type=text]:focus{border-color:var(--acc);outline:none}.notation-bar .apply{letter-spacing:1px;font-size:var(--t-xs);padding:6px 12px}.notation-bar .apply:hover{color:var(--acc)}.notation-error{color:var(--acc2);font-size:var(--t-xs)}.proll{display:grid;gap:2px}.proll-row{display:flex;gap:2px;align-items:center}.proll-label{width:36px;font-size:var(--t-xs);color:var(--dim);text-align:right;padding-right:5px;flex-shrink:0}.proll-row.root .proll-label{color:var(--acc);font-weight:700}.pcell{flex:1;height:15px;min-width:9px;background:var(--step-off);border-radius:2px;border:none;cursor:pointer;padding:0}.pcell:nth-child(4n+2):not(:nth-child(2)){margin-left:5px}.pcell.beat{background:var(--step-beat)}.pcell.on{background:var(--acc3);box-shadow:var(--glow-acc3)}.pcell.playhead{outline:1px solid rgba(255,255,255,.55)}.proll-tools{display:flex;gap:5px;align-items:center;margin-bottom:7px;color:var(--dim);font-size:var(--t-xs);letter-spacing:.5px}.fx-add{display:flex;gap:6px;align-items:center;margin-bottom:10px}.fx-add button:hover{color:var(--acc)}.fxrack{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.fxslot{background:var(--raised);border:1px solid var(--brd);border-radius:6px;padding:7px 9px;width:196px}.fxslot.disabled{opacity:.45}.fxslot header{display:flex;align-items:center;gap:4px;margin-bottom:5px}.fxslot header .fx-name{font-weight:700;flex:1;color:var(--acc);font-size:var(--t-xs);letter-spacing:.5px;text-transform:uppercase}.fxslot header button{padding:0 5px;font-size:var(--t-xs);background:var(--step-off);border:1px solid var(--brd);border-radius:3px;color:var(--dim);height:17px}.fx-param{display:grid;grid-template-columns:52px 1fr 46px;gap:5px;align-items:center;margin:3px 0}.fx-param label{font-size:var(--t-xs);color:var(--dim)}.fx-param input[type=range]{height:10px}.fx-param output{font-size:var(--t-xs);text-align:right;color:var(--tx)}.channel-tab{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.channel-col{display:flex;flex-direction:column;gap:8px;min-width:280px}.channel-col.sc{border-left:1px dashed var(--brd);padding-left:24px}.channel-col .head{font-size:var(--t-xs);color:var(--dim);letter-spacing:2px}.channel-row{display:grid;grid-template-columns:78px 1fr 52px;gap:8px;align-items:center}.channel-row.nolabel{grid-template-columns:78px 1fr}.channel-row label{font-size:var(--t-xs);color:var(--dim);letter-spacing:1px}.channel-row span{font-size:var(--t-xs);color:var(--tx);text-align:right}.channel-note{font-size:var(--t-xs);color:var(--dim)}.browser{display:flex;flex-direction:column;gap:8px}.browser-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.browser-controls>label{color:var(--dim);font-size:var(--t-xs);letter-spacing:1px}.browser-list{max-height:130px;overflow:auto;display:flex;flex-direction:column;gap:2px}.browser-item{display:flex;gap:8px;align-items:center;padding:2px 8px;border-radius:4px;cursor:pointer;font-size:var(--t-xs)}.browser-item:hover{background:var(--raised)}.browser-item.current{background:var(--acc3);color:var(--acc3ink)}.browser-item .pack{color:var(--dim);font-size:var(--t-xs);margin-left:auto;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-item.current .pack{color:var(--acc3ink)}.browser-item .play{padding:0 7px;font-size:var(--t-xs);background:var(--step-off);border:1px solid var(--brd);border-radius:3px;color:var(--acc);height:18px}.browser-item .play:hover{border-color:var(--acc)}.statusbar{display:flex;align-items:center;gap:10px;padding:5px 12px;background:var(--panel);border-top:1px solid var(--brd);font-size:var(--t-xs);color:var(--dim);flex-shrink:0}.statusbar .cat{color:var(--acc)}.statusbar .log{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.statusbar .keys{letter-spacing:.5px;white-space:nowrap}.kitty-win{position:fixed;z-index:40;background:var(--panel);border:1px solid var(--brd2);border-radius:10px;box-shadow:0 18px 50px #0009;overflow:hidden}.kitty-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--brd);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.kitty-bar .title{font-size:var(--t-xs);letter-spacing:2px;font-weight:700;color:var(--acc)}.kitty-bar .sep{font-size:var(--t-xs);color:var(--dim)}.kitty-bar .spacer{flex:1}.kitty-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 90%,rgba(255,255,255,.05),transparent 65%);overflow:hidden}.kitty-stage canvas{image-rendering:pixelated;margin-bottom:14px}.kitty-stage pre{margin:0 0 16px;color:var(--acc);line-height:1.15;text-shadow:var(--glow-acc);font-family:var(--fm)}.kitty-floor{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:56%;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}.kitty-note{position:absolute;right:16px;top:14px;color:var(--acc3);font-size:15px;opacity:0;text-shadow:var(--glow-acc3)}.kitty-foot{display:flex;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid var(--brd)}.kitty-foot .info{font-size:var(--t-xs);color:var(--dim);letter-spacing:.5px}.kitty-foot .spacer{flex:1}.kitty-vec{position:relative;width:130px;height:140px;margin-bottom:14px;transform-origin:50% 100%}.kitty-stage.photo{align-items:center;padding:9px 0 6px;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.04),transparent 70%)}.kitty-stage.photo canvas{image-rendering:auto;margin:0}.kitty-paw{padding:7px 10px 4px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--brd)}.kitty-paw .paw-label{display:flex;align-items:center;gap:6px;font-size:var(--t-xs);letter-spacing:2px;color:var(--dim)}.kitty-paw .paw-label .spacer{flex:1}.kitty-paw .paw-read{font-size:var(--t-xs);color:var(--acc2)}.paw-pad{position:relative;height:56px;background:var(--sunk);border:1px solid var(--brd2);border-radius:6px;cursor:crosshair;touch-action:none;overflow:hidden}.paw-pad .paw-grad{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 18%,transparent),transparent 55%),linear-gradient(0deg,transparent 55%,color-mix(in srgb,var(--acc2) 14%,transparent))}.paw-pad .paw-dot{position:absolute;transform:translate(-50%,-50%);font-size:14px;pointer-events:none;filter:drop-shadow(0 0 6px var(--acc))}.song-panel{border-bottom:1px solid var(--brd);background:var(--raised);padding:6px 12px;display:flex;flex-direction:column;gap:6px}.song-row{display:flex;align-items:flex-start;gap:10px}.song-row>label{color:var(--dim);font-size:var(--t-xs);letter-spacing:1px;width:64px;padding-top:7px;flex:none}.pattern-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.pattern-chip{display:inline-flex;border:1px solid var(--brd);border-radius:var(--radius);overflow:hidden}.pattern-chip .chip-name{border:none;border-radius:0;background:var(--panel)}.pattern-chip.active{border-color:var(--acc)}.pattern-chip.active .chip-name{background:var(--acc);color:var(--accink);font-weight:700}.pattern-chip .chip-x{border:none;border-radius:0;padding:5px 7px;background:var(--panel);color:var(--dim)}.pattern-chip .chip-x:hover{color:var(--acc2)}.timeline{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;flex:1}.section-block{position:relative;border:1px solid var(--brd);border-radius:var(--radius);background:var(--panel);padding:4px 7px;cursor:pointer;overflow:hidden;flex:none}.section-block:hover{border-color:var(--acc3)}.section-block.playing{border-color:var(--acc);box-shadow:var(--glow-acc)}.section-progress{position:absolute;left:0;top:0;bottom:0;background:#b8ff2917;pointer-events:none}.section-block header{display:flex;justify-content:space-between;gap:8px;font-size:var(--t-xs);margin-bottom:3px;position:relative}.section-name{font-weight:700;color:var(--acc3)}.section-block.playing .section-name{color:var(--acc)}.section-bars{color:var(--dim);font-size:var(--t-xs)}.section-controls{display:flex;gap:2px;align-items:center;position:relative}.section-controls select{font-size:var(--t-xs);padding:1px 2px;max-width:66px}.section-controls button{font-size:var(--t-xs);padding:2px 5px;line-height:1.4}.timeline-actions{display:flex;gap:5px;align-items:center}.song-total{color:var(--dim);font-size:var(--t-xs);margin-left:4px;white-space:nowrap}.kitty-dock{position:relative}.kitty-dock.right{width:420px}.kitty-dock.bottom{width:100%;border-left:none;border-top:1px solid var(--brd)}.kitty-dock.collapsed{height:auto!important}.kitty-dock.collapsed .kitty-editor,.kitty-dock.collapsed .kitty-errors,.kitty-dock.collapsed .kitty-footer,.kitty-dock.collapsed .dock-resize{display:none}.dock-resize{position:absolute;z-index:6}.kitty-dock.bottom .dock-resize{top:-2px;left:0;right:0;height:6px;cursor:ns-resize}.kitty-dock.right .dock-resize{top:0;left:-2px;bottom:0;width:6px;cursor:ew-resize}.dock-resize:hover{background:color-mix(in srgb,var(--acc) 40%,transparent)}.kitty-modified{color:var(--acc2);font-size:12px;line-height:1}.kitty-demo-select{font-size:var(--t-xs);max-width:150px;padding:3px 4px}.kitty-editor{flex:1;display:flex;min-height:0;position:relative;background:var(--sunk)}.kitty-cm{flex:1;min-width:0;min-height:0;overflow:hidden}.kitty-cm .cm-editor{height:100%}.kitty-cm .cm-editor.cm-focused{outline:none}.cm-kitty-selector{color:var(--acc);font-weight:600}.cm-kitty-verb{color:var(--acc3)}.cm-kitty-global{color:var(--acc2);font-weight:600}.cm-kitty-keyword{color:var(--warn);font-weight:700}.cm-kitty-string{color:color-mix(in srgb,var(--acc) 65%,var(--tx))}.cm-kitty-number{color:color-mix(in srgb,var(--acc3) 60%,var(--tx))}.cm-kitty-variable{color:var(--warn)}.cm-kitty-arg{color:var(--tx)}.cm-kitty-punct{color:var(--dim)}.cm-kitty-comment{color:var(--dim);font-style:italic;opacity:.85}.kitty-errors{max-height:96px;overflow:auto;border-top:1px solid var(--brd);padding:6px 12px;font-size:var(--t-xs);line-height:1.6;color:var(--acc2);background:#ff2ea60d}.kitty-errors b{color:var(--tx);font-weight:700;margin-right:4px}.kitty-footer{display:flex;align-items:center;gap:10px}.kitty-run{background:var(--acc);border:1px solid var(--acc);color:var(--accink);border-radius:var(--radius);font-size:var(--t-xs);font-weight:700;letter-spacing:1.5px;padding:5px 12px;cursor:pointer;flex-shrink:0}.kitty-run:hover{filter:brightness(1.15)}.kitty-line{background:transparent;border:1px solid var(--acc3);color:var(--acc3);border-radius:var(--radius);font-size:var(--t-xs);font-weight:700;letter-spacing:1.5px;padding:5px 10px;cursor:pointer;flex-shrink:0}.kitty-line:hover{background:var(--acc3);color:var(--acc3ink)}.kitty-break{background:transparent;border:1px solid var(--warn);color:var(--warn);border-radius:var(--radius);font-size:var(--t-xs);font-weight:700;letter-spacing:1.5px;padding:5px 12px;cursor:pointer;flex-shrink:0}.kitty-break:hover{background:var(--warn);color:var(--warnink)}.kitty-dict{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel);display:flex;flex-direction:column;z-index:5;border-left:1px solid var(--brd)}.kitty-dict-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--brd);font-size:var(--t-xs);letter-spacing:2px;color:var(--acc3);font-weight:700}.kitty-dict-head .spacer{flex:1}.kitty-dict-body{flex:1;overflow:auto;padding:10px 12px}.kitty-dict-body h4{margin:12px 0 6px;font-size:var(--t-xs);letter-spacing:2px;color:var(--acc2);text-transform:uppercase}.kitty-dict-body section:first-child h4{margin-top:0}.kitty-dict-body p{margin:0 0 8px;font-size:var(--t-xs);line-height:1.55;color:var(--dim)}.kitty-dict-body p b{color:var(--acc);font-weight:400;font-family:var(--fm)}.kitty-dict-window{position:fixed;top:52px;right:14px;bottom:46px;width:330px;max-width:calc(100vw - 28px);z-index:46;background:var(--panel);border:1px solid var(--brd2);border-radius:10px;overflow:hidden;box-shadow:0 18px 50px #0000008c;display:flex;flex-direction:column}.kitty-dict-window .kitty-dict-head{cursor:default}.landing-card{position:relative;z-index:1;width:min(380px,92vw);padding:30px 26px 22px;background:var(--panel);border:1px solid var(--brd2);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:0 24px 60px #00000080}.brand-icon.big{font-size:40px;color:var(--acc);text-shadow:var(--glow-acc)}.landing-card h1{margin:0;font-size:26px;letter-spacing:6px;color:var(--tx)}.landing-card .tagline{margin:-6px 0 4px;color:var(--dim);font-size:12px;letter-spacing:1px}.auth-pane{display:flex;flex-direction:column;gap:12px;width:100%}.auth-input{width:100%;padding:11px 12px;background:var(--sunk);border:1px solid var(--brd2);border-radius:6px;color:var(--tx);font-family:var(--fm);font-size:14px;outline:none}.auth-input:focus{border-color:var(--acc)}.enter-btn{width:100%;padding:12px;background:var(--acc);color:var(--accink);border:1px solid var(--acc);border-radius:6px;font-weight:700;letter-spacing:1px;cursor:pointer;font-size:13px}.enter-btn:hover:not(:disabled){box-shadow:var(--glow-acc)}.enter-btn:disabled{opacity:.5;cursor:default}.auth-link{background:none;border:none;color:var(--acc3);font-size:var(--t-xs);cursor:pointer}.auth-note{color:var(--dim);font-size:12px;line-height:1.5}.auth-note b{color:var(--acc)}.auth-error{color:var(--warn);font-size:var(--t-xs);margin:0}.auth-fine{color:var(--dim);font-size:var(--t-xs);margin:6px 0 0}.phone-row{display:flex;gap:8px;width:100%}.phone-row .phone-input{flex:1;min-width:0}.cc-box{position:relative;display:flex;align-items:center;flex:none;background:var(--sunk);border:1px solid var(--brd2);border-radius:6px;padding:0 12px;cursor:pointer}.cc-box:focus-within{border-color:var(--acc)}.cc-face{display:flex;align-items:center;gap:5px;color:var(--tx);font-family:var(--fm);font-size:15px;white-space:nowrap}.cc-arrow{color:var(--dim);font-size:var(--t-xs)}.cc-box select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cc-box select option{font-size:15px}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:6px;font-family:var(--fm);font-weight:700;font-size:14px;letter-spacing:.3px;cursor:pointer}.google-btn:hover:not(:disabled){box-shadow:0 2px 10px #00000059}.google-btn:disabled{opacity:.6;cursor:default}.google-btn svg{width:18px;height:18px}.auth-or{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:var(--t-xs);letter-spacing:2px;margin:2px 0}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--brd2)}.auth-screen .landing-card{width:min(440px,94vw);padding:40px 34px 30px;gap:18px}.auth-screen .brand-icon.big{font-size:60px}.auth-screen .landing-card h1{font-size:42px;letter-spacing:8px}.auth-screen .landing-card .tagline{font-size:17px;letter-spacing:1.5px}.auth-screen .auth-input{font-size:16px;padding:13px 14px}.auth-screen .enter-btn{font-size:15px;padding:14px}.auth-screen .auth-fine{font-size:12px}.trial-timer{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--panel);border:1px solid var(--brd2);border-radius:999px;color:var(--dim);font-size:var(--t-xs);letter-spacing:.5px;box-shadow:0 8px 24px #00000080}.trial-timer .trial-dot{color:var(--acc)}.trial-timer.low{border-color:var(--warn);color:var(--warn)}.trial-timer.low .trial-dot{color:var(--warn);animation:krpulse 1s infinite}.trial-timer.paid{color:var(--acc2);border-color:var(--acc2)}.trial-timer.paid .trial-dot{color:var(--acc2)}.trial-timer.paid.low{color:var(--warn);border-color:var(--warn)}.trial-unlock{background:var(--acc);color:var(--accink);border:none;border-radius:999px;padding:3px 10px;font-weight:700;font-size:var(--t-xs);letter-spacing:1px;cursor:pointer}.paywall-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.paywall{width:min(560px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--brd2);border-radius:12px;box-shadow:0 24px 70px #0009}.paywall>header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--brd)}.paywall>header .brace{color:var(--acc2);font-weight:700}.paywall>header .title{font-size:var(--t-xs);letter-spacing:2.5px;color:var(--tx);font-weight:700}.paywall>header .spacer{flex:1}.paywall-reason{margin:0;padding:14px 16px 4px;color:var(--tx);font-size:13px}.paywall-section{padding:12px 16px 6px;font-size:var(--t-xs);letter-spacing:2px;text-transform:uppercase;color:var(--acc2)}.paywall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:0 16px}.paywall-grid.single{grid-template-columns:1fr;padding:8px 16px 4px}.paywall-grid.single .plan-card{align-items:center;text-align:center;padding:22px 20px}.paywall-grid.single .plan-price{font-size:30px}.paywall-grid.single .plan-label{font-size:15px;letter-spacing:1px}.plan-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:8px;color:var(--tx)}.plan-card:hover:not(:disabled){border-color:var(--acc);box-shadow:var(--glow-acc)}.plan-card:disabled{opacity:.5;cursor:default}.plan-label{font-size:13px;font-weight:700}.plan-price{font-size:20px;color:var(--acc);font-weight:700}.plan-blurb{font-size:var(--t-xs);color:var(--dim)}.plan-cta{margin-top:4px;font-size:var(--t-xs);letter-spacing:1.5px;color:var(--acc3);text-transform:uppercase}.paywall-note{margin:0;padding:6px 16px 0;color:var(--acc3);font-size:var(--t-xs);text-align:center}.paywall>.chip{margin:8px auto 0;display:block}.paywall-fine{text-align:center;color:var(--dim);font-size:var(--t-xs);padding:14px 16px 16px;margin:0}.transport .group.tight{gap:4px}.pos-box{display:flex;align-items:baseline;justify-content:center;gap:3px;background:var(--sunk);border:1px solid var(--brd2);border-radius:5px;padding:2px 12px;min-width:52px}.pos-box .val{font-size:20px;font-weight:700;color:var(--acc2);text-shadow:var(--glow-acc2);letter-spacing:1px;line-height:1.1}.pos-box .unit{font-size:var(--t-xs);letter-spacing:2px;color:var(--dim)}.master-meter{width:66px;height:22px;background:var(--sunk);border:1px solid var(--brd2);border-radius:4px;overflow:hidden;display:flex;align-items:flex-end;padding:2px;gap:2px}.master-meter i{flex:1;height:0;background:linear-gradient(0deg,var(--acc2),var(--warn) 75%,var(--acc));border-radius:2px;transition:height .05s linear}:root[data-perf=low]{--glow-acc: none;--glow-acc2: none;--glow-acc3: none;--glow-warn: none}:root[data-perf=low] .grain{display:none}:root[data-perf=low] .landing .blob,:root[data-perf=low] .door-bg{display:none}@media (prefers-reduced-motion: reduce){.btn-rec.recording{animation:none}}.browser-side{width:225px;flex-shrink:0;border-right:1px solid var(--brd);background:var(--panel);display:flex;flex-direction:column;min-height:0;position:relative;z-index:1}.browser-side .bs-head{padding:8px 10px 6px;border-bottom:1px solid var(--brd);display:flex;flex-direction:column;gap:6px}.browser-side .bs-title{font-size:var(--t-xs);letter-spacing:2.5px;color:var(--tx);font-weight:700}.browser-side .bs-search{background:var(--sunk);border:1px solid var(--brd2);border-radius:4px;padding:5px 8px;color:var(--tx);font-size:var(--t-xs);width:100%}.browser-side .bs-search:focus{border-color:var(--acc);outline:none}.browser-side .bs-cats{display:flex;gap:3px;flex-wrap:wrap}.browser-side .bs-cat{padding:2px 7px;font-size:var(--t-xs);letter-spacing:.5px;border-radius:3px;background:var(--raised);border:1px solid var(--brd2);color:var(--dim)}.browser-side .bs-cat:hover{color:var(--tx);border-color:var(--acc)}.browser-side .bs-cat.on{background:var(--acc);border-color:var(--acc);color:var(--accink);font-weight:700}.browser-side .bs-list{flex:1;overflow:auto;padding:4px}.browser-side .bs-item{display:flex;gap:6px;align-items:center;padding:3px 5px;border-radius:4px}.browser-side .bs-item:hover{background:var(--raised)}.browser-side .bs-item .bs-play{padding:0 6px;font-size:var(--t-xs);background:var(--step-off);border:1px solid var(--brd);border-radius:3px;color:var(--acc2);height:17px;flex-shrink:0}.browser-side .bs-item .bs-play:hover{border-color:var(--acc2)}.browser-side .bs-item .bs-load{cursor:pointer;min-width:0;flex:1}.browser-side .bs-item .bs-name{font-size:var(--t-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-side .bs-item.current .bs-name{color:var(--acc)}.browser-side .bs-item .bs-pack{font-size:var(--t-xs);color:var(--dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-side .bs-foot{padding:6px 10px;border-top:1px solid var(--brd);font-size:var(--t-xs);color:var(--dim);line-height:1.5}.browser-side .bs-foot b{color:var(--acc);font-weight:400}.bottom-panel.dock{height:308px;max-height:46vh}.panel-tabs .tab{padding:5px 10px;font-size:var(--t-xs);letter-spacing:1px;border-radius:5px 5px 0 0;cursor:pointer;background:transparent;border:1px solid transparent;border-bottom:none;color:var(--dim);font-weight:700}.panel-tabs .tab:hover:not(:disabled){color:var(--tx)}.panel-tabs .tab.on{background:var(--raised);border-color:var(--brd2);color:var(--acc)}.panel-tabs .tab:disabled{opacity:.4;cursor:default}.panel-body.code{display:flex;overflow:hidden;padding:8px 12px}.panel-empty{color:var(--dim);font-size:var(--t-xs);padding:20px 4px;letter-spacing:.3px}.kitty-code-panel{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}.kitty-code-panel .kcp-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.kitty-code-panel .kcp-toolbar .hint{margin-left:auto;padding:0}.kitty-code-panel .kitty-editor{flex:1;border:1px solid var(--brd2);border-radius:6px}.kitty-code-panel .kitty-errors{border-radius:0 0 6px 6px}.kitty-code-panel .kitty-footer{border-top:none;padding:0}.code-view{height:100%;display:flex;flex-direction:column;min-height:0}.code-view-tabs{display:flex;align-items:center;gap:6px;padding:0 0 8px;border-bottom:1px solid var(--brd);margin-bottom:8px}.code-tab{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:12px;color:var(--tx);background:var(--raised);border:1px solid var(--brd);border-bottom:none;border-radius:7px 7px 0 0}.code-tab .dot{width:7px;height:7px;border-radius:50%;background:var(--acc2);box-shadow:var(--glow-acc2)}.code-tab .icon-x{background:none;border:none;color:var(--dim);cursor:pointer;font-size:12px;padding:0 0 0 2px}.code-tab .icon-x:hover{color:var(--acc)}.code-back{background:var(--raised);border:1px solid var(--brd2);border-radius:5px;padding:5px 12px;color:var(--dim);cursor:pointer;font-size:var(--t-xs);letter-spacing:1.5px}.code-back:hover{color:var(--tx);border-color:var(--acc)}.code-view-body{flex:1;display:flex;gap:10px;min-height:0}.code-view-editor{flex:1;display:flex;min-width:0;min-height:0}.code-view-dict{width:300px;flex-shrink:0;overflow:auto;border-left:1px solid var(--brd);background:#0a051499;border-radius:6px;padding:10px 14px}.code-view-dict .cvd-head{font-size:var(--t-xs);letter-spacing:2px;color:var(--tx);font-weight:700;margin-bottom:8px}.code-view-dict .cvd-row{display:flex;flex-direction:column;padding:5px 0;border-bottom:1px dashed var(--brd)}.code-view-dict .cvd-k{color:var(--acc2);font-size:12px}.code-view-dict .cvd-v{color:var(--dim);font-size:var(--t-xs)}@media (max-width: 720px){.code-view-dict{display:none}}.studio-board{display:grid;gap:var(--s3);padding:var(--s3);overflow:hidden;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.studio-board.seq{grid-template-rows:minmax(0,1fr) 256px}.studio-board.with-side{grid-template-columns:minmax(0,1fr) 420px}.studio-board.with-side>.bottom-panel{grid-column:2;grid-row:1 / -1}.board-main{min-height:0;overflow:auto;padding:var(--s3) var(--s4) var(--s4)}.studio-board:not(.seq) .board-main{padding:var(--s3)}.tracks{gap:var(--s1)}.tracks-head{display:flex;align-items:baseline;gap:var(--s3);height:32px}.bar-ruler{padding:0 var(--s1) 0 var(--s2);gap:var(--s3);height:20px}.ruler-cells{gap:4px;display:flex;flex:1;min-width:0}.ruler-cell{flex:1;min-width:0;font-size:var(--t-xs);letter-spacing:0;color:var(--dim);text-align:left}.ruler-cell.beat{color:var(--tx);font-weight:700}.ruler-cell:nth-child(4n+1):not(:first-child){margin-left:var(--s2)}.track-row{--rc: var(--acc);gap:var(--s3);min-height:44px;padding:0 var(--s1) 0 var(--s2);background:transparent;border:1px solid transparent;border-radius:var(--r-md)}.track-row:hover{background:color-mix(in srgb,var(--raised) 50%,transparent)}.track-row.selected{background:var(--raised);border-color:transparent;box-shadow:inset 0 0 0 1px var(--acc3),var(--glow-acc3)}.track-head{width:300px;gap:6px}.track-head .dot{width:8px;height:24px;border-radius:3px;box-shadow:none!important}.tnum{font-size:var(--t-xs);order:-1}.track-name{font-size:var(--t-sm);text-transform:lowercase;letter-spacing:0;width:64px}.track-source{font-size:var(--t-xs);flex:1;width:auto;min-width:0}.tbtn{width:28px;height:28px;font-size:var(--t-xs);font-weight:700;flex-shrink:0;background:var(--step-off);border:1px solid var(--brd2);border-radius:var(--r-sm);color:var(--dim)}.tbtn.mute,.tbtn.solo{width:var(--target);height:var(--target)}.tbtn:hover{color:var(--tx)}.tbtn.on{background:var(--acc3);border-color:var(--acc3);color:var(--acc3ink)}.tbtn.mute.on{background:var(--warn);border-color:var(--warn);color:var(--warnink)}.tbtn.solo.on{background:var(--acc);border-color:var(--acc);color:var(--accink)}.stepgrid{gap:4px}.step{height:36px;border-radius:var(--r-sm);background:var(--step-off);box-shadow:var(--e0);border:none;overflow:hidden;transition:background var(--dur-1) var(--ease-out)}.step:nth-child(4n+1):not(:first-child){margin-left:var(--s2)}.step.ph:not(.on){background:color-mix(in srgb,var(--tx) 14%,var(--step-off))}.step.on.ph{box-shadow:0 0 calc(18px * var(--glow-k)) var(--acc),0 0 0 2px var(--tx);animation:kr-beat var(--beat) var(--ease-out) infinite}.step.beat{background:var(--step-beat)}.step.on,.step.on.melodic{background:var(--rc);box-shadow:0 0 calc(14px * var(--glow-k)) color-mix(in srgb,var(--rc) calc(40% * var(--glow-k)),transparent)}.step .vel,.step.melodic .vel{left:3px;right:3px;bottom:3px;border-radius:3px;opacity:1;background:color-mix(in srgb,var(--sunk) 35%,transparent)}.step.prob{outline:1px dashed var(--dim);outline-offset:-1px}.step.accent{box-shadow:inset 0 0 0 2px var(--warn)}.step .prob-mark,.step .roll-mark,.step .slide-mark{font-size:var(--t-xs);color:var(--sunk)}.stepgrid.tall .step{height:44px}.step-playhead{top:-3px;bottom:-3px;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--tx) 30%,transparent);background:color-mix(in srgb,var(--tx) 14%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--tx) 10%,transparent)}.addtrack{gap:var(--s2);margin:var(--s3) 0 var(--s1)}.addtrack select,.addtrack button{height:var(--target);border-radius:var(--r-sm)}.hint{font-size:var(--t-xs);padding:var(--s2) 2px var(--s3)}kbd{font-size:var(--t-xs);border-radius:4px}.studio-board .kitty-code-panel .kitty-editor{order:1}.studio-board .kitty-code-panel .kitty-errors{order:2}.studio-board .kitty-code-panel .kcp-toolbar{order:3;border-top:1px solid var(--brd);padding:var(--s3);gap:var(--s2)}.studio-board .kitty-code-panel .kitty-footer{order:4}.kitty-code-panel .kcp-toolbar .hint{display:none}.kitty-code-panel .kcp-toolbar .kitty-run{flex:1 1 100%;height:var(--target-lg);border:none;border-radius:var(--r-md);background:var(--acc);color:var(--accink);font:700 var(--t-sm) var(--fm);letter-spacing:.06em;box-shadow:var(--glow-acc)}.kitty-code-panel .kcp-toolbar .kitty-line,.kitty-code-panel .kcp-toolbar .kitty-break{height:var(--target);padding:0 14px;border-radius:var(--r-md);background:transparent;border:1px solid var(--brd2);color:var(--tx);font:500 var(--t-xs) var(--fm);box-shadow:none}.kitty-code-panel .kcp-toolbar .kitty-line:hover{border-color:var(--acc3)}.kitty-code-panel .kcp-toolbar .kitty-break{color:var(--warn)}.kitty-code-panel .kcp-toolbar .kitty-break:hover{border-color:var(--warn);background:var(--tint-warn)}.kitty-code-panel .kchip,.kitty-code-panel .kitty-demo-select{height:28px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--t-xs);display:inline-flex;align-items:center;border:1px solid var(--brd2);background:transparent;color:var(--dim)}.kitty-code-panel .kchip.on{color:var(--acc);border-color:var(--acc);background:var(--tint-acc)}.kitty-kbd{font-weight:500;opacity:.7;margin-left:var(--s1)}.kitty-footer{display:flex;flex-direction:column;gap:var(--s1)}.kitty-status{font-size:var(--t-xs);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kitty-status b{color:var(--acc)}.song-panel{background:var(--surface);border-bottom:1px solid var(--brd)}.song-panel .chip-name,.song-panel .section-name,.song-panel .section-bars,.song-panel .song-total,.song-panel .hint,.song-row>label,.song-panel .section-controls button{font-size:var(--t-xs)}.song-panel .pattern-chip{border-radius:var(--r-pill)}.song-panel .pattern-chip.active{background:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.song-panel .section-block{border-radius:var(--r-sm);background:var(--raised);box-shadow:var(--e1)}.song-panel .section-block.playing{border-color:var(--acc);box-shadow:var(--glow-acc)}.mixer-band{display:flex;gap:var(--s2);padding:var(--s3);min-height:0;overflow-x:auto}.band-strip{flex:1;min-width:72px;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--r-md);background:var(--raised);border:1px solid var(--brd);box-shadow:var(--e1)}.band-strip.is-muted{opacity:.5}.band-strip.master{background:var(--float);border-color:var(--acc2);box-shadow:var(--glow-acc2)}.band-head{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.band-name{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.band-pan{cursor:ns-resize;touch-action:none}.band-limiter{height:36px;width:36px;padding:0;border-radius:50%;font-size:var(--t-xs);font-weight:700;background:var(--raised);border:1px solid var(--brd2);color:var(--dim)}.band-limiter.on{color:var(--acc2);border-color:var(--acc2)}.band-fader-row{flex:1;min-height:0;display:flex;gap:6px;align-items:stretch}.band-fader{position:relative;width:28px;border-radius:var(--r-sm);background:var(--sunk);box-shadow:var(--e-well);cursor:ns-resize;touch-action:none}.band-fader:before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:4px;border-radius:2px;background:var(--brd)}.band-fader>i{position:absolute;left:2px;right:2px;height:14px;border-radius:3px;background:linear-gradient(180deg,var(--tx),var(--dim));box-shadow:var(--e2)}.band-meter>i{transition:height 50ms linear}.band-db{font-size:var(--t-xs);color:var(--dim);font-variant-numeric:tabular-nums}.studio-board .bottom-panel{height:auto;max-height:none;min-height:0;overflow:hidden;background:var(--surface);border:1px solid var(--brd);border-radius:var(--r-lg);box-shadow:var(--e2)}.studio-board:not(.with-side)>.bottom-panel{grid-column:1}.panel-tabs{gap:var(--s1);padding:var(--s2) var(--s3);border-bottom:1px solid var(--brd);flex-wrap:wrap}.panel-tabs .tab{height:28px;padding:0 10px;font-size:var(--t-xs);letter-spacing:.06em;border-radius:var(--r-pill);border:1px solid var(--brd2);color:var(--dim);font-weight:500}.panel-tabs .tab.on{background:var(--tint-acc);border-color:var(--acc);color:var(--acc)}.sel-name,.sel-meta{font-size:var(--t-xs)}.panel-body{padding:var(--s3)}.panel-body.code{padding:0}.kitty-code-panel{gap:0}.kitty-code-panel .kcp-toolbar{padding:var(--s2) var(--s3);gap:var(--s1)}.kitty-code-panel .kitty-editor{border:none;border-radius:0;background:var(--sunk);box-shadow:var(--e-well)}.kitty-code-panel .kitty-footer{padding:var(--s3);border-top:1px solid var(--brd)}.notation-bar input[type=text],.code-line input,.browser-side .bs-search{background:var(--sunk);box-shadow:var(--e-well);border-color:var(--brd);border-radius:var(--r-sm);font-size:var(--t-sm)}.fxslot{border-radius:var(--r-md);background:var(--surface-raised);box-shadow:var(--e1)}.fxslot header .fx-name,.fx-param label,.fx-param output,.channel-row label,.channel-row span,.channel-col .head,.proll-label,.proll-tools,.notation-error,.channel-note{font-size:var(--t-xs)}.pcell{border-radius:3px}.mixer{gap:var(--s2)}.strip{border-radius:var(--r-md);background:var(--raised);box-shadow:var(--e1)}.strip.master{background:var(--float)}.fader,.vmeter{background:var(--sunk);box-shadow:var(--e-well);border-color:var(--brd)}.fader .thumb{background:linear-gradient(180deg,var(--tx),var(--dim));box-shadow:var(--e2)}.strip-name,.db,.klabel,.strip-sliders label,.strip-sc label,.strip-sc select{font-size:var(--t-xs)}.knob{background:radial-gradient(circle at 50% 30%,var(--float),var(--raised));box-shadow:var(--e2)}.browser-side{background:var(--surface)}.browser-side .bs-title,.browser-side .bs-cat,.browser-side .bs-pack,.browser-side .bs-foot,.browser-side .bs-item .bs-play{font-size:var(--t-xs)}.browser-side .bs-item .bs-name{font-size:var(--t-sm)}.browser-side .bs-cat{border-radius:var(--r-pill);padding:2px 9px}.statusbar{font-size:var(--t-xs);background:var(--panel)}@media (max-width: 1100px){.studio-board.with-side{grid-template-columns:minmax(0,1fr)}.studio-board.with-side>.bottom-panel{grid-column:1;grid-row:auto;height:360px}.studio-board.seq.with-side{grid-template-rows:minmax(420px,1fr) 220px 360px;overflow-y:auto}}@media (max-width: 720px){.transport{height:auto;min-height:64px;padding:var(--s2) var(--s3);gap:var(--s3)}.studio-toggles,.studio-io>:not(.studio-avatar),.studio-views{display:none}.board-main{overflow-x:auto}.track-head{width:200px}.track-head .tbtn:not(.mute):not(.solo){display:none}.studio-board.seq{grid-template-rows:minmax(360px,1fr) 200px;overflow-y:auto}.main-row{flex-direction:column;min-width:0}.main-row>*{min-width:0}.browser-side{width:auto;max-height:28vh;border-right:none;border-bottom:1px solid var(--brd)}.song-panel{max-height:24vh;overflow:auto}.song-row,.timeline{min-width:0}.timeline{flex-wrap:nowrap;overflow-x:auto}.statusbar .keys{display:none}}.door{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-x:hidden;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column}.door-bg,.door-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.door-bg{background:radial-gradient(40% 50% at 18% 8%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%),radial-gradient(35% 45% at 88% 22%,color-mix(in srgb,var(--acc2) 16%,transparent),transparent 70%),radial-gradient(50% 40% at 50% 110%,color-mix(in srgb,var(--acc3) 14%,transparent),transparent 70%)}.door-grid{opacity:.55;background-image:linear-gradient(var(--brd) 1px,transparent 1px),linear-gradient(90deg,var(--brd) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 10%,transparent 75%)}.door-grain{z-index:0}.door>:not(.door-bg):not(.door-grid):not(.door-grain){position:relative}.door-spacer{flex:1}.door-top{height:64px;flex-shrink:0;display:flex;align-items:center;gap:var(--s4);padding:0 var(--s10)}.door-cat{display:inline-block;color:var(--acc);font-size:var(--t-lg);text-shadow:var(--glow-acc)}.door-cat:hover{animation:kr-blink .32s var(--ease-out)}.door-word{font-family:var(--fb);font-weight:900;font-size:var(--t-md);letter-spacing:.1em}.door-themes{display:flex;gap:var(--s2);align-items:center}.door-dot{width:16px;height:16px;min-height:0;padding:0;border-radius:50%;border:none;cursor:pointer;background:conic-gradient(var(--acc) 0 50%,var(--acc2) 0);box-shadow:var(--e1);transition:transform var(--dur-1) var(--ease-out)}.door-dot:hover{transform:scale(1.2)}.door-dot.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--tx)}.door-donate{height:var(--target);padding:0 var(--s4);border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--brd2);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--tx);font:500 var(--t-xs) var(--fm);transition:border-color var(--dur-1) var(--ease-out)}.door-donate:hover{border-color:var(--acc2)}.door-hero{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:var(--s8);padding:var(--s4) var(--s16) 0;width:100%;max-width:1440px;margin:0 auto}.door-hero-copy{display:flex;flex-direction:column;gap:var(--s4);align-items:flex-start;min-width:0}.door h1{margin:0;font-family:var(--fb);font-weight:900;font-size:var(--t-3xl);line-height:1;letter-spacing:.04em;color:var(--tx);text-shadow:-2px 0 color-mix(in srgb,var(--acc2) 80%,transparent),2px 0 color-mix(in srgb,var(--acc3) 80%,transparent),0 0 48px color-mix(in srgb,var(--acc) 25%,transparent)}.door-tag{margin:0;font-family:var(--fd);font-weight:600;font-size:var(--t-xl);letter-spacing:-.01em}.door-sub-line{margin:0;font-size:var(--t-sm);color:var(--dim);line-height:var(--lh-body)}.door-sub-line i,.net-lead i{font-style:normal;color:var(--acc3)}.door-ctas{display:flex;gap:var(--s3);margin-top:var(--s1);flex-wrap:wrap}.door-listen:hover:not(:disabled){border-color:var(--acc3);background:var(--glass)}.door-mascot{position:relative;height:240px;display:grid;place-items:center}.door-mascot>*{position:absolute}.door-mascot-glow{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 22%,transparent),transparent 70%);animation:kr-beat var(--beat) var(--ease-out) infinite}.door-mascot-ring{width:200px;height:200px;border-radius:50%;border:1px dashed var(--brd2);animation:kr-spin 24s linear infinite}.door-mascot-cat{position:relative;font-size:88px;color:var(--tx);text-shadow:var(--glow-acc),0 0 2px var(--acc);animation:kr-float calc(var(--beat) * 4) var(--ease-in-out) infinite}.door-intro{width:100%;max-width:1440px;margin:var(--s8) auto 0;padding:0 var(--s16);display:grid;grid-template-columns:auto 1fr;gap:var(--s6);align-items:start}.door-intro-head{padding-top:3px;color:var(--acc)}.door-intro ol{margin:0;padding:0;list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}.door-intro li{counter-increment:step;position:relative;padding-left:34px;font-size:var(--t-xs);color:var(--dim);line-height:var(--lh-body)}.door-intro li:before{content:counter(step);position:absolute;left:0;top:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tint-acc);color:var(--acc);font-weight:700}.door-intro b{color:var(--tx);font-weight:700}.door-intro li>b{display:block;margin-bottom:2px}.door-intro kbd{padding:0 5px;border-radius:var(--r-sm);border:1px solid var(--brd2);font:inherit;color:var(--tx)}.door-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);padding:var(--s6) var(--s16) 0;width:100%;max-width:1440px;margin:0 auto}.door-card{--tone: var(--acc)}.door-card[data-tone=acc2]{--tone: var(--acc2)}.door-card[data-tone=acc3]{--tone: var(--acc3)}.door-card[data-tone=warn]{--tone: var(--warn)}.door-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--brd);box-shadow:var(--e2);color:var(--tx);transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.door-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--tone),transparent 70%)}.door-card:hover{transform:translateY(-4px);border-color:var(--tone);box-shadow:var(--e3)}.door-face{display:flex;flex-direction:column;align-items:stretch;gap:var(--s2);text-align:left;min-width:0;padding:var(--s5) var(--s5) var(--s1);cursor:pointer;flex:1;background:none;border:none;border-radius:0;color:inherit;font-family:inherit}.door-face:hover{border-color:transparent}.door-head{display:flex;align-items:center;gap:var(--s3);min-width:0}.door-glyph{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 var(--s2);flex-shrink:0;border-radius:var(--r-md);background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--tone);font-size:var(--t-md);font-weight:700;box-shadow:var(--e0)}.door-card:hover .door-glyph{animation:kr-blink .32s var(--ease-out)}.door-title{font-family:var(--fd);font-weight:800;font-size:var(--t-xl);letter-spacing:-.02em;white-space:nowrap}.door-meta{margin-left:auto;font-size:var(--t-xs);color:var(--dim);text-align:right}.door-blurb{font-size:var(--t-sm);line-height:1.5;color:var(--dim);min-height:42px;text-wrap:pretty}.door-actions{display:flex;gap:var(--s2);align-items:center;padding:var(--s1) var(--s5) var(--s5)}.door-go,.door-sub{height:var(--target);padding:0 14px;border-radius:var(--r-sm);cursor:pointer;font:700 var(--t-xs) var(--fm);letter-spacing:.1em}.door-go{color:var(--tone);background:transparent;border:1px solid color-mix(in srgb,var(--tone) 50%,transparent)}.door-go:hover{border-color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent)}.door-sub{color:var(--tx);background:var(--raised);border:1px solid var(--brd2)}.door-sub:hover{border-color:var(--acc2)}.door-arrow{display:none;color:var(--tone)}.corner-back{position:absolute;top:14px;left:20px;z-index:2;background:none;border:none;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px;cursor:pointer}.corner-back:hover{color:var(--acc)}@media (max-width: 960px){.door-hero{grid-template-columns:1fr;padding:var(--s2) var(--s6) 0}.door-mascot{display:none}.door-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--s6) var(--s6) 0}.net-footer{padding-inline:var(--s6)}.door-intro{padding:0 var(--s6);grid-template-columns:1fr;gap:var(--s3)}}@media (max-width: 720px){.door-top{height:52px;padding:0 var(--s5);gap:var(--s3)}.door-word,.door-themes{display:none}.door-donate{width:44px;height:44px;padding:0;border-radius:50%;font-size:0;color:var(--acc2)}.door-donate:before{content:"♥";font-size:var(--t-md)}.door-hero{padding:var(--s2) var(--s5) 0;gap:var(--s3)}.door-hero-copy{gap:var(--s3);align-items:stretch}.door-hero-copy .kr-pill{align-self:flex-start;background:none;border:none;padding:0;height:auto}.door h1{font-size:38px;letter-spacing:.02em;text-shadow:-2px 0 color-mix(in srgb,var(--acc2) 80%,transparent),2px 0 color-mix(in srgb,var(--acc3) 80%,transparent)}.door-tag{font-size:var(--t-lg)}.door-sub-line,.door-listen{display:none}.door-ctas .kr-btn--primary{width:100%;height:48px}.door-cards{grid-template-columns:1fr;gap:6px;padding:var(--s4) var(--s5)}.door-card{flex-direction:row;align-items:center;min-height:56px;box-shadow:var(--e1)}.door-card:before,.door-blurb,.door-go{display:none}.door-card:hover{transform:none}.door-face{padding:var(--s1) var(--s3)}.door-head{gap:var(--s3)}.door-title{font-size:var(--t-lg)}.door-head{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--s3);row-gap:2px}.door-glyph{grid-row:1 / 3;width:44px;min-width:44px;padding:0 4px;font-size:var(--t-sm)}.door-meta{margin-left:0;text-align:left}.door-actions{padding:0 var(--s3) 0 0}.door-sub{padding:0 10px}.door-arrow{display:inline}.net-footer{padding-inline:var(--s5);margin-top:var(--s6)}.door-intro{padding:0 var(--s5);margin-top:var(--s5)}.door-intro ol{grid-template-columns:1fr;gap:6px}.door-intro li>span{display:none}.door-intro li>b{margin:0}.net-lead{line-height:1.5}.net-lead>:not(:first-child){display:none}}.crash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg);display:flex;align-items:center;justify-content:center}.crash-card{width:min(520px,92vw);padding:30px 28px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:var(--panel);border:1px solid var(--brd2);border-radius:14px}.crash-card h2{margin:0;font-size:17px;letter-spacing:2px;color:var(--tx)}.crash-where{margin:0;color:var(--dim);font-size:12px}.crash-msg{margin:0;width:100%;max-height:130px;overflow:auto;padding:10px 12px;text-align:left;background:var(--sunk);border:1px solid var(--brd);border-radius:6px;color:var(--warn);font-family:var(--fm);font-size:var(--t-xs);white-space:pre-wrap}.crash-actions{display:flex;gap:10px;align-items:center;margin-top:4px}.crash-home{background:none;border:none;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px;cursor:pointer}.crash-home:hover{color:var(--acc)}.art-room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.art-top{display:flex;align-items:center;gap:12px;flex-shrink:0;height:42px;padding:0 12px;border-bottom:1px solid var(--brd);background:var(--panel)}.art-title{flex:1;text-align:center;font-family:var(--fd);font-size:12px;letter-spacing:4px;color:var(--tx)}.art-back{background:none;border:1px solid var(--brd2);border-radius:5px;padding:6px 10px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px;cursor:pointer}.art-back:hover{color:var(--acc);border-color:var(--acc)}.art-body{display:flex;flex:1;min-height:0}.art-stage{position:relative;flex:1;min-width:0;min-height:0}.art-canvas{display:block;width:100%;height:100%;touch-action:none;overscroll-behavior:contain}.art-canvas.grabbable{cursor:grab}.art-canvas.grabbable:active{cursor:grabbing}.art-canvas.sculpting{cursor:crosshair}.art-handles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.art-handle{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid var(--acc3);background:color-mix(in srgb,var(--acc3) 22%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--bg) 70%,transparent),var(--glow-acc3)}.art-handle:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--acc3)}.art-handle-label{position:absolute;left:22px;top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--fm);font-size:var(--t-xs);color:var(--acc3);text-shadow:0 0 4px var(--bg),0 0 2px var(--bg)}.art-sculpt-mark{color:var(--acc3)}.art-mode{position:absolute;top:10px;left:10px;display:flex;gap:4px;z-index:2}.art-mode .art-chip{background:color-mix(in srgb,var(--panel) 85%,transparent)}.art-error{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(460px,88vw);padding:12px 16px;text-align:center;background:var(--panel);border:1px solid var(--warn);border-radius:8px;color:var(--tx);font-size:12px}.art-error span{color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.art-panel{width:264px;flex-shrink:0;overflow-y:auto;padding:12px 12px 18px;border-left:1px solid var(--brd);background:var(--panel);display:flex;flex-direction:column;gap:14px}.art-panel-head{display:flex;align-items:center;justify-content:space-between}.art-brand{font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px;color:var(--acc)}.art-status{font-family:var(--fm);font-size:var(--t-xs);color:var(--dim)}.art-status.busy{color:var(--acc3)}.art-section{display:flex;flex-direction:column;gap:7px}.art-label{font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px;color:var(--dim)}.art-gens{display:flex;flex-wrap:wrap;gap:5px}.art-gen{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.art-gen:hover{color:var(--tx)}.art-gen.on{color:var(--accink);background:var(--acc);border-color:var(--acc)}.art-anim{font-size:var(--t-xs);opacity:.8}.art-about{margin:2px 0 0;color:var(--dim);font-size:var(--t-xs);line-height:1.45}.art-param{display:grid;grid-template-columns:76px 1fr 30px;align-items:center;gap:7px}.art-param-name{color:var(--dim);font-size:var(--t-xs)}.art-param input{width:100%;accent-color:var(--acc)}.art-param-val{color:var(--tx);font-family:var(--fm);font-size:var(--t-xs);text-align:right}.art-param-choice{grid-template-columns:76px 1fr}.art-param-choice .art-chips{display:flex;flex-wrap:wrap;gap:3px}.art-chip{background:transparent;border:1px solid var(--brd2);border-radius:3px;color:var(--dim);cursor:pointer;font-size:var(--t-xs);letter-spacing:.5px;padding:3px 6px}.art-chip:hover{color:var(--tx);border-color:var(--acc)}.art-chip.on{background:var(--acc);border-color:var(--acc);color:var(--accink);font-weight:700}.art-seed-row{display:flex;align-items:center;gap:8px}.art-seed{flex:1;color:var(--acc3);font-family:var(--fm);font-size:12px;letter-spacing:1px}.art-note{margin:0;color:var(--dim);font-size:var(--t-xs)}.art-actions{display:flex;gap:8px;margin-top:auto}.art-btn{flex:1;padding:8px 10px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1px}.art-btn:hover{border-color:var(--acc);color:var(--acc)}.art-btn.primary{background:var(--acc);border-color:var(--acc);color:var(--accink)}@media (max-width: 720px){.art-body{flex-direction:column}.art-panel{width:auto;border-left:none;border-top:1px solid var(--brd);max-height:46%}.art-stage{flex:1;min-height:200px}}.art-seed.off{color:var(--dim);text-decoration:line-through;opacity:.6}.art-btn:disabled{opacity:.4;cursor:default;border-color:var(--brd);color:var(--dim)}.paywall.donate{width:min(520px,94vw)}.donate-body{display:flex;gap:16px;align-items:flex-start;padding:12px 16px 4px}.donate-qr{flex-shrink:0;background:#fff;padding:8px;border-radius:8px;line-height:0;box-shadow:0 6px 20px #00000073}.donate-qr img{display:block;width:190px;height:190px}.donate-side{display:flex;flex-direction:column;gap:9px;min-width:0;flex:1}.donate-label{font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px;color:var(--dim)}.donate-vpa-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.donate-vpa{flex:1;min-width:0;padding:7px 9px;background:var(--sunk);border:1px solid var(--brd2);border-radius:5px;color:var(--acc3);font-family:var(--fm);font-size:12px;overflow-wrap:anywhere}.donate-open{display:inline-block;padding:10px 14px;text-align:center;text-decoration:none;background:var(--acc);color:var(--accink);border-radius:6px;font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px;font-weight:700}.donate-intl-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.donate-intl-label{color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.donate-intl{color:var(--acc3);font-family:var(--fm);font-size:var(--t-xs)}.donate-intl-note{margin:0;color:var(--dim);font-size:var(--t-xs);line-height:1.5}.net-footer{flex-shrink:0;width:100%;max-width:1440px;margin:var(--s10) auto 0;padding:0 var(--s16) var(--s8);font-family:var(--fm);font-size:var(--t-xs)}.net-lead{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;min-height:56px;color:var(--dim);border-top:1px solid var(--brd);margin-bottom:var(--s4)}.net-cols{display:grid;grid-template-columns:repeat(3,max-content);gap:18px var(--s16);justify-content:start;padding-top:var(--s2)}.net-footer:not(:has(.net-lead)) .net-cols{border-top:1px solid var(--brd);padding-top:var(--s4)}.net-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.net-head{margin:0 0 2px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.net-col a{color:var(--acc3);text-decoration:none}.net-col a:hover{color:var(--acc);text-decoration:underline}.net-mark{margin:var(--s6) 0 0;text-align:left;color:var(--dim);font-size:var(--t-xs);letter-spacing:1px}@media (max-width: 560px){.net-cols{grid-template-columns:repeat(2,max-content);gap:16px 28px}}@media (max-width: 560px){.donate-body{flex-direction:column;align-items:center}.donate-side{width:100%}}.lab-room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.lab-top{display:flex;align-items:center;gap:12px;flex-shrink:0;height:42px;padding:0 12px;border-bottom:1px solid var(--brd);background:var(--panel)}.lab-title{flex:1;text-align:center;font-family:var(--fd);font-size:12px;letter-spacing:4px;color:var(--tx)}.lab-back{background:none;border:1px solid var(--brd2);border-radius:5px;padding:6px 10px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px;cursor:pointer}.lab-back:hover{color:var(--acc);border-color:var(--acc)}.lab-body{display:flex;flex:1;min-height:0}.lab-stage{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px;gap:10px}.lab-stage-head{display:flex;align-items:center;gap:8px}.lab-stage-head .spacer{flex:1}.lab-kitname{background:none;border:1px dashed transparent;border-radius:5px;padding:4px 8px;cursor:pointer;color:var(--tx);font-family:var(--fd);font-size:13px;letter-spacing:2px}.lab-kitname:hover{border-color:var(--brd2);color:var(--acc)}.lab-kitname-input{background:var(--raised);border:1px solid var(--acc);border-radius:5px;padding:4px 8px;color:var(--tx);font-family:var(--fd);font-size:13px;letter-spacing:2px;min-width:180px}.lab-grid-wrap{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;flex:1;min-height:0;align-content:stretch}.lab-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;cursor:pointer;overflow:hidden;background:var(--raised);border:1px solid var(--brd2);border-radius:8px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);transition:background-color .09s linear,border-color .09s linear,transform .06s ease-out}.lab-pad:hover{border-color:var(--brd);color:var(--tx)}.lab-pad.filled{color:var(--tx);border-color:var(--brd);background:var(--panel)}.lab-pad.sel{border-color:var(--acc3);box-shadow:inset 0 0 0 1px var(--acc3)}.lab-pad.lit{background:var(--acc);border-color:var(--acc);color:var(--accink);transform:scale(.97)}.lab-pad.muted{opacity:.45}.lab-pad-key{position:absolute;top:5px;left:7px;font-size:var(--t-xs);opacity:.5;text-transform:uppercase}.lab-pad-choke{position:absolute;top:5px;right:7px;font-size:var(--t-xs);color:var(--warn);opacity:.8}.lab-pad-name{max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-status{flex-shrink:0;padding:6px 8px;border:1px solid var(--brd);border-radius:5px;background:var(--panel);color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.lab-panel{width:272px;flex-shrink:0;overflow-y:auto;padding:12px 12px 18px;border-left:1px solid var(--brd);background:var(--panel);display:flex;flex-direction:column;gap:14px}.lab-panel-head{display:flex;align-items:center;justify-content:space-between}.lab-brand{font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px;color:var(--acc)}.lab-section{display:flex;flex-direction:column;gap:7px}.lab-label{font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px;color:var(--dim)}.lab-about{margin:2px 0 0;color:var(--dim);font-size:var(--t-xs);line-height:1.45}.lab-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.lab-gens{display:flex;flex-wrap:wrap;gap:5px}.lab-gen,.lab-chip{padding:5px 9px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.lab-gen:hover,.lab-chip:hover{color:var(--tx)}.lab-gen.on,.lab-chip.on{color:var(--accink);background:var(--acc);border-color:var(--acc)}.lab-param{display:grid;grid-template-columns:62px 1fr 48px;align-items:center;gap:7px}.lab-param-name{color:var(--dim);font-size:var(--t-xs)}.lab-param input{width:100%;accent-color:var(--acc)}.lab-param-val{color:var(--tx);font-family:var(--fm);font-size:var(--t-xs);text-align:right}.lab-param-val i{color:var(--dim);font-style:normal;font-size:var(--t-xs);margin-left:1px}.lab-seed-row{display:flex;align-items:center;gap:8px}.lab-seed{flex:1;color:var(--acc3);font-family:var(--fm);font-size:12px;letter-spacing:1px}.lab-seed.off{color:var(--dim);text-decoration:line-through;opacity:.6}.lab-actions{display:flex;gap:8px;margin-top:auto}.lab-btn{padding:7px 10px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1px}.lab-btn:hover{border-color:var(--acc);color:var(--acc)}.lab-btn.primary{background:var(--acc);border-color:var(--acc);color:var(--accink)}.lab-btn.tiny{padding:4px 8px;letter-spacing:0}.lab-btn:disabled{opacity:.4;cursor:default;border-color:var(--brd);color:var(--dim)}.lab-actions .lab-btn{flex:1}.lab-wake{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.lab-wake-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:0 24px}.lab-wake-glyph{font-size:40px;color:var(--acc)}.lab-wake-title{margin:0;font-family:var(--fd);font-size:15px;letter-spacing:5px;color:var(--tx)}.lab-wake-note{margin:0;color:var(--dim);font-size:12px;line-height:1.6}@media (max-width: 720px){.lab-body{flex-direction:column}.lab-panel{width:auto;border-left:none;border-top:1px solid var(--brd);max-height:46%}.lab-stage{min-height:300px}}.jam-room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.jam-top{display:flex;align-items:center;gap:12px;flex-shrink:0;height:42px;padding:0 12px;border-bottom:1px solid var(--brd);background:var(--panel)}.jam-title{flex:1;text-align:center;font-family:var(--fd);font-size:12px;letter-spacing:4px;color:var(--tx)}.jam-back{background:none;border:1px solid var(--brd2);border-radius:5px;padding:6px 10px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px;cursor:pointer}.jam-back:hover{color:var(--acc2);border-color:var(--acc2)}.jam-mode{display:flex;border:1px solid var(--brd2);border-radius:5px;overflow:hidden}.jam-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:14px;gap:14px}.jam-row{display:flex;flex-wrap:wrap;gap:6px}.jam-instrument-picker,.jam-assist-panel,.jam-midi-panel,.jam-fx-rack,.jam-keyboard-hint{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--panel);border:1px solid var(--brd);border-radius:8px}.jam-key-scale{display:flex;gap:6px}.jam-keyboard-hint p{margin:0;color:var(--dim);font-size:var(--t-xs);line-height:1.6}.jam-keyboard-hint kbd{display:inline-block;margin:0 1px;padding:1px 5px;background:var(--raised);border:1px solid var(--brd2);border-radius:3px;color:var(--tx);font-family:var(--fm);font-size:var(--t-xs)}.jam-record-bar{display:flex;align-items:center;gap:10px}.jam-btn{padding:8px 14px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1px}.jam-btn:hover{border-color:var(--acc2);color:var(--acc2)}.jam-btn.rec{background:var(--acc2);border-color:var(--acc2);color:var(--acc2ink);font-weight:700}.jam-record-timer{color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.jam-record-timer.warn{color:var(--warn)}.jam-status{flex-shrink:0;padding:6px 8px;border:1px solid var(--brd);border-radius:5px;background:var(--panel);color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.jam-wake{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.jam-wake-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:0 24px}.jam-wake-glyph{font-size:40px;color:var(--acc2)}.jam-wake-title{margin:0;font-family:var(--fd);font-size:15px;letter-spacing:5px;color:var(--tx)}.jam-wake-note{margin:0;color:var(--dim);font-size:12px;line-height:1.6}.lab-wave-wrap{display:flex;flex-direction:column;gap:4px}.lab-wave{display:block;width:100%;height:96px;cursor:ew-resize;border:1px solid var(--brd);border-radius:6px;background:var(--panel)}.lab-wave-meta{display:flex;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.lab-wave-meta .spacer{flex:1}.lab-browser{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.lab-browser-head{display:flex;align-items:center;gap:8px}.lab-browser-head .spacer{flex:1}.lab-search{width:160px;padding:5px 8px;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:var(--t-xs)}.lab-cats{display:flex;flex-wrap:wrap;gap:4px}.lab-browser-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid var(--brd);border-radius:6px;background:var(--panel);padding:4px}.lab-browser-item{display:flex;align-items:center;gap:6px}.lab-browser-load{flex:1;display:flex;align-items:baseline;gap:8px;padding:5px 8px;cursor:pointer;background:none;border:1px solid transparent;border-radius:5px;text-align:left;color:var(--tx);font-family:var(--fm);font-size:var(--t-xs)}.lab-browser-load:hover{border-color:var(--acc);color:var(--acc)}.lab-browser-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-browser-pack{color:var(--dim);font-size:var(--t-xs)}.lab-browser-empty{padding:14px;color:var(--dim);font-size:var(--t-xs);text-align:center}.lab-btn.rec{background:var(--warn);border-color:var(--warn);color:var(--accink)}.lab-code{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.lab-code-head{display:flex;align-items:center;gap:6px}.lab-code-head .spacer{flex:1}.lab-code-editor{flex:1;min-height:0;overflow:hidden;border:1px solid var(--brd);border-radius:6px;background:var(--panel)}.lab-code-editor .cm-editor{height:100%}.lab-code-foot{flex-shrink:0;max-height:96px;overflow-y:auto;padding:6px 8px;border:1px solid var(--brd);border-radius:5px;background:var(--panel);font-family:var(--fm);font-size:var(--t-xs)}.lab-code-ok{color:var(--dim)}.lab-code-errors{display:flex;flex-direction:column;gap:3px;color:var(--warn)}.lab-code-errors b{color:var(--tx);font-weight:500}.lab-code-loading{flex:1;display:grid;place-items:center;color:var(--dim);font-size:var(--t-xs)}.lab-transport{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0;padding:7px 9px;border:1px solid var(--brd);border-radius:8px;background:var(--panel)}.lab-transport .spacer{flex:1}.lab-sep{width:1px;align-self:stretch;margin:0 3px;background:var(--brd2)}.lab-play{width:40px;padding:7px 0;cursor:pointer;text-align:center;background:var(--raised);border:1px solid var(--brd2);border-radius:6px;color:var(--tx);font-size:13px;line-height:1}.lab-play:hover{border-color:var(--acc);color:var(--acc)}.lab-play.on{background:var(--acc);border-color:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.lab-tempo{display:flex;align-items:baseline;gap:4px;color:var(--dim);font-size:var(--t-xs);letter-spacing:1px}.lab-tempo input{width:56px;padding:5px 6px;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:var(--t-xs);text-align:right}.lab-swing{display:flex;align-items:center;gap:5px;color:var(--dim);font-size:var(--t-xs);letter-spacing:1px}.lab-swing input[type=range]{width:70px}.lab-swing b{color:var(--tx);font-weight:500;font-size:var(--t-xs);min-width:26px}.lab-len{display:flex;gap:3px}.lab-seq{--lab-lane-name: 124px;--lab-lane-gap: 7px;flex-shrink:0;display:flex;flex-direction:column;max-height:34%;overflow-y:auto;padding:7px;border:1px solid var(--brd);border-radius:8px;background:var(--panel)}.lab-seq.empty{display:grid;place-items:center;min-height:84px}.lab-seq-empty{margin:0;color:var(--dim);font-size:var(--t-xs);line-height:1.7;text-align:center}.lab-seq-empty b{color:var(--acc);font-weight:500}.lab-seq-rows{position:relative;display:flex;flex-direction:column;gap:3px}.lab-seq-row{display:flex;align-items:stretch;gap:7px;min-height:22px}.lab-seq-row.dim{opacity:.42}.lab-seq-name{display:flex;align-items:center;gap:6px;width:var(--lab-lane-name);flex-shrink:0;padding:0 7px;cursor:pointer;text-align:left;background:none;border:1px solid transparent;border-radius:5px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs)}.lab-seq-name:hover{color:var(--tx);border-color:var(--brd2)}.lab-seq-row.sel .lab-seq-name{color:var(--acc3);border-color:var(--brd2)}.lab-seq-slot{flex-shrink:0;opacity:.55;font-size:var(--t-xs)}.lab-seq-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-seq-cells{position:relative;display:flex;flex:1;gap:2px;min-width:0}.lab-step{flex:1;min-width:0;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0;cursor:pointer;overflow:hidden;background:var(--step-off);border:1px solid transparent;border-radius:3px;transition:background-color .08s linear,border-color .08s linear}.lab-step.beat{background:var(--step-beat)}.lab-step:hover{border-color:var(--brd2)}.lab-step.on{background:var(--acc);border-color:var(--acc)}.lab-step-vel{width:100%;background:color-mix(in srgb,var(--accink) 34%,transparent)}.lab-seq-track{position:absolute;left:calc(var(--lab-lane-name) + var(--lab-lane-gap));right:0;top:0;bottom:0;pointer-events:none}.lab-seq-head{position:absolute;top:0;bottom:0;left:0;opacity:0;border-radius:3px;background:color-mix(in srgb,var(--acc3) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc3) 55%,transparent);will-change:transform}@media (max-width: 720px){.lab-seq{max-height:40%;--lab-lane-name: 86px}.lab-swing{display:none}}.kr-group{display:flex;flex-direction:column;border-top:1px solid var(--brd);padding-top:9px}.kr-group:first-of-type{border-top:none;padding-top:0}.kr-group-head{display:flex;align-items:center;gap:8px;min-height:18px}.kr-group-toggle{flex:1;display:flex;align-items:center;gap:6px;padding:0;cursor:pointer;text-align:left;background:none;border:none;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px}.kr-group-toggle:hover{color:var(--tx);border-color:transparent}.kr-group-caret{font-size:var(--t-xs);opacity:.7}.kr-group-label{flex:1}.kr-group-aside{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--acc3);font-family:var(--fm);font-size:var(--t-xs);opacity:.85}.kr-group-body{display:flex;flex-direction:column;gap:7px;padding:9px 0 2px}.lab-tools{display:flex;align-items:center;gap:4px;padding-right:7px;border-right:1px solid var(--brd)}.lab-tools:last-of-type{border-right:none}.lab-btn i{font-style:normal;color:var(--dim);letter-spacing:.5px}.lab-btn:hover i{color:inherit}.lab-btn.icon{padding:7px 9px}.lab-btn.primary i{color:inherit;opacity:.75}.lab-btn.send{box-shadow:var(--glow-acc)}.lab-pad-mark{position:absolute;top:5px;right:7px;font-size:var(--t-xs);color:var(--acc3);opacity:.65}.lab-pad.lit .lab-pad-mark,.lab-pad.lit .lab-pad-key{color:var(--accink);opacity:.7}.lab-pad-empty{color:var(--dim);font-size:var(--t-xs);letter-spacing:1.5px;opacity:.35}.lab-pad-seq{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:14px;height:2px;border-radius:2px;background:var(--acc3);opacity:.75}.lab-pad.lit .lab-pad-seq{background:var(--accink)}.lab-pad.filled .lab-pad-name{font-size:var(--t-xs)}.lab-blank{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:10px}.lab-blank-glyph{font-size:26px;color:var(--acc3);opacity:.5;line-height:1}.lab-blank-title{margin:0;color:var(--tx);font-family:var(--fd);font-size:12px;letter-spacing:2px}.lab-blank-note{margin:0;color:var(--dim);font-size:var(--t-xs);line-height:1.6}.lab-wake-card{max-width:420px}.lab-wake-glyph{text-shadow:var(--glow-acc);animation:krpulse 2.6s ease-in-out infinite}.lab-wake-note b{color:var(--acc3);font-weight:500}.lab-wake-keys{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 5px;margin-top:4px;color:var(--dim);white-space:nowrap;font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1px}.lab-wake-keys kbd{padding:3px 7px;border:1px solid var(--brd2);border-radius:4px;background:var(--raised);color:var(--tx);font-family:var(--fm);font-size:var(--t-xs)}.art-title i{color:var(--dim);font-style:normal;font-size:var(--t-xs);letter-spacing:2px;margin-left:10px}.art-gallery{display:flex;flex-direction:column;gap:11px}.art-family{display:flex;flex-direction:column;gap:6px}.art-family-head{display:flex;align-items:baseline;gap:7px}.art-family-label{color:var(--acc3);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px}.art-family-note{color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);opacity:.7}.art-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.art-tile{display:flex;flex-direction:column;gap:4px;padding:4px;cursor:pointer;text-align:left;background:var(--raised);border:1px solid var(--brd2);border-radius:6px;color:var(--dim);transition:border-color .14s,color .14s,transform .14s}.art-tile:hover{color:var(--tx);border-color:var(--brd2);transform:translateY(-1px)}.art-tile.on{border-color:var(--acc);color:var(--acc)}.art-tile-frame{display:block;overflow:hidden;border-radius:4px;background:var(--bg);line-height:0}.art-tile-frame img{display:block;width:100%;height:auto}.art-tile-wait{display:block;width:100%;background:var(--step-off);animation:krpulse 1.6s ease-in-out infinite}.art-tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fm);font-size:var(--t-xs);letter-spacing:.5px}.art-tile.on .art-tile-name{font-weight:700}.art-panel .art-chips{display:flex;flex-wrap:wrap;gap:4px}.art-panel .art-chip{padding:5px 9px;font-size:var(--t-xs);letter-spacing:1px;border-radius:4px}.art-room.bare .kr-nav,.art-room.bare .art-panel{display:none}.art-bare-bar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:7px 14px;background:color-mix(in srgb,var(--panel) 84%,transparent);border:1px solid var(--brd2);border-radius:999px;font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1.5px;opacity:.25;transition:opacity .2s}.art-bare-bar:hover{opacity:1}.art-bare-name{color:var(--tx)}.art-bare-seed{color:var(--acc3)}.art-bare-exit{background:none;border:none;padding:0;color:var(--dim);cursor:pointer;font-size:var(--t-xs);letter-spacing:1.5px}.art-bare-exit:hover{color:var(--acc);border-color:transparent}@media (max-width: 720px){.art-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.art-title i{display:none}}.art-room .kr-nav{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.art-body{position:relative}.art-main{flex:1;min-width:0}.art-panel{position:absolute;top:var(--s4);right:var(--s4);bottom:var(--s4);width:356px;z-index:3;padding:0;gap:0;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--brd2);box-shadow:var(--e3);background:color-mix(in srgb,var(--panel) 90%,transparent)}.art-panel-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s4);border-bottom:1px solid var(--brd);flex-shrink:0}.art-gen{display:inline-flex;align-items:baseline;gap:var(--s2);padding:0;min-width:0;flex:1;background:none;border:none;color:var(--tx);cursor:pointer;text-align:left}.art-gen:hover{color:var(--tx);border-color:transparent}.art-gen .kr-display{font-size:var(--t-xl);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-gen-caret{color:var(--dim)}.art-status{font-size:var(--t-xs)}.art-seed{flex:none;height:var(--target);padding:0 10px;border-radius:var(--r-sm);display:inline-flex;align-items:center;gap:6px;background:var(--sunk);box-shadow:var(--e-well);color:var(--tx);font-size:var(--t-xs);letter-spacing:0}.art-seed b{color:var(--acc);font-weight:500}.art-reroll{width:var(--target);height:var(--target);border-radius:var(--r-sm);color:var(--acc);font-size:var(--t-md)}.art-panel-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s4);display:flex;flex-direction:column;gap:var(--s4)}.art-picker{display:flex;flex-direction:column;gap:var(--s2);padding-bottom:var(--s3);border-bottom:1px solid var(--brd)}.art-about{font-size:var(--t-xs);line-height:var(--lh-body)}.art-sec{display:flex;flex-direction:column;gap:var(--s3)}.art-sec+.art-sec{padding-top:var(--s4);border-top:1px solid var(--brd)}.art-sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.art-driven-key{font-size:var(--t-xs);color:var(--acc2)}.art-knobs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4) var(--s2)}.art-knobs .kr-knob{--ks: 56px}.art-knobs .kr-knob:after{transform-origin:1px 19px}.kr-knob{cursor:ns-resize;touch-action:none}.kr-knob:focus-visible{outline-offset:4px}.kr-knobcell .v{font-variant-numeric:tabular-nums}.art-choice{display:flex;flex-direction:column;gap:6px}.art-chip-sm{height:28px;padding:0 10px}.art-reset{align-self:flex-start}.art-link-btn{background:none;border:none;padding:0;color:var(--dim);font-size:var(--t-xs);cursor:pointer}.art-link-btn:hover{color:var(--acc)}.art-handle-row{display:flex;justify-content:space-between;font-size:var(--t-xs)}.art-handle-row>:first-child{color:var(--dim)}.art-view-row{display:grid;grid-template-columns:56px 1fr 48px;align-items:center;gap:var(--s3);height:28px;font-size:var(--t-xs)}.art-view-row .n{color:var(--dim)}.art-view-row .v{text-align:right;font-variant-numeric:tabular-nums}.art-inks{display:flex;gap:var(--s2)}.art-ink{width:var(--target);height:var(--target);padding:0;border:none;border-radius:var(--r-md);cursor:pointer;transition:transform var(--dur-1) var(--ease-out)}.art-ink:hover{transform:translateY(-1px)}.art-ink[data-ink=acc]{background:var(--acc)}.art-ink[data-ink=acc2]{background:var(--acc2)}.art-ink[data-ink=acc3]{background:var(--acc3)}.art-ink[data-ink=warn]{background:var(--warn)}.art-ink[data-ink=all]{background:linear-gradient(135deg,var(--acc),var(--acc2),var(--acc3))}.art-ink.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--tx)}.art-note{font-size:var(--t-xs);line-height:var(--lh-body)}.art-donate{align-self:flex-start;color:var(--acc2)}.art-panel-foot{display:flex;gap:var(--s2);padding:var(--s4);border-top:1px solid var(--brd);flex-shrink:0}.art-export{flex:1}.art-mode{position:absolute;top:var(--s5);left:calc((100% - 372px)/2);transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.art-mode .kr-seg--pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--panel) 90%,transparent)}.art-mode-hint{font-size:var(--t-xs);color:var(--tx);padding:4px 10px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--panel) 80%,transparent);white-space:nowrap}.art-follow{position:absolute;left:var(--s4);bottom:var(--s4);z-index:2;height:var(--target);padding:0 var(--s3);display:inline-flex;align-items:center;gap:var(--s2);border-radius:var(--r-md);font-size:var(--t-xs);color:var(--dim);background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--brd)}.art-follow i{width:8px;height:8px;border-radius:50%;background:var(--acc)}.art-readout{position:absolute;z-index:2;pointer-events:none;white-space:nowrap;display:flex;flex-direction:column;gap:4px;padding:var(--s2) var(--s3);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--brd2);box-shadow:var(--e3);font-size:var(--t-xs)}.art-readout b{color:var(--acc2)}.art-readout i{font-style:normal;color:var(--acc2)}.art-handle{width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid var(--tx);background:color-mix(in srgb,var(--panel) 40%,transparent);box-shadow:var(--e2);transition:transform var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.art-handle:after{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--tx)}.art-handle.hover{transform:scale(1.12);border-color:var(--acc)}.art-handle.active{width:48px;height:48px;margin:-24px 0 0 -24px;border-color:var(--acc2);box-shadow:var(--glow-acc2),0 0 0 6px color-mix(in srgb,var(--acc2) 18%,transparent)}.art-handle.active:after{width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--acc2);box-shadow:var(--glow-acc2)}.art-cross{position:absolute;opacity:.6;pointer-events:none}.art-cross.h{left:-96px;top:50%;width:240px;height:1px;background:repeating-linear-gradient(90deg,var(--acc2) 0 4px,transparent 4px 8px)}.art-cross.v{top:-96px;left:50%;height:240px;width:1px;background:repeating-linear-gradient(180deg,var(--acc2) 0 4px,transparent 4px 8px)}.art-handle-label{left:28px;top:-12px;transform:none;height:24px;padding:0 8px;border-radius:var(--r-sm);display:flex;align-items:center;font-size:var(--t-xs);text-shadow:none;color:var(--tx);background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--brd2)}.art-handle.active .art-handle-label{left:32px;top:-40px;height:28px;padding:0 10px;font-weight:700;border:none;background:var(--acc2);color:var(--acc2ink);box-shadow:var(--e2)}.art-room[data-still] .kr-nav,.art-room[data-still] .art-panel,.art-room[data-still] .art-mode .kr-seg--pill,.art-room[data-still] .art-mode-hint,.art-room[data-still] .art-follow,.art-room[data-still] .art-handle-label,.art-room[data-still] .art-readout{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.art-room[data-still] .art-handle.active .art-handle-label{background:var(--acc2);-webkit-backdrop-filter:none;backdrop-filter:none}.art-error{border-radius:var(--r-md);box-shadow:var(--e3)}.art-bare-bar{border-radius:var(--r-md)}.art-room.bare .art-mode{left:50%}@media (max-width: 720px){.art-panel{position:relative;inset:auto;width:auto;margin:0;border-radius:24px 24px 0 0;max-height:52%;flex:none}.art-mode{left:50%;top:var(--s3)}.art-mode-hint,.art-readout{display:none}.art-follow{bottom:var(--s3);left:var(--s3)}.art-knobs{grid-template-columns:repeat(4,1fr)}.art-knobs .kr-knob{--ks: 48px}.art-knobs .kr-knob:after{transform-origin:1px 15px}}.lab-machine{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0}.lab-machine-body{display:flex;align-items:stretch;gap:9px;flex:1;min-height:0;padding:9px;border:1px solid var(--brd);border-radius:10px;background:var(--panel);box-shadow:inset 0 1px color-mix(in srgb,var(--tx) 6%,transparent)}.lab-screen{display:flex;align-items:center;gap:9px;flex-shrink:0;flex-wrap:wrap;padding:7px 11px;border:1px solid var(--brd);border-radius:8px;background:var(--bg);box-shadow:inset 0 0 14px color-mix(in srgb,var(--bg) 60%,transparent)}.lab-screen .spacer{flex:1}.lab-screen-pos{color:var(--dim);font-family:var(--fm);font-size:15px;letter-spacing:2px;font-variant-numeric:tabular-nums;transition:color .2s linear}.lab-screen-pos.on{color:var(--acc3);text-shadow:0 0 10px color-mix(in srgb,var(--acc3) 40%,transparent)}.lab-screen-count{color:var(--warn);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px;animation:krpulse .5s ease-in-out infinite}.lab-screen-kit{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx);font-family:var(--fd);font-size:var(--t-xs);letter-spacing:2px}.lab-screen-stat{color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1px}.lab-screen-stat b{color:var(--tx);font-weight:500;font-size:var(--t-xs)}.lab-screen-tag{padding:2px 7px;border:1px solid var(--brd2);border-radius:999px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px}.lab-screen-tag.rec{color:var(--accink);background:var(--warn);border-color:var(--warn)}.lab-groups{display:flex;flex-direction:column;gap:6px;flex-shrink:0;width:42px}.lab-group{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:7px;color:var(--dim);transition:background-color .12s linear,border-color .12s linear,color .12s linear}.lab-group:hover{color:var(--tx);border-color:var(--brd)}.lab-group.filled{color:var(--tx)}.lab-group.on{background:var(--acc);border-color:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.lab-group-name{font-family:var(--fd);font-size:14px;letter-spacing:1px}.lab-group-count{font-family:var(--fm);font-size:var(--t-xs);opacity:.6}.lab-group-seq{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:12px;height:2px;border-radius:2px;background:var(--acc3);opacity:.8}.lab-group.on .lab-group-seq{background:var(--accink)}.lab-group-hint{text-align:center;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px;opacity:.5}.lab-grid-wrap{flex:1;min-width:0;padding:7px;border-radius:8px;background:var(--bg);box-shadow:inset 0 2px 8px color-mix(in srgb,var(--bg) 70%,transparent),inset 0 0 0 1px var(--brd)}.lab-grid.x8{grid-template-columns:repeat(8,1fr);gap:4px}.lab-grid.x8 .lab-pad{min-height:0;gap:1px;border-radius:6px;font-size:var(--t-xs)}.lab-grid.x8 .lab-pad.filled .lab-pad-name{font-size:var(--t-xs)}.lab-grid.x8 .lab-pad-key{top:3px;left:4px;font-size:var(--t-xs)}.lab-grid.x8 .lab-pad-mark{top:3px;right:4px;font-size:var(--t-xs)}.lab-grid.x8 .lab-pad-seq{bottom:3px;width:9px}.lab-pad.off-bank{opacity:.62}.lab-pad.off-bank:hover{opacity:1}.lab-pad.erasing{border-color:color-mix(in srgb,var(--warn) 55%,transparent)}.lab-pad.erasing:hover{border-color:var(--warn);color:var(--warn)}.lab-pad.repeating:hover{border-color:var(--acc3);color:var(--acc3)}.lab-grid-note{margin:6px 0 0;text-align:center;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1px}.lab-grid-note b{color:var(--acc3);font-weight:500}.lab-modes{display:flex;flex-direction:column;gap:10px;flex-shrink:0;width:116px;overflow-y:auto}.lab-modes-group{display:flex;flex-direction:column;gap:4px}.lab-modes-cap{color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px;opacity:.7}.lab-mode{padding:6px 8px;cursor:pointer;text-align:left;background:var(--raised);border:1px solid var(--brd2);border-radius:6px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:.5px;transition:background-color .12s linear,border-color .12s linear,color .12s linear}.lab-mode:hover{color:var(--tx);border-color:var(--brd)}.lab-mode.on{background:var(--acc);border-color:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.lab-mode.danger.on{background:var(--warn);border-color:var(--warn)}.lab-modes-rates{display:flex;flex-wrap:wrap;gap:3px}.lab-modes-rates .lab-chip{padding:3px 6px;font-size:var(--t-xs)}.lab-tgroup{display:flex;align-items:center;gap:5px}.lab-btn.rec-btn.rec{animation:krpulse 1.1s ease-in-out infinite}.lab-len-unit{margin-left:3px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:1px}.lab-seq-bars{display:flex;align-items:center;gap:3px;margin-bottom:6px}.lab-seq-bars-cap{margin-right:3px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px}.lab-seq-bars .lab-chip{min-width:24px;text-align:center}@media (max-width: 720px){.lab-pad-empty{display:none}.lab-machine-body{flex-direction:column}.lab-groups{flex-direction:row;width:auto;height:34px}.lab-group-hint{display:none}.lab-modes{width:auto;flex-direction:row;flex-wrap:wrap;gap:6px}.lab-modes-group{flex-direction:row;align-items:center}.lab-modes-cap,.lab-screen-kit{display:none}}.art-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.art-back.on{color:var(--acc);border-color:var(--acc)}.art-btn.tiny{flex:0 0 auto;padding:5px 9px;font-size:var(--t-xs);letter-spacing:1px}.art-code{display:flex;flex-direction:column;gap:8px;flex-shrink:0;height:min(42vh,340px);padding:8px 10px 10px;border-top:1px solid var(--brd);background:var(--panel)}.art-code-head{display:flex;align-items:center;gap:6px}.art-code-head .spacer{flex:1}.art-code-label{font-family:var(--fm);font-size:var(--t-xs);letter-spacing:2px;color:var(--acc)}.art-code-editor{flex:1;min-height:0;overflow:hidden;border:1px solid var(--brd2);border-radius:6px;background:var(--raised)}.art-code-editor .cm-editor{height:100%}.art-code-foot{flex-shrink:0;font-family:var(--fm);font-size:var(--t-xs);line-height:1.5}.art-code-ok{color:var(--dim)}.art-code-errors{display:flex;flex-direction:column;gap:3px;color:var(--warn)}.art-code-errors b{color:var(--tx);font-weight:500}.art-code-loading{flex-shrink:0;height:60px;display:grid;place-items:center;color:var(--dim);font-size:var(--t-xs)}@media (max-width: 720px){.art-code{height:min(50vh,260px)}}.jam-btn.panic{margin-left:auto;border-color:var(--warn);color:var(--warn)}.jam-btn.panic:hover{background:var(--warn);color:var(--bg)}.jam-btn:disabled{opacity:.35;cursor:default}.jam-btn:disabled:hover{border-color:var(--brd);color:var(--dim);background:none}.jam-octave{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jam-octave-val{min-width:64px;text-align:center;font-family:var(--fm);font-size:12px;color:var(--acc2)}.jam-octave .hint{color:var(--dim);font-size:var(--t-xs)}.jam-octave .hint.cue{color:var(--acc3)}.jam-btn.beckon{border-color:var(--acc3);color:var(--acc3);animation:jambeckon .8s ease-in-out infinite alternate}@keyframes jambeckon{to{box-shadow:0 0 10px color-mix(in srgb,var(--acc3) 60%,transparent)}}@media (prefers-reduced-motion: reduce){.jam-btn.beckon{animation:none}}.jam-piano{position:relative;height:150px;flex-shrink:0;border:1px solid var(--brd);border-radius:6px;background:var(--panel);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.jam-key{position:absolute;top:0;padding:0;cursor:pointer;touch-action:none;display:flex;align-items:flex-end;justify-content:center;transition:background .06s linear,filter .06s linear}.jam-key:not(.black){height:100%;z-index:1;background:var(--tx);border:1px solid var(--brd);border-radius:0 0 4px 4px}.jam-key.black{height:62%;z-index:2;background:var(--bg);border:1px solid var(--brd);border-top:none;border-radius:0 0 3px 3px}.jam-key.out{filter:saturate(0) brightness(.62)}.jam-key.lit{background:color-mix(in srgb,var(--acc2) calc(45% + var(--vel, .8) * 55%),var(--tx));filter:none}.jam-key.black.lit{background:color-mix(in srgb,var(--acc2) calc(55% + var(--vel, .8) * 45%),var(--bg))}.jam-key.ghost{outline:1px dashed var(--acc2);outline-offset:-3px}.jam-key-face{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:6px;pointer-events:none;font-family:var(--fm);font-size:var(--t-xs);line-height:1}.jam-key:not(.black) .jam-key-face{color:var(--bg)}.jam-key.black .jam-key-face{color:var(--dim)}.jam-key-type{text-transform:uppercase;opacity:.85}.jam-key-name{opacity:.7;font-size:var(--t-xs);font-weight:600}.jam-key.c .jam-key-name{opacity:1;color:var(--acc2)}.jam-key.black .jam-key-name{display:none}.jam-key.black.cue .jam-key-name,.jam-key.black.lit .jam-key-name{display:block;color:var(--tx)}.jam-key.cue{box-shadow:inset 0 0 0 3px var(--acc3),0 0 14px color-mix(in srgb,var(--acc3) 60%,transparent);z-index:3}.jam-key:not(.black).cue{background:color-mix(in srgb,var(--acc3) 28%,var(--tx))}.jam-key.cue .jam-key-name{opacity:1;color:var(--bg)}.jam-key.black.cue .jam-key-name{color:var(--acc3)}.jam-key.cue:not(.lit){animation:jamcue .7s ease-in-out infinite alternate}@keyframes jamcue{0%{filter:brightness(1)}to{filter:brightness(1.25)}}@media (prefers-reduced-motion: reduce){.jam-key.cue{animation:none!important}}.jam-fret{flex-shrink:0;padding:6px 8px 8px;border:1px solid var(--brd);border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 80%,var(--sunk)),var(--panel));touch-action:none;-webkit-user-select:none;user-select:none;overflow-x:auto}.jam-fret-nums,.jam-fret-string,.jam-fret-inlays{display:grid;grid-template-columns:1.4fr repeat(var(--frets, 15),1fr);min-width:520px}.jam-fret-nums{color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);text-align:center}.jam-fret-nums .inlay{color:var(--acc2)}.jam-fret-string{position:relative;height:26px;align-items:center}.jam-fret-string:before{content:"";position:absolute;top:0;bottom:0;left:calc(1.4 / (1.4 + var(--frets, 15)) * 100%);width:2px;background:var(--tx);opacity:.5}.jam-fret-wire{position:absolute;left:0;right:0;top:50%;pointer-events:none;height:calc(var(--gauge, 1) * 1px);background:var(--dim);opacity:.55}.jam-fret-wire.ringing{animation:jamstring .55s cubic-bezier(.2,.8,.3,1) 1;background:var(--acc2);opacity:1}@keyframes jamstring{0%{transform:translateY(calc(var(--vel, .8) * -3px)) scaleY(2.2)}18%{transform:translateY(calc(var(--vel, .8) * 3px)) scaleY(2)}40%{transform:translateY(calc(var(--vel, .8) * -1.6px)) scaleY(1.6)}70%{transform:translateY(calc(var(--vel, .8) * .8px)) scaleY(1.2)}to{transform:none}}.jam-fret-cell{position:relative;z-index:1;height:100%;padding:0;cursor:pointer;touch-action:none;background:none;border:none;border-right:1px solid color-mix(in srgb,var(--brd) 60%,transparent);display:flex;align-items:center;justify-content:center}.jam-fret-cell.open{border-right:none}.jam-fret-cell:hover .jam-fret-dot{opacity:.3}.jam-fret-cell.out .jam-fret-dot{border-style:dashed}.jam-fret-dot{width:13px;height:13px;border-radius:50%;border:1px solid transparent;opacity:0;transition:opacity .07s linear}.jam-fret-cell.out:hover .jam-fret-dot{opacity:.16;border-color:var(--dim)}.jam-fret-cell:hover .jam-fret-dot{border-color:var(--dim)}.jam-fret-cell.lit .jam-fret-dot{opacity:1;background:var(--acc2);border-color:var(--acc2);box-shadow:0 0 8px color-mix(in srgb,var(--acc2) 70%,transparent)}.jam-fret-dot{display:flex;align-items:center;justify-content:center}.jam-fret-note{font-family:var(--fm);font-size:var(--t-xs);line-height:1;letter-spacing:-.3px;color:var(--tx);display:none;pointer-events:none}.jam-fret.names .jam-fret-dot{width:20px;height:14px;border-radius:7px;opacity:.6}.jam-fret.names .jam-fret-note{display:block}.jam-fret.names .jam-fret-cell.out .jam-fret-dot{opacity:.25}.jam-fret-cell.lit .jam-fret-note,.jam-fret-cell.cue .jam-fret-note{display:block;color:var(--bg)}.jam-fret-cell.lit .jam-fret-dot,.jam-fret-cell.cue .jam-fret-dot{width:20px;height:14px;border-radius:7px}.jam-fret-cell.cue .jam-fret-dot{opacity:1;background:var(--acc3);border-color:var(--acc3);box-shadow:0 0 10px color-mix(in srgb,var(--acc3) 70%,transparent)}.jam-fret-string-name{position:absolute;left:3px;top:50%;transform:translateY(-50%);font-family:var(--fm);font-size:var(--t-xs);font-weight:700;color:var(--acc2);pointer-events:none}.jam-fret-names-btn{background:none;border:1px solid var(--brd);border-radius:3px;padding:0 3px;color:var(--dim);font-family:var(--fm);font-size:var(--t-xs);cursor:pointer;justify-self:center}.jam-fret-names-btn.lit{border-color:var(--acc3);color:var(--acc3)}.jam-breath{position:relative;flex-shrink:0;height:150px;overflow:hidden;border:1px solid var(--brd);border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc2) 7%,var(--panel)),var(--panel));touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.jam-breath-band{position:absolute;left:0;right:0;height:calc(4px + var(--vel, .8) * 14px);background:color-mix(in srgb,var(--acc2) calc(30% + var(--vel, .8) * 50%),transparent);display:flex;align-items:center;padding-left:10px;animation:jambreath 2.4s ease-in-out infinite alternate}.jam-breath-band span{font-family:var(--fm);font-size:var(--t-xs);color:var(--bg);opacity:.8}@keyframes jambreath{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.jam-breath-hint{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:var(--t-xs);pointer-events:none}@media (prefers-reduced-motion: reduce){.jam-fret-wire.ringing,.jam-breath-band{animation:none}}.landing .note.warn-note{color:var(--warn);max-width:46ch}.market{overflow-y:auto;padding:28px 16px;justify-content:flex-start}.market .landing-hero{max-width:min(960px,94vw);flex-shrink:0;margin:0 auto}.forge{display:flex;flex-direction:column;gap:10px;width:100%;margin:14px 0 18px;padding:14px;background:color-mix(in srgb,var(--raised) 80%,transparent);border:1px solid var(--brd2);border-radius:12px}.forge-bar{display:flex;gap:8px;flex-wrap:wrap}.forge-input{flex:1 1 280px;min-width:0;padding:10px 12px;background:var(--bg);border:1px solid var(--brd2);border-radius:8px;color:var(--tx);font-family:var(--fm);font-size:13px}.forge-input::placeholder{color:var(--dim);opacity:.7}.forge-input:focus{outline:none;border-color:var(--acc);box-shadow:var(--glow-acc)}.forge-go{white-space:nowrap;font-weight:700}.forge-go:disabled{opacity:.45;cursor:default}.forge-examples{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.forge-hint{font-size:var(--t-xs);letter-spacing:2px;color:var(--dim)}.forge-example{font-size:var(--t-xs);color:var(--dim)}.forge-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.forge-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:var(--t-xs);border:1px solid var(--brd2);background:color-mix(in srgb,var(--panel) 70%,transparent)}.forge-chip.read{border-color:color-mix(in srgb,var(--acc) 55%,var(--brd2))}.forge-chip.guessed{border-style:dashed;opacity:.78}.forge-chip-label{color:var(--dim);letter-spacing:1px;text-transform:uppercase;font-size:var(--t-xs)}.forge-chip-value{background:none;border:0;padding:0;cursor:pointer;color:var(--tx);font-family:var(--fm);font-size:var(--t-xs);font-weight:700}.forge-chip-value:disabled{cursor:default}.forge-chip.read .forge-chip-value{color:var(--acc)}.forge-chip-select{background:var(--bg);color:var(--tx);border:1px solid var(--acc);border-radius:5px;font-family:var(--fm);font-size:var(--t-xs);padding:1px 3px}.forge-share{margin-left:auto;font-size:var(--t-xs)}.forge-unknown,.forge-message,.forge-where,.forge-readas{margin:0;text-align:left}.forge-readas b{color:var(--acc3);font-weight:600}.forge-made{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--acc) 45%,var(--brd2));border-radius:9px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.forge-made-name{font-size:12px;font-weight:700;color:var(--acc);overflow-wrap:anywhere}.forge-made-len{font-size:var(--t-xs);color:var(--dim);font-variant-numeric:tabular-nums}.forge-made .market-audio{flex:1 1 200px;width:auto}.forge-where{flex-basis:100%;font-size:var(--t-xs)}.forge-made-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto}.forge-size{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.forge-size .chip{font-size:var(--t-xs);padding:3px 8px}.forge-made.drawn{flex-direction:column;align-items:flex-start}.forge-made.drawn .forge-made-actions{margin-left:0}.forge-preview{width:100%;max-width:320px;height:auto;align-self:center;border:1px solid var(--brd2);border-radius:8px;background-image:linear-gradient(45deg,var(--brd2) 25%,transparent 25%),linear-gradient(-45deg,var(--brd2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--brd2) 75%),linear-gradient(-45deg,transparent 75%,var(--brd2) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}@media (max-width: 720px){.forge{padding:11px}.forge-share{margin-left:0}}.market-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;width:100%;margin:4px 0 14px}.market-cats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.market-search{flex:0 1 220px;min-width:0;padding:7px 11px;font-family:inherit;font-size:12px;color:var(--tx);background:color-mix(in srgb,var(--raised) 82%,transparent);border:1px solid var(--brd2);border-radius:9px}.market-search:focus{outline:none;border-color:var(--acc)}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:14px;width:100%;margin:2px 0 6px;text-align:left}.market-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:15px 16px 13px;cursor:pointer;background:color-mix(in srgb,var(--raised) 82%,transparent);border:1px solid var(--brd2);border-radius:12px;color:var(--tx);transition:border-color .16s,transform .16s,box-shadow .16s}.market-card:hover{border-color:var(--acc);transform:translateY(-2px)}.market-card.on{border-color:var(--acc);box-shadow:var(--glow-acc)}.market-card.bake{cursor:default}.market-card.bake:hover{transform:none}.market-card.forged{border-style:dashed;border-color:color-mix(in srgb,var(--acc3) 55%,var(--brd));cursor:default}.market-card.forged:hover{border-color:var(--acc3)}.market-card.forged .market-kind{color:var(--acc3)}.forged-row{width:100%;margin-top:18px}.forged-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.forged-head .market-section i{color:var(--dim);font-style:normal;text-transform:none;letter-spacing:0}.market-glyph{font-size:20px;color:var(--acc);line-height:1}.market-kind{font-size:var(--t-xs);letter-spacing:2px;color:var(--dim)}.market-name{font-size:14px;font-weight:700;color:var(--tx);overflow-wrap:anywhere}.market-seed{font-size:var(--t-xs);color:var(--dim);font-variant-numeric:tabular-nums}.market-stale{font-size:var(--t-xs);letter-spacing:1px;color:var(--warn)}.market-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;width:100%}.market-audio{width:100%;height:30px}.market-section{font-size:var(--t-xs);letter-spacing:3px;color:var(--dim);font-weight:700;margin:22px 0 0;text-align:center}@media (max-width: 720px){.market{padding:40px 12px 28px}.market .landing-hero{max-width:100%;padding:22px 16px 24px;border-radius:16px;gap:12px}.market-grid{grid-template-columns:1fr;gap:12px}.market-bar{justify-content:stretch}.market-search{flex:1 1 100%}}.school-panel{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:color-mix(in srgb,var(--raised) 82%,transparent);border:1px solid var(--brd2);border-radius:12px}.school-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.school-spacer{flex:1}.school-title{font-size:12px;letter-spacing:3px;font-weight:700;color:var(--acc)}.school-pick{letter-spacing:2px;font-weight:700}.school-progress{font-size:var(--t-xs);color:var(--dim);font-variant-numeric:tabular-nums}.school-start{min-width:82px}.school-blurb{margin:0;font-size:var(--t-xs);color:var(--dim);max-width:60ch}.school-picker{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--brd);border-radius:9px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.school-group{display:flex;flex-direction:column;gap:5px}.school-group-label{font-size:var(--t-xs);letter-spacing:2px;color:var(--dim);text-transform:uppercase}.school-group-row{display:flex;flex-wrap:wrap;gap:5px}.school-lesson{font-size:var(--t-xs)}.school-lesson.passed{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 45%,var(--brd2))}.school-lesson.lit{color:var(--bg);background:var(--acc);border-color:var(--acc);font-weight:700}.school-lane-box{position:relative;overflow-x:auto;overflow-y:hidden;padding:8px 0 4px;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);scrollbar-width:thin}.school-lane{position:relative;height:56px;min-width:100%}.school-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--step-off)}.school-tick.bar{background:var(--step-beat)}.school-note{position:absolute;top:6px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:38px;padding:5px 6px;border:1px solid var(--brd2);border-radius:8px;background:var(--panel);color:var(--dim);transition:border-color .12s,color .12s}.school-note.next{border-color:var(--acc);color:var(--acc);box-shadow:var(--glow-acc)}.school-note.hit{border-color:var(--acc);color:var(--acc)}.school-note.early{border-color:var(--acc3);color:var(--acc3)}.school-note.late{border-color:var(--acc2);color:var(--acc2)}.school-note.wrong{border-color:var(--warn);color:var(--warn);opacity:.7}.school-note-name{font-size:var(--t-xs);font-weight:700}.school-note-mark{font-size:var(--t-xs);line-height:1}.school-playhead{position:absolute;top:0;left:0;width:2px;height:100%;background:var(--acc);box-shadow:var(--glow-acc);pointer-events:none;will-change:transform}.school-meters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:var(--t-xs)}.school-count{color:var(--tx);font-variant-numeric:tabular-nums}.school-streak{color:var(--dim);font-variant-numeric:tabular-nums}.school-drift{display:flex;align-items:center;gap:7px;margin-left:auto}.school-drift-idle{color:var(--dim);opacity:.5}.school-drift-wrong{color:var(--warn)}.school-drift-bar{position:relative;width:108px;height:4px;border-radius:2px;background:var(--step-off)}.school-drift-bar:before{content:"";position:absolute;left:37.5%;width:25%;top:0;bottom:0;background:color-mix(in srgb,var(--acc) 35%,transparent);border-radius:2px}.school-drift-dot{position:absolute;top:-3px;width:4px;height:10px;border-radius:2px;background:var(--tx);transform:translate(-50%)}.school-drift-word{font-variant-numeric:tabular-nums}.school-drift-word.hit{color:var(--acc)}.school-drift-word.early{color:var(--acc3)}.school-drift-word.late{color:var(--acc2)}.school-grade{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}.school-band{font-size:14px;letter-spacing:3px;font-weight:700}.school-grade.pass .school-band{color:var(--acc)}.school-grade.fail .school-band{color:var(--warn)}.school-score{font-size:var(--t-xs);color:var(--dim);font-variant-numeric:tabular-nums}.school-best,.school-hint{font-size:var(--t-xs);color:var(--dim)}@media (max-width: 720px){.school-panel{padding:10px 11px;gap:8px}.school-note{min-width:34px;padding:4px 5px}.school-drift{margin-left:0}.school-drift-bar{width:84px}}.autom{display:flex;flex-direction:column;gap:8px;padding:4px 2px}.autom-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.autom-pick{background:var(--raised);color:var(--tx);border:1px solid var(--brd2);border-radius:6px;font-family:var(--fm);font-size:var(--t-xs);padding:3px 6px;max-width:220px}.autom-lane{display:flex;gap:3px;position:relative;min-height:120px}.autom-cursor{position:absolute;top:-2px;bottom:-2px;left:0;width:0;opacity:0;border:1px solid rgba(255,255,255,.55);background:#ffffff14;border-radius:3px;pointer-events:none;will-change:transform}.autom-col{flex:1;min-width:26px;height:120px;position:relative;padding:0;cursor:ns-resize;background:var(--step-off);border:1px solid var(--brd2);border-radius:4px;touch-action:none;overflow:hidden}.autom-fill{position:absolute;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(180deg,var(--acc3),transparent 180%);opacity:.9}.autom-read{position:absolute;left:0;right:0;top:3px;pointer-events:none;font-family:var(--fm);font-size:var(--t-xs);color:var(--tx)}.play-panel{display:flex;flex-direction:column}.play-head{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.play-pick{letter-spacing:.1em;font-weight:700}.play-blurb{color:var(--dim);max-width:46ch;flex:1}.play-diffs{display:flex;gap:4px}.play-diff.lit{background:var(--acc3);border-color:var(--acc3);font-weight:700}.play-start{min-width:86px;letter-spacing:.1em;font-weight:700}.play-start.lit{background:var(--warn);border-color:var(--warn)}.play-picker{display:flex;flex-wrap:wrap;gap:6px;padding:var(--s3);border:1px solid var(--brd);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 70%,transparent)}.play-card{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.play-card.lit{background:var(--acc);border-color:var(--acc)}.play-card-title{font-weight:700;letter-spacing:.06em}.play-card-note{opacity:.75}.play-stage{position:relative;overflow:hidden}.play-strike{position:absolute;z-index:2;pointer-events:none}.play-lanes{position:absolute;will-change:transform}.play-count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--acc);opacity:.35;pointer-events:none}.play-meters{display:flex;flex-wrap:wrap;align-items:baseline}.play-meter b{color:var(--tx);font-variant-numeric:tabular-nums}.play-result{letter-spacing:.06em;color:var(--dim)}.play-result strong{letter-spacing:.2em;color:var(--acc);margin-right:8px}.play-result.band-fail strong{color:var(--warn)}@media (max-width: 720px){.play-blurb{display:none}}.lab-arrange,.lab-mixer,.lab-kits{display:flex;flex-direction:column;gap:10px;padding:12px 14px;overflow-y:auto}.lab-arrange-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lab-arrange-title{font-size:12px;letter-spacing:3px;font-weight:700;color:var(--acc)}.lab-arrange-note{font-size:var(--t-xs);color:var(--dim);flex:1}.lab-scenes{display:flex;flex-wrap:wrap;gap:8px}.lab-scene{display:flex;flex-direction:column;gap:4px;padding:8px;min-width:96px;border:1px solid var(--brd2);border-radius:9px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.lab-scene.live{border-color:var(--acc);box-shadow:var(--glow-acc)}.lab-scene.queued{border-color:var(--acc2);border-style:dashed}.lab-scene.add{align-items:center;justify-content:center;color:var(--dim);font-size:var(--t-xs);letter-spacing:2px;cursor:pointer;border-style:dashed}.lab-scene-name{background:none;border:0;color:var(--tx);font-family:var(--fm);font-size:15px;font-weight:700;letter-spacing:1px;text-align:left;cursor:pointer;padding:0}.lab-scene.live .lab-scene-name{color:var(--acc)}.lab-scene-name-input{background:var(--raised);color:var(--tx);border:1px solid var(--acc);border-radius:4px;font-family:var(--fm);font-size:13px;width:78px;padding:1px 4px}.lab-scene-bars{font-size:var(--t-xs);color:var(--dim)}.lab-scene-row{display:flex;gap:3px}.lab-song{display:flex;flex-direction:column;gap:4px}.lab-song-empty{font-size:var(--t-xs);color:var(--dim);margin:0}.lab-song-step{display:flex;gap:7px;align-items:center;padding:4px 7px;border:1px solid var(--brd);border-radius:7px;background:color-mix(in srgb,var(--panel) 55%,transparent)}.lab-song-step.live{border-color:var(--acc)}.lab-song-index{font-size:var(--t-xs);color:var(--dim);min-width:16px;font-variant-numeric:tabular-nums}.lab-song-scene{font-size:13px;font-weight:700;color:var(--tx);min-width:28px}.lab-song-repeats{font-size:var(--t-xs);color:var(--dim);display:flex;align-items:center;gap:3px}.lab-song-repeats input{width:46px;background:var(--raised);color:var(--tx);border:1px solid var(--brd2);border-radius:4px;font-family:var(--fm);font-size:var(--t-xs);padding:1px 4px}.lab-strips{display:flex;flex-wrap:wrap;gap:6px}.lab-strip{display:flex;flex-direction:column;gap:3px;align-items:stretch;padding:7px 6px;width:92px;border:1px solid var(--brd2);border-radius:8px;background:color-mix(in srgb,var(--panel) 70%,transparent);cursor:pointer}.lab-strip.sel{border-color:var(--acc)}.lab-strip.empty{opacity:.45}.lab-strip-slot{font-size:var(--t-xs);color:var(--dim);letter-spacing:1px}.lab-strip-name{font-size:var(--t-xs);color:var(--tx);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-strip input[type=range]{width:100%}.lab-strip-read{font-size:var(--t-xs);color:var(--dim);font-variant-numeric:tabular-nums}.lab-strip-btns{display:flex;gap:3px;margin-top:2px}.lab-strip-btns .lab-chip{flex:1}.lab-chip.on.warn{background:var(--warn);border-color:var(--warn);color:var(--bg)}.lab-kit-list{display:flex;flex-direction:column;gap:5px}.lab-kit-card{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:7px 9px;border:1px solid var(--brd2);border-radius:8px;background:color-mix(in srgb,var(--panel) 60%,transparent)}.lab-kit-card.live{border-color:var(--acc)}.lab-kit-name{font-size:12px;font-weight:700;color:var(--tx);min-width:130px}.lab-kit-note{font-size:var(--t-xs);color:var(--dim);flex:1}.lab-kit-when{font-size:var(--t-xs);color:var(--dim)}.lab-kit-btns{display:flex;gap:4px}@media (max-width: 720px){.lab-strip{width:calc(50% - 3px)}.lab-kit-note{flex-basis:100%}}.market-facets{gap:14px;flex-wrap:wrap}.market-facet-label{font-size:var(--t-xs);letter-spacing:2px;color:var(--dim);text-transform:uppercase;margin-right:4px}.market-count{font-style:normal;opacity:.55;font-size:var(--t-xs)}.market-preview-img{display:block;width:100%;height:auto;margin:6px 0 2px;border:1px solid var(--brd2);border-radius:7px;background:var(--bg)}.market-preview-audio{width:100%;margin:6px 0 2px;height:30px}.lab-body{gap:var(--s3);padding:var(--s3)}.lab-stage{padding:var(--s4);gap:var(--s3);background:var(--surface);border:1px solid var(--brd);border-radius:var(--r-lg);box-shadow:var(--e2)}.lab-stage-head{gap:var(--s2);flex-wrap:wrap}.lab-kitname,.lab-kitname-input{font-family:var(--fd);font-weight:700;font-size:var(--t-lg);letter-spacing:0;text-transform:lowercase}.lab-btn{height:var(--target);padding:0 var(--s3);border-radius:var(--r-md);font-size:var(--t-xs);letter-spacing:.04em;background:transparent;border:1px solid var(--brd2);color:var(--tx)}.lab-btn:hover{border-color:var(--acc);color:var(--tx);background:var(--tint-acc)}.lab-btn.primary{background:var(--acc);border-color:var(--acc);color:var(--accink);font-weight:700}.lab-btn.send{background:var(--tint-acc);color:var(--acc);box-shadow:none}.lab-btn.send:hover{background:var(--acc);color:var(--accink)}.lab-btn.rec{background:var(--acc2);border-color:var(--acc2);color:var(--acc2ink);box-shadow:var(--glow-acc2)}.lab-tools{gap:var(--s1)}.lab-status{font-size:var(--t-xs);border-radius:var(--r-md);background:var(--sunk);box-shadow:var(--e-well);border-color:transparent}.lab-grid{gap:var(--s3)}.lab-pad{--tone: var(--acc);--tone-ink: var(--accink);align-items:stretch;justify-content:space-between;padding:var(--s2) var(--s3);gap:2px;border-radius:var(--r-lg);line-height:1.2;background:var(--surface-raised);border:1px solid var(--brd2);box-shadow:var(--e2);font-size:var(--t-sm);text-align:left;transition:background-color 90ms linear,border-color 90ms linear,transform var(--dur-1) var(--ease-out)}.lab-pad[data-tone=acc2]{--tone: var(--acc2);--tone-ink: var(--acc2ink)}.lab-pad[data-tone=acc3]{--tone: var(--acc3);--tone-ink: var(--acc3ink)}.lab-pad[data-tone=warn]{--tone: var(--warn);--tone-ink: var(--warnink)}.lab-pad.filled{background:var(--surface-raised);border-color:var(--brd2)}.lab-pad.filled:before{content:"";position:absolute;left:12px;right:12px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--tone)}.lab-pad:hover{transform:translateY(-2px);border-color:var(--acc)}.lab-pad:active{transform:scale(.97);box-shadow:var(--e-press)}.lab-pad.sel{border-color:var(--acc3);box-shadow:0 0 0 2px var(--acc3),var(--e2)}.lab-pad.lit{background:color-mix(in srgb,var(--tone) 85%,var(--panel));border-color:var(--tone);color:var(--tone-ink);box-shadow:0 0 calc(14px * var(--glow-k)) color-mix(in srgb,var(--tone) calc(45% * var(--glow-k)),transparent),var(--e2);animation:kr-beat var(--beat) var(--ease-out)}.lab-pad.filled{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:4px;grid-template-rows:auto minmax(0,1fr) auto}.lab-pad-name{font-weight:700;font-size:var(--t-sm)}.lab-pad.filled .lab-pad-name{grid-column:1;grid-row:1;font-size:var(--t-sm);max-width:100%}.lab-pad.filled .lab-pad-mark{position:static;grid-column:2;grid-row:1;justify-self:end}.lab-pad.filled .lab-pad-choke{position:static;grid-column:3;grid-row:1;justify-self:end}.lab-pad-env{display:flex;gap:2px;align-items:flex-end;height:100%;max-height:28px;min-height:0;align-self:end;overflow:hidden}.lab-pad.filled .lab-pad-env{grid-column:1 / -1;grid-row:2}.lab-pad-env i{flex:1;border-radius:1px;background:color-mix(in srgb,var(--tone) 55%,transparent)}.lab-pad.lit .lab-pad-env i{background:var(--tone-ink)}.lab-pad-index{position:absolute;left:var(--s3);bottom:var(--s3);font-size:var(--t-xs);color:var(--dim)}.lab-pad-key{top:auto;bottom:var(--s3);left:auto;right:var(--s3);padding:0 6px;border-radius:4px;border:1px solid currentColor;font-size:var(--t-xs);opacity:.8;color:var(--dim);text-transform:none}.lab-pad.filled .lab-pad-index{position:static;grid-column:1;grid-row:3}.lab-pad.filled .lab-pad-key{position:static;grid-column:2 / -1;grid-row:3;justify-self:end}.lab-pad.lit .lab-pad-key,.lab-pad.lit .lab-pad-index,.lab-pad.lit .lab-pad-mark,.lab-pad.lit .lab-pad-choke{color:var(--tone-ink);opacity:.8}.lab-pad-choke{font-size:var(--t-xs);padding:1px 6px;border-radius:4px;border:1px solid var(--brd2);color:var(--dim);opacity:1}.lab-pad-mark{font-size:var(--t-xs)}.lab-pad-empty{font-size:var(--t-xs);letter-spacing:var(--track-label);align-self:center}.lab-grid.x8 .lab-pad{padding:4px;border-radius:var(--r-sm);display:flex}.lab-grid.x8 .lab-pad-key{font-size:var(--t-xs)}.lab-body{display:grid;grid-template-columns:minmax(0,760px) minmax(380px,1fr);align-items:stretch}.lab-stage{min-height:0}.lab-side{min-width:0;display:flex;flex-direction:column;gap:var(--s3);min-height:0;overflow-y:auto}.lab-side .lab-panel{width:auto;flex:1 0 auto;overflow:visible;border:1px solid var(--brd);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--e2)}.lab-card{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);flex-shrink:0}.lab-card-head{display:flex;align-items:baseline;gap:var(--s3);min-width:0}.lab-card-title{background:none;border:none;padding:0;color:var(--tx);cursor:pointer}.lab-card-title:hover{color:var(--acc);border-color:transparent}.lab-scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2)}.lab-scene-slot{height:80px;padding:10px 12px;border-radius:var(--r-md);text-align:left;min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:baseline;background:var(--raised);border:1px solid var(--brd2);box-shadow:var(--e1);color:var(--tx);cursor:pointer}.lab-scene-slot .l{font-family:var(--fd);font-weight:800;font-size:var(--t-xl);line-height:1}.lab-scene-slot .tag{font-size:var(--t-xs);font-weight:700;letter-spacing:.1em;color:var(--acc)}.lab-scene-slot .sub{grid-column:1 / -1;font-size:var(--t-xs);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-scene-slot.live{background:var(--tint-acc);border-color:var(--acc);box-shadow:var(--glow-acc)}.lab-scene-slot.live .l{color:var(--acc)}.lab-scene-slot.next{border:1.5px dashed var(--acc);animation:kr-cue-in var(--beat) steps(2) infinite}.lab-scene-slot.empty{background:transparent;border:1px dashed var(--brd2);box-shadow:none;color:var(--dim)}.lab-song-strip{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);flex-wrap:wrap}.lab-song-strip .kr-label{padding:0 4px}.lab-song-chip,.lab-song-add{width:var(--target);height:var(--target);border-radius:var(--r-sm);display:grid;place-items:center;font-size:var(--t-sm);font-weight:700;background:var(--raised);color:var(--tx);box-shadow:var(--e1)}.lab-song-chip.on{background:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.lab-song-add{padding:0;border:1px dashed var(--brd2);background:transparent;color:var(--dim);box-shadow:none}.lab-arrange-title{font-family:var(--fd);font-weight:700;font-size:var(--t-lg);letter-spacing:0;text-transform:lowercase}.lab-arrange-note,.lab-note,.lab-strip-read,.lab-strip-slot,.lab-scene-bars{font-size:var(--t-xs)}.lab-scene{border-radius:var(--r-md);background:var(--raised);box-shadow:var(--e1)}.lab-scene.live{border-color:var(--acc);background:var(--tint-acc);box-shadow:var(--glow-acc)}.lab-scene.queued{border:1.5px dashed var(--acc);animation:kr-cue-in var(--beat) steps(2) infinite}.lab-strip{border-radius:var(--r-md);background:var(--raised);box-shadow:var(--e1)}.lab-strip.sel{border-color:var(--acc3)}.lab-chip{border-radius:var(--r-pill);font-size:var(--t-xs)}.lab-pads-head{display:flex;align-items:baseline;gap:var(--s3);min-width:0}.lab-stage{overflow-y:auto}.lab-machine-body{flex-shrink:0;align-items:flex-start}.lab-grid{flex:none;grid-auto-rows:auto;align-content:start}.lab-pad{aspect-ratio:1;min-height:0}.lab-grid.x8 .lab-pad{aspect-ratio:1}.lab-groups,.lab-modes{align-self:stretch}.lab-machine{min-height:auto}.lab-pads-sel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-pads-sel b{color:var(--acc3);font-weight:500}.lab-topbar{height:72px;flex-shrink:0;display:flex;align-items:center;gap:var(--s4);padding:0 var(--s4);background:var(--surface);border-bottom:1px solid var(--brd);box-shadow:var(--e1)}.lab-topbar .kr-icon+.kr-icon{margin-left:calc(var(--s2) - var(--s4))}.lab-topbar .spacer{flex:1}.lab-topbar .kr-lcd .mid{font-variant-numeric:tabular-nums}.lab-padcard .lab-panel{border:none;box-shadow:none;background:none;padding:0}.lab-padcard{flex:1 0 auto}.lab-busmix{display:flex;gap:var(--s2);min-height:280px}.lab-busstrip{flex:1;max-width:none;min-width:0;padding:var(--s3) var(--s2)}.lab-busstrip .band-fader-row{min-height:150px}.lab-busstrip .band-fader{width:32px}.lab-busstrip .band-head{justify-content:center}.lab-busstrip .band-name{overflow:visible}.lab-busknobs{display:flex;gap:2px;justify-content:center}.lab-busknobs .kr-knobcell{gap:0}.lab-busknobs .kr-knobcell .n,.lab-busknobs .kr-knobcell .v,.lab-busknobs .kr-knobcell .driven-n{display:none}.lab-busknobs{gap:var(--s1)}.lab-buscaption{display:flex;gap:4px;font-size:var(--t-xs);color:var(--dim);justify-content:center;white-space:nowrap}.lab-busknobs--blank{height:36px}.lab-busstrip .band-head .lab-buscount{display:none}.lab-busstrip .lab-chip{width:var(--target);height:var(--target);padding:0}@media (max-width: 1100px){.lab-body{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr)}}@media (max-width: 960px){.lab-body{display:flex;flex-direction:column;overflow-y:auto}.lab-stage{flex:none;overflow:visible}.lab-side{width:auto;overflow:visible}.lab-topbar{height:auto;flex-wrap:wrap;padding:var(--s3);gap:var(--s3)}.lab-topbar .spacer{display:none}}.jam-top{height:72px;gap:var(--s4);padding:0 var(--s4);background:var(--surface);box-shadow:var(--e1)}.jam-title{flex:0 0 auto;text-align:left;font-family:var(--fd);font-weight:800;font-size:var(--t-xl);letter-spacing:-.02em;text-transform:lowercase}.jam-mode{border:none;border-radius:var(--r-md);overflow:visible}.jam-top{overflow-x:auto;scrollbar-width:none}.jam-top-spacer{flex:1}.jam-family,.jam-mode{flex-shrink:0}.jam-top .jam-octave{flex-wrap:nowrap;gap:var(--s2);min-width:0}.jam-octave-ctl{display:flex;align-items:center;gap:4px;height:var(--target-lg);padding:4px;flex-shrink:0;border-radius:var(--r-md);background:var(--sunk);box-shadow:var(--e-well)}.jam-oct-btn{width:var(--target);height:var(--target);padding:0;border:none;border-radius:var(--r-sm);background:var(--raised);color:var(--tx);font-size:var(--t-md);cursor:pointer}.jam-oct-btn:disabled{color:var(--dim);cursor:default}.jam-oct-btn.beckon{color:var(--acc2);box-shadow:0 0 0 1px var(--acc2),var(--glow-acc2)}.jam-octave-ctl .jam-octave-val{display:flex;flex-direction:column;align-items:center;padding:0 var(--s3);background:none;border:none;min-width:0;font-variant-numeric:tabular-nums}.jam-octave-val b{font-size:var(--t-md);font-weight:700;line-height:1.1}.jam-top .jam-octave .hint{display:none}.jam-top .jam-octave .hint.cue{display:block;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-xs)}.jam-top-score{display:flex;flex-shrink:0}.jam-body{padding:var(--s3);gap:var(--s3)}.jam-instrument-picker,.jam-assist-panel,.jam-midi-panel,.jam-fx-rack,.jam-keyboard-hint,.jam-record-bar,.school-panel{padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--brd);border-radius:var(--r-lg);box-shadow:var(--e2)}.jam-instrument-picker .chip,.jam-row .chip{height:32px;padding:0 12px;border-radius:var(--r-pill);font-size:var(--t-xs)}.jam-btn{height:var(--target);padding:0 var(--s4);border-radius:var(--r-md);font-size:var(--t-xs);background:transparent}.jam-status,.jam-keyboard-hint p,.jam-keyboard-hint kbd{font-size:var(--t-xs)}.jam-piano-rows{display:flex;flex-direction:column;gap:var(--s2);flex-shrink:0}.jam-piano{height:196px;padding:0 var(--s4) var(--s3);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--brd);box-shadow:var(--e2)}.jam-key:not(.black){top:0;bottom:12px;height:auto;border:none;border-radius:0 0 10px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--tx) 92%,var(--dim)),var(--tx));box-shadow:inset 0 -6px color-mix(in srgb,var(--dim) 35%,transparent),var(--e1);transition:transform var(--dur-1) var(--ease-out),background 60ms linear}.jam-key.black{height:112px;border:1px solid var(--brd2);border-top:none;border-radius:0 0 8px 8px;background:linear-gradient(180deg,var(--sunk),var(--raised));box-shadow:var(--e2)}.jam-key-face{gap:4px;padding-bottom:12px;font-size:var(--t-xs)}.jam-key:not(.black) .jam-key-face{color:color-mix(in srgb,var(--bg) 70%,var(--dim))}.jam-key-name{opacity:1;font-size:var(--t-xs);font-weight:500}.jam-key.c .jam-key-name{color:var(--bg);font-weight:700;font-size:var(--t-sm)}.jam-key.c:not(.black) .jam-key-face:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc2);order:1}.jam-key.black .jam-key-name{display:block;color:var(--dim)}.jam-key:not(.black).lit{background:linear-gradient(180deg,var(--acc),color-mix(in srgb,var(--acc) 80%,var(--bg)));box-shadow:var(--glow-acc),inset 0 -2px #0000004d;transform:translateY(3px)}.jam-key:not(.black).lit .jam-key-face{color:var(--accink)}.jam-key.black.lit{background:linear-gradient(180deg,var(--acc),color-mix(in srgb,var(--acc) 70%,var(--bg)))}.jam-key.cue{outline:2px solid var(--acc2);outline-offset:-2px;box-shadow:var(--glow-acc2);animation:kr-cue calc(var(--beat) * 2) var(--ease-out) infinite}.jam-key:not(.black).cue{background:linear-gradient(180deg,var(--tx),var(--acc2))}.jam-key.cue .jam-key-name{color:var(--acc2ink)}.jam-key.black.cue .jam-key-name{color:var(--acc2)}.jam-key:not(.black).cue .jam-key-face:after{content:"play this next";position:absolute;bottom:44px;left:50%;transform:translate(-50%);white-space:nowrap;height:24px;padding:0 8px;border-radius:var(--r-pill);display:flex;align-items:center;background:var(--acc2);color:var(--acc2ink);font-size:var(--t-xs);font-weight:700;box-shadow:var(--glow-acc2);animation:kr-cue-in var(--beat) var(--ease-in-out) infinite}.jam-key.cue:not(.lit){animation:kr-cue calc(var(--beat) * 2) var(--ease-out) infinite}.jam-key:not(.black).cue.lit{background:linear-gradient(180deg,var(--acc),color-mix(in srgb,var(--acc) 80%,var(--bg)));transform:translateY(3px);animation:none}.jam-key.black.cue.lit{background:linear-gradient(180deg,var(--acc),color-mix(in srgb,var(--acc) 70%,var(--bg)));animation:none}.jam-key.cue.lit .jam-key-name{color:var(--accink)}.jam-room.names-off .jam-key:not(.c):not(.cue):not(.lit) .jam-key-name{visibility:hidden}.jam-room.names-off .jam-fret.names .jam-fret-cell:not(.cue):not(.lit) .jam-fret-note{display:none}.jam-fret{padding:var(--s3) var(--s4) var(--s4);border-radius:var(--r-lg);border:1px solid var(--brd);box-shadow:var(--e2);background:var(--surface)}.jam-fret-string{height:30px}.jam-fret-neck{position:relative}.jam-fret-inlays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.jam-fret-inlays>span{display:grid;place-items:center}.jam-fret-inlays i{width:10px;height:10px;border-radius:50%;background:var(--brd2)}.jam-fret-inlays i.double{box-shadow:0 30px 0 var(--brd2),0 -30px 0 var(--brd2);background:transparent}.jam-fret-string.top .jam-fret-string-name{color:var(--acc2)}.jam-fret.names .jam-fret-cell.c:not(.lit):not(.cue) .jam-fret-dot{background:color-mix(in srgb,var(--acc2) 18%,var(--sunk));opacity:1}.jam-fret.names .jam-fret-cell.c .jam-fret-note{color:var(--tx);font-weight:700}.jam-fret-nums{font-size:var(--t-xs)}.jam-fret-nums .inlay{color:var(--tx)}.jam-fret-string:first-of-type,.jam-fret-nums+.jam-fret-string{border-top-left-radius:var(--r-sm)}.jam-fret-string{background:linear-gradient(180deg,color-mix(in srgb,var(--warn) 8%,var(--raised)),var(--raised))}.jam-fret-string:before{width:4px;background:var(--dim);opacity:1}.jam-fret-wire{background:linear-gradient(180deg,var(--dim),var(--brd2));opacity:1}.jam-fret-cell{border-right:2px solid var(--brd2)}.jam-fret-note{font-size:var(--t-xs)}.jam-fret.names .jam-fret-dot{width:32px;height:22px;border-radius:var(--r-pill);background:var(--sunk);opacity:1}.jam-fret-cell.lit .jam-fret-dot,.jam-fret-cell.cue .jam-fret-dot{width:32px;height:22px;border-radius:var(--r-pill)}.jam-fret-cell.lit .jam-fret-dot{background:var(--acc);border-color:var(--acc);box-shadow:var(--glow-acc)}.jam-fret-cell.lit .jam-fret-note{color:var(--accink);font-weight:700}.jam-fret-cell.cue .jam-fret-dot{background:var(--acc2);border-color:var(--acc2);box-shadow:var(--glow-acc2);animation:kr-cue calc(var(--beat) * 2) var(--ease-out) infinite}.jam-fret-cell.cue .jam-fret-note{color:var(--acc2ink);font-weight:700}.jam-fret-string-name{font-size:var(--t-sm);color:var(--tx)}.jam-fret-names-btn{font-size:var(--t-xs);border-radius:var(--r-pill)}.play-panel{padding:0;gap:var(--s3);background:none;border:none;box-shadow:none}.play-head,.play-meters,.play-result{padding:0 var(--s2)}.play-blurb,.play-diff,.play-card,.play-card-note{font-size:var(--t-xs)}.play-diff{border-radius:var(--r-pill)}.play-diff.lit{color:var(--acc3ink)}.play-start{height:var(--target);border-radius:var(--r-md)}.play-start.lit{color:var(--warnink)}.play-card{border-radius:var(--r-md)}.play-card.lit{color:var(--accink)}.play-stage{height:292px;border:1px solid var(--brd);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--sunk),var(--panel));box-shadow:var(--e-well)}.play-lanebg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.play-lanebg>span{position:absolute;top:0;bottom:0;border-left:1px solid var(--brd)}.play-lanebg>span:first-child{border-left:none}.play-lanebg>span.c{background:color-mix(in srgb,var(--acc2) 5%,transparent)}.play-lanes{left:0;right:0}.play-strike{left:0;right:0;height:3px;background:var(--acc);box-shadow:var(--glow-acc),0 0 24px var(--acc);animation:kr-led var(--beat) var(--ease-out) infinite}.play-strike-label{position:absolute;left:var(--s4);z-index:2;margin:0;font-size:var(--t-xs);letter-spacing:var(--track-label);color:var(--acc)}.play-note{position:absolute;box-sizing:border-box;padding:0 0 6px;border:2px solid transparent;background-clip:padding-box;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:var(--r-md);font-size:var(--t-xs);font-weight:700;letter-spacing:0;background-color:color-mix(in srgb,var(--acc3) 75%,var(--panel));color:var(--acc3ink);box-shadow:var(--e1)}.play-note.black{background-color:color-mix(in srgb,var(--acc3) 55%,var(--sunk));color:var(--tx);z-index:1}.play-note.hi-row{background-color:color-mix(in srgb,var(--warn) 70%,var(--panel));color:var(--warnink)}.play-note.off{opacity:.7;border-style:dashed;border-color:var(--dim)}.play-note.next{background-color:var(--acc2);color:var(--acc2ink);box-shadow:var(--glow-acc2)}.play-note.hit,.play-note.perfect{background-color:color-mix(in srgb,var(--acc) 30%,transparent);color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.play-note.perfect{box-shadow:0 0 0 1px var(--acc),var(--glow-acc)}.play-note.miss{background-color:transparent;color:var(--warn);box-shadow:0 0 0 1px var(--warn);opacity:.45}.play-judge{position:absolute;z-index:3;width:0;display:flex;justify-content:center;pointer-events:none;white-space:nowrap;font-family:var(--fd);font-weight:800;font-size:var(--t-lg);color:var(--acc);text-shadow:var(--glow-acc);opacity:0}.play-judge.good{color:var(--acc3);text-shadow:var(--glow-acc3)}.play-judge.show{animation:play-judge .7s var(--ease-out)}@keyframes play-judge{0%{opacity:0;transform:translateY(12px)}20%{opacity:1;transform:none}70%{opacity:1}to{opacity:0}}.play-count{font-family:var(--fd);font-weight:800;font-size:var(--t-3xl)}.play-along{position:absolute;top:var(--s3);right:var(--s3);z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:10px 14px;border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--brd2);font-size:var(--t-sm)}.play-scoreboard{display:flex;gap:var(--s6);align-items:center}.play-readout{display:flex;flex-direction:column;align-items:flex-end}.play-readout b{font-size:var(--t-xl);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.play-mult.lit{color:var(--acc);text-shadow:var(--glow-acc)}.play-meters{font-size:var(--t-xs);gap:var(--s6);color:var(--dim)}.play-result{font-size:var(--t-sm)}.play-next-pill{align-self:center;height:var(--target);padding:0 var(--s4);border-radius:var(--r-pill);display:inline-flex;align-items:center;font-size:var(--t-xs);font-weight:700;background:var(--tint-acc2);color:var(--acc2);border:1px solid var(--acc2)}@media (max-width: 720px){.jam-top{height:auto;flex-wrap:wrap;padding:var(--s2) var(--s3);gap:var(--s2)}.jam-top{overflow:visible}.jam-title{display:block;font-size:var(--t-lg);order:0}.jam-top-spacer{order:1}.jam-top-score{order:2}.jam-top-score .kr-label{display:none}.jam-top-score .play-readout b{font-size:var(--t-lg)}.jam-family{order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.jam-mode{order:4;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.jam-mode>button,.jam-family>button{height:var(--target-lg)}.jam-top .jam-octave{order:5;width:100%}.jam-octave-ctl{flex:1;justify-content:space-between}.jam-names{order:6;flex:1}.jam-panic{order:7}.jam-piano{height:128px;padding:0 var(--s2) var(--s2)}.jam-key:not(.black){bottom:8px;border-radius:0 0 8px 8px}.jam-key.black{height:70px}.jam-key.black .jam-key-name{display:none}.jam-key:not(.black).cue .jam-key-face:after{display:none}.play-stage{height:250px}.play-along{display:none}}.radio-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;background:var(--bg)}.radio-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(50% 60% at 25% 45%,color-mix(in srgb,var(--acc2) 14%,transparent),transparent 70%),radial-gradient(40% 50% at 80% 30%,color-mix(in srgb,var(--acc3) 10%,transparent),transparent 70%)}.radio-room>:not(.radio-glow){position:relative}.kr-onair.off{color:var(--dim);border-color:var(--brd2)}.kr-onair.off .kr-led{animation:none;background:var(--dim)}.radio-main{flex:1;display:grid;grid-template-columns:440px minmax(0,1fr);gap:56px;align-items:center;padding:var(--s10) 96px var(--s6);max-width:1440px;width:100%;margin:0 auto}.radio-cover{position:relative;width:440px;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--brd2);box-shadow:var(--e3),var(--glow-acc2);background:radial-gradient(circle at var(--ax) var(--ay),var(--acc2),transparent 55%),radial-gradient(circle at var(--bx) var(--by),var(--acc3),transparent 50%),conic-gradient(from var(--ca) at 55% 50%,var(--acc),var(--acc2),var(--acc3),var(--acc))}.radio-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-radial-gradient(circle at 55% 50%,transparent 0 var(--ring),color-mix(in srgb,var(--bg) 40%,transparent) var(--ring) calc(var(--ring) + 2px))}.radio-cover.live{animation:kr-beat calc(var(--beat) * 2) var(--ease-out) infinite}.radio-cover-cat{position:absolute;left:24px;bottom:16px;font-size:var(--t-3xl);line-height:1;color:var(--bg);opacity:.8}.radio-eq{position:absolute;right:20px;bottom:24px;height:48px;display:flex;gap:4px;align-items:flex-end}.radio-eq i{width:6px;height:100%;border-radius:3px;background:var(--bg);transform-origin:bottom;transform:scaleY(.3)}.radio-cover.live .radio-eq i{animation:kr-eq .5s var(--ease-in-out) infinite}.radio-info{display:flex;flex-direction:column;gap:var(--s5);min-width:0}.radio-label{font-size:var(--t-xs);letter-spacing:var(--track-label);color:var(--acc2)}.radio-title{margin:0;font-family:var(--fd);font-weight:800;font-size:var(--t-3xl);line-height:1;letter-spacing:-.03em;overflow-wrap:anywhere}.radio-title span{color:var(--dim)}.radio-meta .kr-chip{height:32px;cursor:default}.radio-meta .kr-chip:hover{border-color:var(--brd2)}.radio-blurb{margin:0;font-size:var(--t-md);color:var(--dim);line-height:var(--lh-body);max-width:56ch}.radio-progress{display:flex;flex-direction:column;gap:var(--s2);max-width:720px;--p: 0}.radio-wave{display:flex;gap:3px;align-items:center;height:48px}.radio-wave i{flex:1;border-radius:2px;background:var(--brd2)}.radio-wave i{background:color-mix(in srgb,var(--acc2) calc(clamp(0,(var(--p) - var(--at)) * 10000,1)*100%),var(--brd2))}.radio-times{display:flex;justify-content:space-between;font-size:var(--t-xs);color:var(--dim);font-variant-numeric:tabular-nums}.radio-times>:first-child{color:var(--tx)}.radio-controls{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.radio-play{width:64px;height:64px;border-radius:50%;border:none;padding:0;flex-shrink:0;background:var(--acc);color:var(--accink);font-size:var(--t-lg);box-shadow:var(--glow-acc),var(--e2);transition:transform var(--dur-1) var(--ease-out)}.radio-play:hover:not(:disabled){transform:scale(1.05)}.radio-like span{color:var(--acc2)}.radio-like.on{border-color:var(--acc2)}.radio-link{display:flex;align-items:center;gap:var(--s3);height:var(--target-lg);padding:0 var(--s1) 0 14px;margin-left:var(--s4);min-width:0}.radio-link-url{font-size:var(--t-sm);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.radio-link-url b{color:var(--acc3);font-weight:400}.radio-share{height:var(--target);padding:0 14px;border-radius:var(--r-sm);border:none;flex-shrink:0;background:var(--acc3);color:var(--acc3ink);font:700 var(--t-xs) var(--fm);letter-spacing:.06em}.radio-note{font-size:var(--t-xs);color:var(--dim);line-height:var(--lh-body)}.radio-note i{font-style:normal;color:var(--acc3)}.radio-note .warn{color:var(--warn)}.radio-dial-panel{margin:0 var(--s6) var(--s6);padding:var(--s4) var(--s6);display:flex;flex-direction:column;gap:var(--s3);flex-shrink:0}.radio-dial-head{display:flex;align-items:baseline;gap:var(--s3)}.radio-dial{cursor:grab;touch-action:none;position:relative;height:120px;overflow:hidden;display:grid;grid-template-columns:repeat(var(--n),1fr)}.radio-dial.dragging{cursor:grabbing}.radio-dial:after{content:"";position:absolute;inset:auto 0 0;height:36px;pointer-events:none;background:repeating-linear-gradient(90deg,var(--brd2) 0 1px,transparent 1px 12px),repeating-linear-gradient(90deg,var(--dim) 0 2px,transparent 2px 60px);-webkit-mask-image:linear-gradient(0deg,#000 40%,transparent);mask-image:linear-gradient(0deg,#000 40%,transparent)}.radio-station{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px var(--s2) 0;background:none;border:none;border-radius:0;cursor:pointer;color:var(--dim);z-index:1}.radio-station:hover{border-color:transparent;color:var(--tx)}.radio-station-name{font-family:var(--fd);font-weight:800;font-size:var(--t-xl);letter-spacing:-.01em}.radio-station-blurb{font-size:var(--t-xs);color:var(--dim);text-align:center}.radio-station.on{color:var(--acc2)}.radio-station.on .radio-station-name{text-shadow:var(--glow-acc2)}.radio-needle{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;z-index:2;pointer-events:none;left:calc((var(--i) + .5) * 100% / var(--n));background:var(--acc2);box-shadow:var(--glow-acc2),0 0 20px var(--acc2);transition:left var(--dur-3) var(--ease-spring)}@media (max-width: 1100px){.radio-main{grid-template-columns:320px minmax(0,1fr);gap:var(--s8);padding:var(--s8) var(--s6) var(--s4)}.radio-cover{width:320px}}@media (max-width: 720px){.radio-main{grid-template-columns:1fr;gap:var(--s4);padding:var(--s2) var(--s5) 0}.radio-cover{width:100%}.radio-cover-cat{font-size:var(--t-2xl);left:16px;bottom:12px}.radio-title{font-size:var(--t-2xl)}.radio-meta .kr-chip:nth-child(n+4){display:none}.radio-wave{height:6px;gap:0;border-radius:var(--r-pill);overflow:hidden;background:var(--raised)}.radio-wave i{height:100%!important;border-radius:0}.radio-controls{justify-content:space-between}.radio-play{width:72px;height:72px;order:2}.radio-like{order:1;width:48px;height:48px;padding:0;border-radius:50%;font-size:0}.radio-like span{font-size:var(--t-md)}.radio-controls>.kr-btn:not(.radio-like){order:3;width:48px;height:48px;padding:0;border-radius:50%;font-size:0}.radio-controls>.kr-btn:not(.radio-like):before{content:"⤼";font-size:var(--t-md)}.radio-link{order:4;width:100%;margin-left:0;background:none;box-shadow:none;padding:0}.radio-link-url{display:none}.radio-share{width:100%;height:48px;border:1px solid var(--acc3);background:var(--tint-acc3);color:var(--acc3);font-size:var(--t-sm)}.radio-dial-panel{margin:var(--s4) var(--s5) var(--s6);padding:var(--s1);background:var(--sunk);border:none;box-shadow:var(--e-well);border-radius:var(--r-md)}.radio-dial-head,.radio-dial:after,.radio-needle,.radio-station-blurb{display:none}.radio-dial{height:auto;background:none;box-shadow:none;gap:var(--s1)}.radio-station{height:44px;padding:0;justify-content:center;border-radius:var(--r-sm)}.radio-station-name{font-family:var(--fm);font-size:var(--t-xs);font-weight:700;letter-spacing:.06em}.radio-station.on{background:var(--acc2);color:var(--acc2ink);box-shadow:var(--glow-acc2)}.radio-station.on .radio-station-name{text-shadow:none}}.market-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:var(--bg);overflow-x:hidden;overflow-y:auto}.market-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:var(--s4);padding:var(--s4);align-items:start;width:100%;max-width:1600px;margin:0 auto}.market-shelf{display:flex;flex-direction:column;gap:var(--s4);min-width:0}.market-search-well{height:56px;display:flex;align-items:center;gap:var(--s3);padding:0 var(--s4);border-radius:var(--r-lg);background:var(--sunk);box-shadow:var(--e-well);border:1px solid var(--acc);transition:box-shadow var(--dur-1) var(--ease-out)}.market-search-well:focus-within{box-shadow:var(--e-well),var(--glow-acc)}.market-search-glyph{color:var(--acc);font-size:var(--t-lg)}.market-search-well .market-search{flex:1;min-width:0;height:100%;padding:0;border:none;background:none;box-shadow:none;font-size:var(--t-lg);color:var(--tx)}.market-search:focus,.market-search:focus-visible{outline:none;border:none}.market-slash{font-size:var(--t-xs);color:var(--dim);padding:4px 8px;border-radius:4px;border:1px solid var(--brd2);background:none}.market-bar{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;justify-content:flex-start;margin:0;width:100%}.market-room .note{margin:0;color:var(--dim);font-size:var(--t-xs);line-height:var(--lh-body);text-align:left}.market-room .note i{font-style:normal;color:var(--acc3)}.market-room .note.warn-note{color:var(--warn)}.market-room .note.forge-readas{color:var(--tx)}.market-rule{width:1px;height:24px;background:var(--brd2);margin:0 var(--s1)}.market-cats{justify-content:flex-start;gap:var(--s2)}.market-sort{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:var(--t-xs);color:var(--dim);position:relative;flex-shrink:0;white-space:nowrap}.market-sort select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0 14px 0 0;color:var(--tx);font:var(--t-xs) var(--fm);cursor:pointer;height:var(--target)}.market-sort>span{position:absolute;right:0;pointer-events:none}.market-count{font-size:var(--t-xs);color:var(--dim);opacity:1}.market-facets{gap:var(--s4)}.market-facet-label{font-size:var(--t-xs);letter-spacing:var(--track-label)}.market-heading{display:flex;align-items:baseline;gap:var(--s3)}.market-heading .kr-display{font-size:var(--t-xl)}.market-section{font-family:var(--fd);font-weight:800;font-size:var(--t-xl);letter-spacing:-.02em}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3);width:100%}.market-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--s2);min-width:0;text-align:left;padding:var(--s3);border-radius:var(--r-lg);cursor:pointer;background:var(--surface-raised);border:1px solid var(--brd2);box-shadow:var(--e2);transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.market-card:hover{transform:translateY(-3px);border-color:var(--acc)}.market-card.on{border-color:var(--acc);box-shadow:var(--glow-acc),var(--e2)}.market-art{position:relative;height:96px;border-radius:var(--r-md);box-shadow:var(--e0);background:radial-gradient(circle at 30% 40%,var(--acc2),transparent 60%),radial-gradient(circle at 80% 70%,var(--acc3),transparent 55%),var(--sunk)}.market-art[data-seed="1"]{background:repeating-linear-gradient(90deg,var(--acc3) 0 6px,transparent 6px 14px),var(--sunk)}.market-art[data-seed="2"]{background:conic-gradient(from 90deg,var(--acc),var(--acc3),var(--acc))}.market-art[data-seed="3"]{background:repeating-radial-gradient(circle at 50% 50%,var(--warn) 0 2px,transparent 2px 10px),var(--sunk)}.market-art .market-glyph{position:absolute;top:8px;left:8px;font-size:var(--t-md);color:var(--bg)}.market-kind-row{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--t-xs);letter-spacing:.1em}.market-kind{font-size:var(--t-xs);letter-spacing:.1em;color:var(--acc3)}.market-card.sample .market-kind{color:var(--acc2)}.market-card.track .market-kind{color:var(--acc)}.market-card.art .market-kind{color:var(--warn)}.market-match{color:var(--dim)}.market-name{font-family:var(--fd);font-weight:700;font-size:var(--t-lg);line-height:1.15}.market-seed,.market-stale{font-size:var(--t-xs)}.market-actions{gap:6px;margin-top:auto}.market-actions .kr-chip{border-radius:var(--r-sm);letter-spacing:0;padding:0 12px}.market-actions .kr-chip.on{color:var(--acc2);border-color:var(--acc2);background:var(--tint-acc2)}.market-actions .kr-chip:disabled{color:var(--dim);cursor:default}.market-card.forged{background:color-mix(in srgb,var(--panel) 50%,transparent);border:1.5px dashed var(--brd2);box-shadow:none;cursor:default}.market-card.forged:hover{transform:none;border-color:var(--acc2)}.market-card.forged .market-kind{color:var(--acc2);font-weight:700}.market-card.forged .market-glyph{font-size:var(--t-xs);color:var(--dim);position:absolute;top:var(--s3);right:var(--s3)}.market-card.forged .market-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.market-card.forged .market-actions .kr-chip{background:transparent;justify-content:center}.market-card.forged.playing{border-color:var(--acc2)}.market-card.forged .market-actions .kr-chip.hear.on{background:var(--acc2);border-color:var(--acc2);color:var(--acc2ink);font-weight:700}.forged-row{margin-top:var(--s1);display:flex;flex-direction:column;gap:var(--s3)}.market-forge-col{position:sticky;top:var(--s4);display:flex;flex-direction:column;gap:var(--s3);min-width:0}.forge{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);width:100%;max-width:none;background:var(--surface);border:1px solid var(--brd);border-radius:var(--r-lg);box-shadow:var(--e2)}.forge-head{display:flex;align-items:center;gap:var(--s3)}.forge-glyph{font-size:var(--t-lg);color:var(--acc2)}.forge-title{font-size:var(--t-xl)}.forge-head .kr-nav-status{margin-left:auto}.forge-bar{position:relative;display:block}.forge-input,.forge-mirror{display:block;width:100%;min-height:112px;padding:14px;border-radius:var(--r-md);font:400 var(--t-md)/1.55 var(--fm);letter-spacing:0;white-space:pre-wrap;overflow:hidden}.forge-input{position:relative;resize:none;field-sizing:content;background:var(--sunk);box-shadow:var(--e-well);border:1px solid var(--brd2);color:var(--tx);vertical-align:top;text-align:left}.forge-input:focus{outline:none;border-color:var(--acc)}.forge-mirror{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;color:transparent;border:1px solid transparent}.forge-mirror u{text-decoration:underline wavy var(--warn);text-underline-offset:4px}.forge-legend{display:flex;gap:var(--s4);font-size:var(--t-xs);color:var(--dim)}.forge-legend span{display:flex;align-items:center;gap:6px}.forge-legend i{width:12px;height:12px;border-radius:var(--r-pill)}.forge-legend i.heard{background:var(--tint-acc3);border:1px solid var(--acc3)}.forge-legend i.guessed{border:1px dashed var(--dim)}.forge-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.forge-chip{height:var(--target);padding:0 4px 0 12px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);border:1px dashed var(--dim);background:transparent;color:var(--dim);opacity:1}.forge-chip.read{border:1px solid var(--acc3);background:var(--tint-acc3);color:var(--acc3)}.forge-chip.guessed{opacity:1}.forge-chip-label{font-size:var(--t-xs);letter-spacing:0;text-transform:none;color:inherit}.forge-chip-value,.forge-chip-select{height:28px;padding:0 10px;border-radius:var(--r-pill);border:none;background:var(--raised);color:var(--tx);font:700 var(--t-xs) var(--fm)}.forge-chip.read .forge-chip-value{color:var(--tx)}.forge-readas{margin:0;padding:10px 12px;border-radius:var(--r-md);background:var(--tint-warn);color:var(--tx);font-size:var(--t-xs);line-height:var(--lh-body)}.forge-readas i{color:var(--warn)}.forge-unknown,.forge-message,.forge-where{margin:0;font-size:var(--t-xs);line-height:var(--lh-body);color:var(--dim)}.forge-unknown i{color:var(--tx)}.forge-examples,.forge-size{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.forge-examples .chip,.forge-size .chip{height:32px;border-radius:var(--r-pill);font-size:var(--t-xs)}.forge-hint{font-size:var(--t-xs);color:var(--dim)}.forge-progress{padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2)}.forge-progress-row{display:flex;justify-content:space-between}.forge-progress-pct{font-size:var(--t-xs);color:var(--acc);font-variant-numeric:tabular-nums}.forge-progress-bar{height:6px;border-radius:var(--r-pill);background:var(--raised);overflow:hidden}.forge-progress-bar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);will-change:transform;background:var(--acc);box-shadow:var(--glow-acc);transition:transform var(--dur-3) var(--ease-out)}.forge-progress-label{font-size:var(--t-xs);color:var(--dim)}.forge-actions{display:flex;gap:var(--s2)}.forge-go{flex:1}.forge-made{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--brd2);box-shadow:var(--e1)}.forge-made-name{font-family:var(--fd);font-weight:700;font-size:var(--t-lg)}.forge-made-len{font-size:var(--t-xs);color:var(--dim)}.forge-made-actions{display:flex;flex-wrap:wrap;gap:6px}.forge-made-actions .chip{height:var(--target);border-radius:var(--r-sm);font-size:var(--t-xs)}.forge-preview{max-width:100%;height:auto;border-radius:var(--r-md)}@media (max-width: 1100px){.market-main{grid-template-columns:minmax(0,1fr) 360px}}@media (max-width: 720px){.market-main{grid-template-columns:1fr;padding:var(--s3) var(--s5) 0;gap:var(--s3)}.market-search-well{height:48px;border-radius:var(--r-md)}.market-search{font-size:var(--t-md)}.market-slash{display:none}.market-bar,.market-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--s5) * -1);padding:0 var(--s5)}.market-cats .kr-chip{flex-shrink:0}.market-bar>.market-cats{flex-shrink:0;overflow:visible;margin:0;padding:0}.market-bar>.market-sort{margin-left:var(--s2)}.market-facets{display:none}.market-grid{grid-template-columns:1fr 1fr;gap:var(--s2)}.market-card{padding:10px;gap:6px;box-shadow:var(--e1)}.market-art{height:72px}.market-name{font-size:var(--t-md)}.market-seed,.market-card:not(.forged) .market-actions{display:none}.forged-row .market-grid{grid-template-columns:1fr}.market-card.forged .market-actions{grid-template-columns:repeat(4,1fr)}.market-card.forged .market-actions .kr-chip{height:44px;padding:0 4px}.market-forge-col{position:sticky;top:auto;bottom:0;z-index:5;margin:var(--s4) calc(var(--s5) * -1) 0;max-height:48vh;overflow-y:auto;border-radius:24px 24px 0 0}.forge-examples{display:none}.forge{margin:0;border-radius:24px 24px 0 0;padding:10px 20px 24px;gap:10px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:none;border-top:1px solid var(--brd2);box-shadow:var(--e3)}.forge:before{content:"";align-self:center;width:40px;height:4px;border-radius:2px;background:var(--brd2)}.forge-head .kr-nav-status,.forge-legend{display:none}.forge-title{font-size:var(--t-lg)}.forge-input,.forge-mirror{min-height:64px;font-size:var(--t-sm)}.forge-go{height:48px}}