:root{color-scheme:dark;--bg-0: #05070b;--panel: rgba(9, 13, 20, .58);--panel-brd: rgba(190, 215, 255, .1);--hairline: rgba(190, 215, 255, .07);--ink-1: #e8f0fb;--ink-2: #94a6bd;--ink-3: #5a6b82;--air: #7ed6ff;--air-soft: #a9e6ff;--air-dim: rgba(126, 214, 255, .14);--ember: #ffb26b;--ember-dim: rgba(255, 178, 107, .14);--ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-0);font-family:var(--ui);color:var(--ink-1);-webkit-font-smoothing:antialiased}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.wordmark{position:fixed;top:26px;left:28px;z-index:2;pointer-events:none}.wordmark h1{font-size:13px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-1)}.wordmark .rule{display:block;width:28px;height:1px;margin:10px 0 8px;background:var(--panel-brd)}.wordmark p{font-size:10px;font-weight:500;letter-spacing:.22em;color:var(--ink-3)}.air-slider{position:fixed;top:26px;right:28px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px}.air-slider input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:132px;height:20px;background:transparent;transform:rotate(-90deg);transform-origin:center;margin:56px -56px;cursor:pointer}.air-slider label{font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#bed7ff17}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#bed7ff17}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--air-soft);box-shadow:0 0 12px #7ed6ffb3;cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--air-soft);box-shadow:0 0 12px #7ed6ffb3;cursor:pointer}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #7ed6ff59,0 0 12px #7ed6ffb3}.console{position:fixed;left:0;right:0;bottom:0;z-index:2;max-width:1020px;margin:0 auto 22px;padding:16px 22px 14px;border-radius:22px;background:var(--panel);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);border:1px solid var(--panel-brd);box-shadow:inset 0 1px #ffffff0f,0 28px 70px -24px #000000d9}.row{display:flex;align-items:center;justify-content:space-between;gap:18px}.row--presets{padding-bottom:13px;border-bottom:1px solid var(--hairline)}.row--main{display:grid;grid-template-columns:150px minmax(230px,1fr) minmax(210px,260px);gap:24px;align-items:start;padding:14px 0;border-bottom:1px solid var(--hairline)}.row--knobs{padding:13px 0;border-bottom:1px solid var(--hairline)}.row__label{font:600 9.5px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);flex-shrink:0}.preset-group{display:flex;align-items:center;gap:12px;min-width:0}.switches{display:flex;gap:14px;flex-shrink:0}.field__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.field__label{font:600 9.5px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.field__value{font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-1)}.field__desc{margin-top:7px;font:400 10px/1.35 var(--ui);color:var(--ink-3)}.key__selects{display:grid;grid-template-columns:78px 1fr;gap:7px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:7px 22px 7px 10px;border-radius:9px;border:1px solid var(--panel-brd);background:#ffffff08;color:var(--ink-1);font:500 11.5px/1.1 var(--mono);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 12px) 52%,calc(100% - 8px) 52%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;transition:border-color .16s ease}select:hover{border-color:#7ed6ff66}select:focus-visible{outline:2px solid var(--air);outline-offset:2px}select option{background:#0b1119;color:var(--ink-1)}.key__autos{display:flex;gap:14px;margin-top:8px}.mini{display:flex;align-items:center;gap:5px;font:500 9.5px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);cursor:pointer}.mini input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:11px;height:11px;margin:0;border-radius:3px;border:1px solid var(--panel-brd);background:#ffffff08;cursor:pointer}.mini input:checked{background:var(--air);border-color:var(--air)}.mini input:focus-visible{outline:2px solid var(--air);outline-offset:2px}.row--status{padding-top:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 11px;border-radius:999px;border:1px solid var(--panel-brd);background:#ffffff05;color:var(--ink-2);font:600 10.5px/1 var(--ui);letter-spacing:.09em;white-space:nowrap;text-transform:uppercase;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.chip:hover{color:var(--ink-1);border-color:#7ed6ff59}.chip[aria-pressed=true]{color:#06121b;background:var(--air);border-color:var(--air)}.chip--low[aria-pressed=true]{background:var(--ember);border-color:var(--ember)}.toggle{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__track{width:34px;height:18px;border-radius:999px;background:#bed7ff1a;border:1px solid var(--panel-brd);display:flex;align-items:center;padding:2px;transition:background .2s ease}.toggle__dot{width:12px;height:12px;border-radius:50%;background:var(--ink-2);transition:transform .2s cubic-bezier(.33,1,.68,1),background .2s ease}.toggle input:checked+.toggle__track{background:var(--ember-dim)}.toggle input:checked+.toggle__track .toggle__dot{transform:translate(16px);background:var(--ember);box-shadow:0 0 10px #ffb26bb3}.toggle input:focus-visible+.toggle__track{box-shadow:0 0 0 3px #7ed6ff4d}.toggle__label{font:600 9.5px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.transport{display:flex;align-items:flex-end;gap:12px}.breathe{position:relative;width:84px;height:84px;border-radius:50%;border:1px solid rgba(126,214,255,.4);background:radial-gradient(circle at 50% 40%,#7ed6ff29,#090d1499 70%);color:var(--ink-1);font:600 10px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;flex-shrink:0;transition:border-color .2s ease,transform .2s ease}.breathe:hover{border-color:var(--air);transform:translateY(-1px)}.breathe:focus-visible{outline:2px solid var(--air);outline-offset:3px}.breathe__ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(126,214,255,.22);animation:halo 5.5s ease-in-out infinite;pointer-events:none}@keyframes halo{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.09);opacity:.12}}.breathe.is-playing{border-color:var(--air);background:radial-gradient(circle at 50% 40%,#7ed6ff4d,#090d1499 70%)}.breathe.is-low{border-color:#ffb26b8c;background:radial-gradient(circle at 50% 40%,#ffb26b38,#090d1499 70%)}.puff{width:46px;height:46px;border-radius:50%;border:1px solid var(--panel-brd);background:#ffffff05;color:var(--ink-2);font:600 9px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;flex-shrink:0;transition:color .16s ease,border-color .16s ease}.puff:hover{color:var(--ink-1);border-color:#7ed6ff66}.puff:focus-visible{outline:2px solid var(--air);outline-offset:2px}.register__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.register__label{font:600 9.5px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.register__out{font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-1)}.range{position:relative;height:22px}.range__track{position:absolute;top:9px;left:0;right:0;height:5px;border-radius:3px;background:#bed7ff17}.range__span{position:absolute;top:9px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--ember),var(--air));box-shadow:0 0 14px #7ed6ff4d}.range input{position:absolute;top:0;left:0;width:100%;height:22px;margin:0;pointer-events:none;background:transparent}.range input::-webkit-slider-runnable-track{background:transparent}.range input::-moz-range-track{background:transparent}.range input::-webkit-slider-thumb{pointer-events:auto;width:14px;height:14px;margin-top:5px;border-radius:4px;background:#dfeaf7;box-shadow:0 2px 8px #0009}.range input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:4px;background:#dfeaf7;box-shadow:0 2px 8px #0009}.register__ticks{display:flex;justify-content:space-between;margin-top:5px;font:500 9px/1 var(--mono);color:var(--ink-3)}.knobs{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.knob{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:ns-resize;touch-action:none}.knob:focus-visible{outline:2px solid var(--air);outline-offset:4px;border-radius:8px}.knob__dial{display:block}.knob__label{font:600 9px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.knob__value{font:500 10px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-1)}.knob__desc{font:400 9.5px/1.3 var(--ui);color:var(--ink-3);text-align:center;text-wrap:balance}.status{font:500 11px/1.4 var(--mono);color:var(--ink-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status__sep{margin:0 7px;opacity:.5}.actions{display:flex;gap:7px;flex-shrink:0}.ghost{padding:7px 12px;border-radius:10px;border:1px solid var(--panel-brd);background:transparent;color:var(--ink-2);font:600 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.ghost:hover:not(:disabled){color:var(--ink-1);border-color:#7ed6ff66;background:#7ed6ff0f}.ghost:disabled{opacity:.35;cursor:not-allowed}.ghost:focus-visible{outline:2px solid var(--air);outline-offset:2px}.ghost--icon{padding:7px 10px;font-size:13px;letter-spacing:0}.toast{position:fixed;left:50%;bottom:210px;transform:translate(-50%,8px);z-index:5;padding:9px 16px;border-radius:10px;background:#090d14e6;border:1px solid var(--panel-brd);color:var(--ink-1);font:500 12px/1 var(--mono);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.is-shown{opacity:1;transform:translate(-50%)}.toast.is-error{border-color:#ff7a7a80;color:#ff9b9b}@media (max-width: 860px){.console{margin:0;border-radius:20px 20px 0 0;padding:14px 16px 12px;max-height:62vh;overflow-y:auto}.row--main{grid-template-columns:1fr;gap:16px}.knobs{grid-template-columns:repeat(4,1fr);gap:12px}.preset-group{flex-wrap:wrap}.row--presets{flex-direction:column;align-items:stretch;gap:12px}.transport{justify-content:center}.row--status{flex-direction:column;align-items:stretch;gap:10px}.actions{justify-content:space-between}.air-slider{top:18px;right:10px}.wordmark{top:18px;left:18px}.toast{bottom:auto;top:90px}}@media (prefers-reduced-motion: reduce){.breathe__ring{animation:none}*{transition-duration:.01ms!important}}