*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020e1a;min-height:100%;margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}#root{min-height:100vh}button{font-family:inherit}a{color:inherit}:root{--bg:#020e1a;--surface:#001428;--surface2:#001e3c;--border:#0a3a5533;--text:#fff;--text-dim:#7ab8d4;--accent:#00d4ff;--accent-dim:#00d4ff26;--hot:#ff8a8a;--warm:#ffbb00;--cool:#00d4ff;--green:#00ff88;--radius:4px;--radius-sm:2px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.app{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:40px}.splash{background:radial-gradient(ellipse at 50% 40%, #00d4ff0f, transparent 70%), var(--bg);overscroll-behavior:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.splash-content{text-align:center;padding:2rem}.mic-mascot{filter:drop-shadow(0 8px 24px #00d4ff40);width:140px;height:140px;margin:0 auto 1.25rem;animation:3s ease-in-out infinite pulse-glow;display:block}.splash-sub{justify-content:center;gap:1.25rem;margin-top:1rem;display:flex}.link-dock{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2.5rem;display:flex}.link-dock-item{color:var(--text-dim);letter-spacing:.18em;border:1px solid #ffffff14;border-radius:999px;padding:.5rem .85rem;font-size:.7rem;text-decoration:none;transition:border-color .2s,color .2s}.link-dock-item:hover{color:var(--text);border-color:#ffffff38}.booth-dock{opacity:.7;margin:2rem 0 1rem}.count-in-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.75rem 0;display:flex}.count-chip{color:var(--text-dim);letter-spacing:.15em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:.5rem .9rem;font-size:.72rem;transition:all .2s}.count-chip.on{color:var(--text);background:#00d4ff1f;border-color:#00d4ff73}.count-chip.on.warn{color:#ffbb00;background:#ffbb0014;border-color:#ffbb0073}.count-bpm{flex:1;align-items:center;gap:.5rem;min-width:140px;display:flex}.count-bpm label{letter-spacing:.15em;color:var(--text-dim);font-size:.65rem}.count-bpm input{flex:1}.count-bpm .slider-val{text-align:right;font-variant-numeric:tabular-nums;min-width:2.2rem;color:var(--text);font-size:.8rem}.rec-pending{color:#ffbb00!important;background:#ffbb002e!important;border-color:#ffbb0073!important}.take-del{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50%;width:28px;height:28px;margin-left:.35rem;font-size:1rem}.take-del:hover{color:#ff8a8a;border-color:#ff8a8a73}.paul-overlay{justify-content:center;align-items:center}.paul-panel{width:calc(100% - 2rem);max-width:520px!important}.paul-vibes{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.paul-topic{width:100%;color:var(--text);background:#00000059;border:1px solid #ffffff1a;border-radius:12px;padding:.7rem .9rem;font-family:inherit;font-size:.9rem}.paul-topic:focus{border-color:#00d4ff8c;outline:none}.paul-actions{align-items:center;gap:1rem;margin:1rem 0;display:flex}.paul-error{color:#ff8a8a;margin-top:.5rem;font-size:.85rem}.paul-output{white-space:pre-wrap;word-break:break-word;color:var(--text);background:#00000059;border:1px solid #ffffff0f;border-radius:12px;max-height:40vh;margin:0;padding:1rem;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.92rem;line-height:1.55;overflow-y:auto}.logo-icon{margin-bottom:1.5rem;animation:3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px #00d4ff4d)}50%{filter:drop-shadow(0 0 20px #00d4ff99)}}.logo-text{letter-spacing:.3em;color:var(--text);font-size:2rem;font-weight:300;line-height:1.3}.logo-accent{letter-spacing:.15em;background:linear-gradient(135deg, var(--accent), #7eecff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700}.tagline{color:var(--text-dim);letter-spacing:.1em;margin:1rem 0 2rem;font-size:.9rem}.init-btn{background:linear-gradient(135deg, var(--accent), #00d4ff);color:#fff;letter-spacing:.15em;cursor:pointer;border:none;border-radius:50px;padding:16px 48px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 24px #00d4ff4d}.init-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00d4ff66}.hint{color:var(--text-dim);letter-spacing:.05em;margin-top:1.5rem;font-size:.75rem}.booth{padding:0 16px 100px}.booth-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 0;display:flex}.booth-logo{letter-spacing:.25em;color:var(--text-dim);font-size:.9rem;font-weight:300}.booth-logo .accent{color:var(--accent);font-weight:700}.booth-status{align-items:center;gap:8px;display:flex}.rec-dot{background:var(--hot);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.timer{color:var(--text-dim);letter-spacing:.1em;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.85rem}.meter-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px;padding:16px}.spectrum{border-radius:var(--radius-sm);width:100%;height:100px;display:block}.meter-row{gap:8px;margin-top:8px;display:flex}.level-meter{flex:1;gap:2px;height:6px;display:flex}.meter-bar{background:var(--surface2);border-radius:1px;flex:1;transition:background 50ms}.meter-bar.cool{background:var(--cool)}.meter-bar.warm{background:var(--warm)}.meter-bar.hot{background:var(--hot)}.section{margin-bottom:16px}.section-label{letter-spacing:.2em;color:var(--accent);text-transform:uppercase;text-align:center;margin-bottom:10px;font-size:.85rem;font-weight:700}.preset-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px;display:flex}.pill-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pill{background:var(--surface);border:1px solid var(--border);color:var(--text);letter-spacing:.1em;cursor:pointer;border-radius:50px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.pill:hover{border-color:var(--accent);color:var(--text)}.pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.pill.small{padding:6px 12px;font-size:.65rem}.eng-pill{border-color:var(--accent);color:var(--accent);letter-spacing:.15em;background:#00d4ff1a;font-size:.75rem}.mic-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:12px;transition:all .2s;display:flex}.mic-card:last-child:nth-child(odd){grid-column:1/-1}.mic-card:hover{border-color:var(--accent)}.mic-card.active{background:var(--accent-dim);border-color:var(--accent)}.mic-name{color:var(--text);font-size:1rem;font-weight:700}.mic-card.active .mic-name{color:var(--accent)}.mic-desc{color:var(--text-dim);font-size:.8rem}.settings-label{letter-spacing:.1em;color:var(--text-dim);margin:12px 0 6px;font-size:.75rem;font-weight:700}.settings-label:first-child{margin-top:0}.preset-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.preset-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;color:var(--text-dim);padding:8px 4px;font-size:.7rem;font-weight:700;transition:all .2s}.preset-card:hover{border-color:var(--accent)}.preset-card.active{background:var(--accent-dim);border-color:var(--accent)}.preset-name{color:var(--text);font-size:.8rem;font-weight:700}.preset-card.active .preset-name{color:var(--accent)}.preset-desc{color:var(--text-dim);font-size:.6rem;line-height:1.2}.fx-row-settings{justify-content:center;gap:6px;display:flex}.fx-btn{border-radius:var(--radius-sm);letter-spacing:.06em;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);flex:1;padding:10px 4px;font-size:.7rem;font-weight:700;transition:all .2s}.fx-btn.active{color:#7eecff;background:#7eecff33;border-color:#7eecff}.active-preset-tag{text-align:center;letter-spacing:.1em;color:var(--accent);opacity:.7;padding:4px 0;font-size:.7rem;font-weight:700}.voice-cmd-btn{border:1px solid var(--accent);border-radius:var(--radius-sm);width:100%;color:var(--accent);letter-spacing:.15em;cursor:pointer;background:linear-gradient(135deg,#00d4ff33,#00d4ff33);margin-bottom:8px;padding:14px;font-size:.8rem;font-weight:700;transition:all .3s}.voice-cmd-btn:hover{background:linear-gradient(135deg,#00d4ff4d,#00d4ff4d)}.voice-cmd-btn.listening{border-color:var(--hot);color:var(--hot);background:#ff8a8a33;animation:1.5s ease-in-out infinite pulse-rec}.beat-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.beat-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.beat-item:hover{border-color:var(--accent)}.beat-item.active{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 12px #00d4ff33}.beat-item .beat-name{color:var(--text);font-size:1rem;font-weight:700}.beat-item.active .beat-name{color:var(--accent)}.beat-item .beat-style{color:var(--text-dim);font-size:.8rem}.transport{gap:6px;margin-bottom:12px;display:flex}.transport-btn{border-radius:var(--radius-sm);letter-spacing:.08em;cursor:pointer;border:2px solid var(--border);background:var(--surface);color:var(--text);flex:1;padding:14px 8px;font-size:1rem;font-weight:700;transition:all .2s}.transport-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.transport-btn.mic-on{border-color:var(--green);color:var(--green);background:#00ff8833}.transport-btn.mic-beat{border-color:var(--accent);color:var(--accent);background:#00d4ff26;font-size:.85rem}.transport-btn.mic-off{border-color:var(--hot);color:var(--hot);background:#ff8a8a1a}.transport-btn.playing{border-color:var(--green);color:var(--green);background:#00ff8826}.transport-btn.rec-active{background:var(--hot);color:#fff;animation:1.5s ease-in-out infinite pulse-rec}.transport-btn.rec-idle{border-color:var(--hot);color:var(--hot);background:#ff8a8a1a}.transport-btn.ab-proc{background:var(--surface);border-color:var(--border);color:var(--text-dim);font-size:.85rem}.transport-btn.ab-raw{border-color:var(--warm);color:var(--warm);background:#ffbb0033;font-size:.85rem}.ext-mic-tag{color:var(--green);text-overflow:ellipsis;white-space:nowrap;background:#00ff881a;border-radius:4px;max-width:120px;padding:2px 6px;font-size:.6rem;font-weight:600;overflow:hidden}.bypass-tag{color:var(--warm);letter-spacing:.1em;background:#ffbb0026;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700}.mic-device-list{flex-direction:column;gap:4px;display:flex}.mic-device-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-dim);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;font-size:.75rem;font-weight:600;overflow:hidden}.mic-device-btn.active{border-color:var(--green);color:var(--green);background:#00ff8826}.slider-hint{color:var(--text-dim);margin-top:2px;font-size:.7rem;display:block}.latency-slider{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.status-bar{justify-content:center;gap:16px;margin-bottom:8px;padding:8px;display:flex}.rec-timer{color:var(--hot);font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700}.quick-mix{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:16px;padding:14px 16px;display:flex}.mix-slider{flex-direction:column;flex:1;gap:6px;display:flex}.mix-slider label{letter-spacing:.15em;color:var(--accent);font-size:.9rem;font-weight:700}.mix-slider input[type=range]{appearance:none;background:var(--surface2);border-radius:3px;outline:none;width:100%;height:6px}.mix-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 0 10px #00d4ff80}.mix-slider input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 0 10px #00d4ff80}.now-playing{color:var(--accent);letter-spacing:.05em;justify-content:center;align-items:center;gap:16px;padding:8px 16px;font-size:.8rem;display:flex}.np-btn{background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;padding:4px 16px;font-size:.75rem;font-weight:700}.controls-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);letter-spacing:.15em;cursor:pointer;margin-bottom:12px;padding:14px;font-size:.85rem;font-weight:700;transition:all .2s}.controls-toggle:hover{border-color:var(--accent);color:var(--accent)}.mix-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;animation:.2s ease-out slideDown}.toggle-row{flex-direction:column;gap:10px;margin-top:12px;display:flex}.toggle-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dim);letter-spacing:.15em;cursor:pointer;background:0 0;padding:12px;font-size:.85rem;font-weight:700;transition:all .2s}.toggle-btn.on{border-color:var(--green);color:var(--green);background:#00ff8826}.monitor-pills{flex-wrap:wrap;gap:6px;display:flex}.beat-row{gap:8px;display:flex}.beat-load{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-sm);letter-spacing:.1em;width:100%;color:var(--text-dim);cursor:pointer;text-align:center;padding:14px 16px;font-size:.75rem;font-weight:600;transition:all .2s;display:block}.beat-load:hover{border-color:var(--accent);color:var(--accent)}.beat-play{background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);letter-spacing:.1em;cursor:pointer;padding:12px 24px;font-size:.75rem;font-weight:700;transition:all .2s}.beat-play.playing{border-color:var(--hot);color:var(--hot);background:#ff8a8a26}.sliders{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr 1fr;gap:12px;padding:16px;display:grid}.slider-item{flex-direction:column;gap:6px;display:flex}.slider-item label{letter-spacing:.15em;color:var(--text);font-size:.8rem;font-weight:700}.slider-item input[type=range]{appearance:none;background:var(--surface2);border-radius:2px;outline:none;width:100%;height:4px}.slider-item input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #00d4ff66}.slider-item input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #00d4ff66}.monitor-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dim);letter-spacing:.15em;cursor:pointer;background:0 0;margin-bottom:12px;padding:10px;font-size:.65rem;font-weight:600;transition:all .2s}.monitor-toggle:hover{border-color:var(--accent);color:var(--text)}.monitor-section{animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-rec{0%,to{box-shadow:0 0 #ff8a8a66}50%{box-shadow:0 0 12px #ff8a8acc}}.takes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.take{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.take:last-child{border-bottom:none}.take-info{flex-direction:column;gap:2px;display:flex}.take-time{color:var(--text);font-size:.9rem;font-weight:700}.take-meta{color:var(--text-dim);font-size:.75rem}.take-controls{gap:6px;display:flex}.take-play{letter-spacing:.1em;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:50px;padding:8px 14px;font-size:.75rem;font-weight:700}.take audio{display:none}.take-btn{letter-spacing:.1em;border-radius:50px;padding:6px 12px;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .2s}.take-btn.wet{background:var(--accent-dim);color:var(--accent)}.take-btn.dry{color:var(--green);background:#00ff8826}.take-btn:hover{opacity:.8}.booth-footer{text-align:center;color:var(--text-dim);letter-spacing:.3em;padding:24px 0;font-size:.6rem;font-weight:300}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.gear-link{color:var(--text-dim);letter-spacing:.15em;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;margin:1.5rem auto 0;font-size:.75rem;font-weight:600;text-decoration:underline;transition:color .2s;display:block}.gear-link:hover{color:var(--accent)}.gear-btn-booth{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--accent);letter-spacing:.12em;cursor:pointer;background:#00d4ff14;margin-bottom:12px;padding:10px;font-size:.75rem;font-weight:700;transition:all .2s}.gear-btn-booth:hover{border-color:var(--accent)}.eng-overlay{z-index:100;-webkit-overflow-scrolling:touch;background:#000000eb;justify-content:center;align-items:flex-start;padding:20px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.eng-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;padding:20px;animation:.25s ease-out slideDown}.eng-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.eng-title{letter-spacing:.2em;color:var(--accent);font-size:1.1rem;font-weight:700}.eng-artist{color:var(--text-dim);letter-spacing:.05em;margin-top:2px;font-size:.75rem}.eng-close{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);letter-spacing:.1em;cursor:pointer;background:0 0;flex-shrink:0;padding:6px 14px;font-size:.7rem;font-weight:700;transition:all .2s}.eng-close:hover{border-color:var(--hot);color:var(--hot)}.eng-vibe{color:var(--warm);letter-spacing:.05em;border-radius:var(--radius-sm);border-left:3px solid var(--warm);background:#ffbb0014;margin-bottom:20px;padding:6px 10px;font-size:.8rem;font-weight:600}.chain-flow{flex-direction:column;gap:0;display:flex}.chain-node{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;transition:border-color .2s}.chain-node:hover{border-color:var(--accent)}.chain-mic{border-left:3px solid var(--green)}.chain-preamp{border-left:3px solid var(--warm)}.chain-fx{border-left:3px solid var(--accent)}.chain-stage{letter-spacing:.2em;color:var(--text-dim);margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.chain-mic .chain-stage{color:var(--green)}.chain-preamp .chain-stage{color:var(--warm)}.chain-fx .chain-stage{color:var(--accent)}.chain-device{color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:700;display:block}.chain-setting{color:var(--text);margin-bottom:2px;font-size:.8rem;font-weight:600;display:block}.chain-meta{color:var(--text-dim);margin-bottom:4px;font-size:.7rem;display:block}.chain-note{color:var(--text-dim);margin:0;font-size:.72rem;line-height:1.4}.chain-arrow{background:linear-gradient(to bottom, var(--border), var(--accent));width:2px;height:16px;margin:0 auto;position:relative}.chain-arrow:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--accent);width:0;height:0;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.eng-switch{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.eng-switch-label{letter-spacing:.15em;color:var(--text-dim);margin-bottom:8px;font-size:.7rem;font-weight:700}.eng-switch-row{flex-wrap:wrap;gap:6px;display:flex}.eng-switch-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);letter-spacing:.08em;cursor:pointer;border-radius:50px;padding:8px 14px;font-size:.7rem;font-weight:700;transition:all .2s}.eng-switch-btn:hover{border-color:var(--accent);color:var(--accent)}.slider-val{color:var(--text-dim);font-size:.7rem;font-weight:400}@media (width<=400px){.mic-grid,.sliders{grid-template-columns:1fr}.pill{padding:6px 12px;font-size:.7rem}}
/* === TIER-UP OVERRIDES 2026-05-31 — premium surfaces, kill default pills, 11px floor === */
:root{--surf-g:linear-gradient(180deg,#001428 0,#001020 100%);--surf-g2:linear-gradient(180deg,#002040 0,#001020 100%);--bd-hi:#ffffff14;--bd-lo:#ffffff08;--ax-edge:#00d4ff5c;--ax-glow:0 10px 26px -18px #00d4ff99}
.booth-footer{font-size:.7rem;letter-spacing:.28em}
.preset-desc,.ext-mic-tag,.eng-vibe{font-size:.72rem}
.chain-stage,.chain-meta,.chain-note,.slider-hint,.slider-val,.eng-switch-btn,.eng-close,.bypass-tag,.eng-artist,.fx-btn,.beat-load,.take-btn,.take-meta,.preset-card,.preset-name{font-size:.72rem!important}
.count-bpm label,.count-chip{font-size:.72rem;letter-spacing:.14em}
.monitor-toggle,.mic-device-btn,.toggle-btn,.controls-toggle{font-size:.74rem}
.link-dock-item,.hint,.tagline,.timer{font-size:.74rem}
.section-label{font-size:.78rem;letter-spacing:.22em}
.pill{background:var(--surf-g);border:1px solid var(--bd-hi);box-shadow:inset 0 1px 0 #ffffff08;letter-spacing:.14em;border-radius:14px;padding:11px 18px;font-size:.84rem;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s}
.pill:hover{background:var(--surf-g2);border-color:#ffffff24;color:var(--text)}
.pill:active{transform:translateY(1px)}
.pill.active{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border-color:var(--ax-edge);color:var(--accent);box-shadow:inset 0 1px 0 #00d4ff33,var(--ax-glow)}
.pill.small{font-size:.72rem;padding:8px 14px;letter-spacing:.12em}
.eng-pill{background:linear-gradient(180deg,#00d4ff1a,#00d4ff06);border-color:var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff1f}
.mic-card{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:12px;padding:14px;box-shadow:inset 0 1px 0 #ffffff06;transition:border-color .15s,background .15s,box-shadow .15s}
.mic-card:hover{background:var(--surf-g2);border-color:#ffffff20}
.mic-card.active{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border-color:var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33,var(--ax-glow)}
.preset-card{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:10px;padding:10px 6px;transition:border-color .15s,background .15s}
.preset-card:hover{border-color:#ffffff20}
.preset-card.active{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border-color:var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33}
.fx-btn{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:10px;letter-spacing:.08em;transition:border-color .15s,background .15s}
.fx-btn:hover{border-color:#ffffff20}
.fx-btn.active{background:linear-gradient(180deg,#7eecff33,#7eecff0a);border-color:#7eecff99;box-shadow:inset 0 1px 0 #7eecff33}
.beat-item{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:12px;padding:14px 18px;box-shadow:inset 0 1px 0 #ffffff06;transition:border-color .15s,background .15s,box-shadow .15s}
.beat-item:hover{background:var(--surf-g2);border-color:#ffffff20}
.beat-item.active{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border-color:var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33,var(--ax-glow)}
.transport-btn{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff08;letter-spacing:.1em;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s}
.transport-btn:active{transform:translateY(1px)}
.transport-btn.active{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border-color:var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33,var(--ax-glow)}
.transport-btn.mic-on{background:linear-gradient(180deg,#00ff8826,#00ff8808);border-color:#00ff8866;box-shadow:inset 0 1px 0 #00ff8833}
.transport-btn.rec-idle{background:linear-gradient(180deg,#ff8a8a1a,#ff8a8a08);border-color:#ff8a8a66;box-shadow:inset 0 1px 0 #ff8a8a33}
.transport-btn.rec-active{background:linear-gradient(180deg,#ff8a8a,#ff4444);box-shadow:inset 0 1px 0 #ffffff33,0 0 36px -6px #ff8a8acc}
.transport-btn.playing{background:linear-gradient(180deg,#00ff8826,#00ff8808);border-color:#00ff8866;box-shadow:inset 0 1px 0 #00ff8833}
.transport-btn.mic-beat{background:linear-gradient(180deg,#00d4ff26,#00d4ff0a);border-color:var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33}
.meter-section{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a,0 12px 32px -22px #00d4ff33}
.spectrum{background:radial-gradient(ellipse at 50% 100%,#00d4ff1a,transparent 70%);border-radius:10px}
.quick-mix,.sliders,.takes,.mix-panel{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff08}
.take{border-bottom:none;position:relative}
.take+.take{border-top:none}
.take+.take:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#ffffff1c 18%,#ffffff1c 82%,transparent)}
.chain-node{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:10px;box-shadow:inset 0 1px 0 #ffffff06}
.chain-node:hover{background:var(--surf-g2);border-color:#ffffff20}
.eng-overlay{background:#000000ec;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}
.eng-panel{background:linear-gradient(180deg,#001020 0,#020e1a 100%);border:1px solid var(--bd-hi);box-shadow:0 30px 80px -30px #00d4ff5c,inset 0 1px 0 #ffffff0a;border-radius:16px}
.init-btn{background:linear-gradient(135deg,#00d4ff,#00d4ff);box-shadow:0 10px 32px -8px #00d4ff66,inset 0 1px 0 #ffffff33;border-radius:64px;letter-spacing:.18em;padding:18px 56px}
.init-btn:hover{box-shadow:0 14px 40px -8px #00d4ffaa,inset 0 1px 0 #ffffff44;transform:translateY(-2px)}
.count-chip{background:var(--surf-g);border:1px solid var(--bd-hi);box-shadow:inset 0 1px 0 #ffffff08;border-radius:999px;padding:.55rem .9rem}
.count-chip.on{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border-color:var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33}
.gear-btn-booth{background:linear-gradient(180deg,#00d4ff1a,#00d4ff06);border:1px solid var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff1f;border-radius:10px;font-size:.78rem;letter-spacing:.14em}
.voice-cmd-btn{background:linear-gradient(135deg,#00d4ff26,#00d4ff26);border:1px solid var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff1f,0 10px 28px -18px #00d4ff66;border-radius:12px;letter-spacing:.18em;font-size:.82rem}
.now-playing{background:linear-gradient(90deg,#00d4ff12,transparent 80%);border:1px solid var(--bd-lo);border-radius:10px;margin:8px 0;padding:10px 14px}
.beat-load{background:linear-gradient(180deg,#001428a0,#020e1aa0);border:1px dashed #ffffff20;border-radius:10px;letter-spacing:.14em}
.beat-load:hover{border-color:var(--ax-edge);color:var(--accent);background:linear-gradient(180deg,#00d4ff0a,#00d4ff05)}
.beat-play{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border:1px solid var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33;border-radius:999px;padding:10px 22px;letter-spacing:.14em}
.beat-play.playing{background:linear-gradient(180deg,#ff8a8a2e,#ff8a8a10);border-color:#ff8a8a80;box-shadow:inset 0 1px 0 #ff8a8a33,0 0 24px -10px #ff8a8acc}
.mic-device-btn{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:10px}
.mic-device-btn.active{background:linear-gradient(180deg,#00ff8826,#00ff8808);border-color:#00ff8866;box-shadow:inset 0 1px 0 #00ff8833}
.toggle-btn{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:10px;letter-spacing:.14em}
.toggle-btn.on{background:linear-gradient(180deg,#00ff8826,#00ff8808);border-color:#00ff8866;box-shadow:inset 0 1px 0 #00ff8833}
.controls-toggle{background:var(--surf-g);border:1px solid var(--bd-hi);border-radius:12px;letter-spacing:.14em}
.controls-toggle:hover{border-color:var(--ax-edge);color:var(--accent);background:var(--surf-g2)}
.np-btn{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border:1px solid var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33;font-size:.76rem}
.take-play{background:linear-gradient(180deg,#00d4ff21,#00d4ff09);border:1px solid var(--ax-edge);box-shadow:inset 0 1px 0 #00d4ff33;font-size:.74rem}
.gear-link{font-size:.74rem;letter-spacing:.16em}
.booth-header{position:sticky;position:-webkit-sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(10,10,15,.96) 0,rgba(10,10,15,.78) 80%,rgba(10,10,15,0) 100%);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom-color:transparent;padding:18px 0 14px;margin-bottom:14px}
.booth-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#00d4ff33 18%,#00d4ff33 82%,transparent);pointer-events:none}
.booth-logo{font-size:.92rem;letter-spacing:.28em}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff3a,#00d4ff1a);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d4ff66,#00d4ff33)}
@media (width<=400px){.pill{padding:8px 14px;font-size:.74rem}.pill.small{padding:6px 12px;font-size:.7rem}}