:root{--background: #0b111b;--surface: #151f2d;--surface-alt: #1b2738;--surface-deep: #0f1622;--line: #2e3c51;--line-strong: #3d4f69;--text: #eff5ff;--muted: #9eacc0;--accent: #75d3c6;--ok: #42d878;--ok-soft: #a4f7bc;--warn: #e9bd4d;--danger: #ff6f6f;--air: #ff4d4d;--radius: 8px;--radius-sm: 4px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{background:var(--background);color:var(--text);font-family:var(--mono);margin:0;min-width:320px}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;padding:.9rem 1rem}.eyebrow{color:var(--muted);display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.78rem;line-height:1.5}.btn{align-items:center;background:var(--surface-alt);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-size:.8rem;font-weight:700;gap:.45rem;justify-content:center;letter-spacing:.04em;min-height:2.25rem;padding:.5rem .85rem;text-transform:uppercase;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){border-color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#0d1a26}.btn--primary:hover:not(:disabled){background:#8ce0d4}.btn--ghost{background:transparent}.btn--danger{border-color:#613334;color:var(--danger)}.btn--air{background:transparent;border-color:var(--air);color:var(--air)}.btn--air.is-on{background:var(--air);color:#1a0606}.btn--lg{font-size:.95rem;min-height:3rem;padding:.75rem 1.1rem}.btn--block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.4}input,select,textarea{background:var(--surface-deep);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:.85rem;min-height:2.25rem;padding:.45rem .6rem;width:100%}input::placeholder{color:#64718a}label.field{display:grid;gap:.3rem}.kbd{background:var(--surface-deep);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:3px;color:var(--muted);display:inline-block;font-size:.68rem;font-weight:700;min-width:1.7rem;padding:.12rem .34rem;text-align:center}.state{align-items:center;color:var(--muted);display:inline-flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.08em;text-transform:uppercase}.state:before{content:"";background:currentColor;border-radius:50%;height:.5rem;width:.5rem}.state--listening,.state--played{color:var(--ok-soft)}.state--playing,.state--triggering,.state--detecting{color:var(--accent)}.state--matched,.state--cooldown{color:var(--warn)}.state--initializing{color:var(--muted)}.state--processing,.state--pending,.state--paused{color:var(--warn)}.state--error{color:var(--danger)}.state--disabled,.state--idle{color:#6c7a91}.state--live:before{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}