:root{--bg: #05070a;--panel: rgba(10, 12, 16, .78);--panel-strong: rgba(8, 10, 14, .93);--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .26);--text: #f3f6fa;--muted: #a7b2c0;--pitch: #ffb057;--volume: #57d6ff;--danger: #ff7a7a;--warn: #ffce6a;--radius: 14px;--pad-t: calc(env(safe-area-inset-top, 0px) + 10px) ;--pad-r: calc(env(safe-area-inset-right, 0px) + 10px) ;--pad-b: calc(env(safe-area-inset-bottom, 0px) + 10px) ;--pad-l: calc(env(safe-area-inset-left, 0px) + 10px) ;color-scheme:dark}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}.theremin{position:fixed;inset:0;height:100vh;height:100svh;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}.stage{position:absolute;inset:0;overflow:hidden;background:#04060a}.stage__video,.stage__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.stage__video{object-fit:cover}.stage__video.is-mirrored{transform:scaleX(-1)}.stage__canvas{background:transparent;pointer-events:none}.stage.is-placing{touch-action:none;cursor:grab}.chrome{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l);pointer-events:none}.chrome__centre{grid-area:2 / 1 / 3 / -1;display:grid;place-items:center;min-height:0}.chrome__bottom{grid-area:3 / 1 / 4 / -1;display:flex;flex-direction:column;gap:8px;min-width:0}.readout,.diagnostics,.transport,.hint,.sheet,.drawer,.overlay{pointer-events:auto}.surface{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000073}@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)){.surface{background:#0a0c10a3;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}}.section__title{margin:0;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.section__heading{margin:0;font-size:16px;font-weight:650}.unit{color:var(--muted);font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:#ffffff12;color:var(--text);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:#ffffff24}.btn:disabled{opacity:.38;cursor:not-allowed}.btn:focus-visible,.check:focus-visible,.range:focus-visible,.number:focus-visible,.segment__input:focus-visible+label{outline:2px solid var(--pitch);outline-offset:2px}.btn--primary{background:var(--pitch);border-color:transparent;color:#1b1105;font-weight:650}.btn--primary:hover:not(:disabled){background:#ffc27c}.btn--wide{width:100%;min-height:46px;font-size:15px}.btn--icon{min-width:40px;padding:7px}.btn--icon .btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.btn[aria-pressed=true]{background:#57d6ff33;border-color:#57d6ff8c;color:#d8f4ff}.btn[data-armed=true]{background:#ff7a7a3d;border-color:var(--danger);color:#ffdada}.icon{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.readout{grid-area:1 / 1;justify-self:start;display:flex;flex-direction:column;gap:6px;min-width:168px;max-width:min(280px,62vw);padding:10px 12px;font-variant-numeric:tabular-nums}.readout__top{display:flex;align-items:center;gap:10px}.readout__note{min-width:2.2em;font-size:30px;font-weight:650;line-height:1;color:var(--pitch)}.readout.is-sounding .readout__note{text-shadow:0 0 18px rgba(255,176,87,.55)}.readout__tune{flex:1;min-width:56px;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:3px 4px}.readout__cents{font-size:13px;font-weight:600;color:var(--muted)}.readout__row{display:flex;align-items:baseline;gap:5px}.readout__row--meter{align-items:center}.readout__hz{font-size:17px;font-weight:600}.readout__vol{min-width:2.2em;text-align:right;font-size:12px;font-weight:600;color:var(--volume)}.readout__pills{display:flex;flex-wrap:wrap;gap:4px}.tuner{position:relative;grid-column:1 / -1;height:6px;border-radius:3px;background:#ffffff1a;container-type:inline-size}.tuner__needle{position:absolute;top:-2px;bottom:-2px;left:50%;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--pitch);transform:translate(calc(var(--tune, 0) * 50cqw))}.meter{position:relative;flex:1;min-width:60px;height:8px;overflow:hidden;border-radius:4px;background:#ffffff1a}.meter__fill{position:absolute;inset:0;background:linear-gradient(90deg,rgba(87,214,255,.55),var(--volume));transform:scaleX(var(--level, 0));transform-origin:left center}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:#ffffff14;color:var(--muted);font-size:10.5px;font-weight:600;white-space:nowrap}.pill--pitch{background:#ffb0572e;border-color:#ffb05773;color:var(--pitch)}.pill--volume{background:#57d6ff29;border-color:#57d6ff73;color:var(--volume)}.pill.is-missing{background:#ff7a7a24;border-color:#ff7a7a6b;color:var(--danger)}.readout__count{color:var(--text)}.diagnostics{grid-area:1 / 2;justify-self:end;max-width:min(230px,46vw);max-height:100%;overflow-y:auto;padding:9px 11px;font-size:11.5px;font-variant-numeric:tabular-nums}.diagnostics .section__title{margin-bottom:5px}.diag__row{display:flex;justify-content:space-between;gap:10px}.diag__label{color:var(--muted)}.diag__value{font-weight:600}.transport{display:flex;align-items:center;gap:6px;padding:7px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.theremin[data-model-ready=false] .needs-model{opacity:.55}.hint{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px}.hint__text{font-size:12.5px}.hint__actions,.sheet__actions{display:flex;gap:6px}.sheet{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;padding:12px 14px}.sheet__head,.sheet__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.sheet__step,.sheet__samples{font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.sheet__body{margin:0;font-size:13.5px;color:#dde4ec}.sheet__actions{margin-left:auto}.progress{position:relative;height:7px;overflow:hidden;border-radius:4px;background:#ffffff1f}.progress__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--pitch),#ffd39c);transform:scaleX(var(--progress, 0));transform-origin:left center;transition:transform 90ms linear}.badge,.toast{border:1px solid var(--border-strong);background:var(--panel-strong);box-shadow:0 10px 28px #00000080;text-align:center}.badge{padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:600}.toast{position:absolute;left:50%;bottom:calc(var(--pad-b) + 62px);transform:translate(-50%);max-width:min(420px,calc(100% - 24px));padding:9px 15px;border-left:3px solid var(--volume);border-radius:10px;font-size:13px;pointer-events:none}.toast[data-tone=warn]{border-left-color:var(--warn)}.toast[data-tone=error]{border-left-color:var(--danger)}.drawer{position:absolute;top:var(--pad-t);right:var(--pad-r);bottom:calc(var(--pad-b) + 58px);width:min(340px,calc(100% - var(--pad-l) - var(--pad-r)));display:flex;flex-direction:column;gap:12px;max-height:100%;overflow-y:auto;padding:12px 14px;background:var(--panel-strong)}.drawer__head{position:sticky;top:-12px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-12px -14px 0;padding:12px 14px 8px;background:inherit}.group{display:flex;flex-direction:column;gap:9px}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;min-width:0;margin:0;padding:0;border:0}.field--check{grid-template-columns:auto 1fr;cursor:pointer}.field__label{font-size:13px;color:#e3e9f1}.field__value{font-size:12px;font-weight:600;color:var(--pitch);font-variant-numeric:tabular-nums}.field__control{display:inline-flex;align-items:center;gap:5px}.check{width:18px;height:18px;accent-color:var(--pitch);cursor:pointer}.range{grid-column:1 / -1;width:100%;accent-color:var(--pitch);cursor:pointer}.number{width:76px;padding:5px 7px;border:1px solid var(--border);border-radius:8px;background:#ffffff0f;color:var(--text);font:inherit;font-size:13px;font-variant-numeric:tabular-nums}.segment{grid-column:1 / -1;display:flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:999px;background:#ffffff0d}.segment__item{position:relative;flex:1;display:flex}.segment__input{position:absolute;width:1px;height:1px;opacity:0}.segment__item label{flex:1;padding:6px 8px;border-radius:999px;font-size:12.5px;text-align:center;color:var(--muted);cursor:pointer;transition:background-color .12s ease}.segment__input:checked+label{background:#ffb057e6;color:#1b1105;font-weight:650}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l);background:#030508bd}.panel{width:min(460px,100%);max-height:100%;overflow-y:auto;padding:22px 22px 20px;background:var(--panel-strong)}.panel__title{margin:0 0 8px;font-size:clamp(22px,6vw,28px);font-weight:700;letter-spacing:-.015em}.panel__body{margin:0 0 14px;font-size:14.5px;color:#dde4ec}.panel__section{display:flex;flex-direction:column;gap:12px}.panel__privacy{margin:0;padding:11px 13px;border:1px solid rgba(87,214,255,.34);border-radius:10px;background:#57d6ff17;font-size:13.5px;color:#dff2fb}.panel__note{margin:0;font-size:13px;color:var(--muted)}.panel__error{margin:0;font-size:14.5px;font-weight:600;color:#ffd7d7}.panel__actions{display:flex;flex-direction:column;gap:8px}.spinner{width:30px;height:30px;margin:4px auto 8px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--pitch);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.readout{max-width:min(210px,58vw);padding:8px 10px}.readout__note{font-size:24px}.diagnostics{max-width:42vw;font-size:10.5px}.drawer{left:var(--pad-l);width:auto}.panel{padding:18px 16px 16px}}@media(max-width:360px){.btn{padding:7px 10px;font-size:12px}.hint__text{font-size:11.5px}}@media(max-height:520px){.sheet{max-height:40vh}.readout__note{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.theremin.is-reduced-motion *,.theremin.is-reduced-motion *:before,.theremin.is-reduced-motion *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}