:root{--bg: #0a0c0f;--bg-raised: #14181d;--bg-inset: #07090b;--fg: #e8ecf1;--fg-dim: #8b95a1;--steel-hi: #dde4ea;--steel: #a8b3be;--steel-lo: #78838f;--steel-deep: #525b64;--chrome-grad: linear-gradient( 180deg, var(--steel-hi) 4%, var(--steel) 58%, var(--steel-lo) );--on-chrome: #0d1013;--accent: var(--steel);--accent-warm: #ffab40;--ok: #37c871;--danger: #ff5252;--band-stripe: #dfe6ee;--band-bg: #171c22;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--radius: 10px;--gap: 12px}*{box-sizing:border-box}:root{--sat: env(safe-area-inset-top, 0px)}html,body{margin:0;height:100%;overflow-x:clip;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select{-webkit-user-select:auto;user-select:auto}body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E") repeat,radial-gradient(120% 80% at 50% 0%,#161b21,#161b2100 58%),radial-gradient(150% 120% at 50% 42%,#10141a 0%,var(--bg) 82%);background-color:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{height:100%}.shell{max-width:980px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 24px}.topnav{display:flex;align-items:baseline;gap:var(--gap);margin-bottom:18px;transition:opacity .25s ease}.brand-block{display:flex;flex-direction:column;align-items:flex-start;margin-right:auto}.brand{font-weight:700;letter-spacing:.04em;background:linear-gradient(180deg,var(--steel-hi) 10%,var(--steel) 46%,var(--steel-lo) 54%,var(--steel) 64%,var(--steel-hi));-webkit-background-clip:text;background-clip:text;color:transparent}.topnav a{color:var(--fg-dim);text-decoration:none;padding:2px 8px;border-radius:6px}.topnav a.active{color:var(--fg);background:var(--bg-raised)}.hint{color:var(--fg-dim);font-size:.85rem}.settings-value{color:var(--fg);font-size:.85rem;text-align:right;max-width:55%}.scale-create{display:flex;flex-direction:column;gap:10px;margin-top:12px}.scale-create-picked{margin:0;min-height:1.4em;font-family:var(--font-mono);font-size:.85rem;color:var(--accent)}.scale-note-table{display:flex;flex-direction:column;gap:4px}.scale-note-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.scale-note-row .note-chip{padding:4px 0;font-size:.62rem;border-radius:7px;min-width:0;text-align:center}.scale-note-row .pc-both{display:flex;flex-direction:column;line-height:1.25}.scale-note-row .pc-alt{font-size:.9em;opacity:.75}.btn{background:var(--bg-raised);color:var(--fg-dim);border:1px solid #2c3640;border-radius:var(--radius);padding:10px 16px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.icon{width:14px;height:14px;flex:none}.icon-lock{width:12px;height:12px;opacity:.75}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:22px;margin:0;border-radius:999px;position:relative;cursor:pointer;background:linear-gradient(180deg,var(--bg-inset),#12161b);border:1px solid rgb(255 255 255 / 12%);box-shadow:inset 0 2px 5px #0009;transition:border-color .15s ease;flex:none}input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#4a545e,#333b43);box-shadow:0 1px 4px #0009;transition:left .15s ease,background .15s ease}input[type=checkbox]:checked{border-color:var(--steel-lo)}input[type=checkbox]:checked:after{left:20px;background:var(--chrome-grad)}input[type=checkbox]:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn:not(:disabled):hover{color:var(--fg);border-color:var(--accent)}.tuner-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.note-name{font-size:2.6rem;font-weight:700;line-height:1}.header-info{display:flex;gap:16px;color:var(--fg-dim);font-family:var(--font-mono);font-size:.85rem}.reference-wrap{position:relative}.reference-readout{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:2px 4px;border-radius:6px}.reference-readout:hover{color:var(--fg);background:var(--bg-raised)}.reference-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:220px;padding:12px 14px;background:var(--bg-raised);border:1px solid var(--band-bg);border-radius:var(--radius);box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;gap:10px}.reference-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--fg)}.reference-offset{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0}.reference-link{color:var(--accent);text-decoration:none;white-space:nowrap}.reference-link:hover{text-decoration:underline}.strobe-stack{position:relative}.strobe-canvas{display:block;width:100%;border-radius:var(--radius)}.band-rows{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;pointer-events:none}.top-controls-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.top-controls-row .btn,.top-controls-row .profile-picker{height:36px;box-sizing:border-box}.top-controls-row .note-selector{flex:1;min-width:0;margin-bottom:0}.top-controls-row .note-selector .profile-picker{min-width:0;flex:1}.mode-switcher{display:flex;gap:6px}.mode-switcher .btn{width:44px;padding:0;line-height:1}.mode-switcher .btn-toggled{background:var(--chrome-grad);color:var(--on-chrome);border-color:var(--steel);box-shadow:0 0 0 1px #0000008c,0 2px 10px #00000073,0 0 16px #d6e2ee1a}.disc-overlay{position:absolute;top:0;left:0;right:0;pointer-events:none}.disc-cents{position:absolute;left:50%;transform:translate(-50%,50%);background:color-mix(in srgb,var(--band-bg) 82%,black);border-radius:6px;padding:2px 10px;font-family:var(--font-mono);font-size:1.05rem;font-weight:600;white-space:nowrap;text-shadow:0 1px 3px rgb(0 0 0 / 70%)}.disc-baseline{position:relative;height:auto;min-height:22px;margin-top:4px;cursor:pointer}.disc-ring-label{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.15}.disc-note-name{font-weight:700;font-size:.85rem}.disc-partial{color:var(--fg-dim);font-family:var(--font-mono);font-size:.75rem}.band-row{position:relative}.band-label-tappable{pointer-events:auto;cursor:pointer}.band-row-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:1.05rem;text-shadow:0 1px 3px rgb(0 0 0 / 70%)}.board{margin-top:12px}.board-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:6px}.board-cell{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px 5px;border-radius:var(--radius);background:color-mix(in srgb,var(--band-bg) 45%,transparent);border:1px solid transparent;min-width:0}.board-cell-black{background:color-mix(in srgb,var(--band-bg) 80%,black)}.board-cell-live{border-color:var(--accent)}.board-cell-canvas{display:block;width:100%}.board-cell-name{font-weight:700;font-size:.85rem;line-height:1.1}.board-cell-name .pc-alt{color:var(--fg-dim);font-weight:400;font-size:.7em;margin-left:3px}.board-cell-note{font-family:var(--font-mono);font-size:.68rem;color:var(--fg-dim);line-height:1.1}.board-cell-cents{font-family:var(--font-mono);font-size:.78rem;min-height:1em;line-height:1.1}.board-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:8px}.board-range{display:flex;align-items:center;gap:6px}.aux-stack:empty{display:none}.band-row{display:flex;align-items:center;justify-content:space-between;padding:0 14px}.band-row.band-inactive{opacity:.65}.band-label{display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 3px rgb(0 0 0 / 70%)}.band-name{font-weight:700;font-size:1.15rem}.band-target{color:var(--fg-dim);font-family:var(--font-mono);font-size:.72rem}.band-readout{display:flex;align-items:baseline;gap:4px;font-family:var(--font-mono);text-shadow:0 1px 3px rgb(0 0 0 / 70%)}.band-cents{font-size:1.7rem;font-weight:600;min-width:4.2ch;text-align:right}.band-cents-unit{color:var(--fg-dim)}.band-hz{color:var(--fg-dim);font-size:.78rem;min-width:8ch;text-align:right}.band-row.band-held .band-cents{color:var(--fg-dim)}.controls{display:flex;flex-direction:column;gap:8px;margin-top:18px;align-items:stretch}.controls-row{display:flex;gap:8px;align-items:center}.controls-row>.btn{flex:1}.controls-row>.divider-group{display:flex;gap:8px;flex:3}.controls-row>.divider-group>.btn{flex:1}.btn-primary{background:var(--chrome-grad);color:var(--on-chrome);border-color:var(--steel);font-weight:650;box-shadow:0 2px 10px #0000007f,0 0 16px #d6e2ee1a}.btn-small{padding:6px 12px;font-size:.82rem}.btn-toggled{background:var(--chrome-grad);color:var(--on-chrome);border-color:var(--steel);font-weight:700}.note-selector{display:flex;align-items:center;gap:10px;margin-bottom:14px}.profile-picker{background:var(--bg-raised);color:var(--fg);border:1px solid #2c3640;border-radius:8px;padding:7px 8px;font-size:.85rem;max-width:170px}.profile-picker-static{display:inline-flex;align-items:center;color:var(--fg-dim)}.note-strip{display:flex;gap:6px;overflow-x:auto;flex:1;padding:2px;scrollbar-width:thin}.note-chip{background:var(--bg-raised);color:var(--fg-dim);border:1px solid #2c3640;border-radius:999px;padding:6px 12px;font-size:.85rem;font-family:var(--font-mono);cursor:pointer;white-space:nowrap}.note-chip-ding{border-style:double;border-width:3px}.note-chip-active{background:var(--chrome-grad);color:var(--on-chrome);border-color:var(--steel-hi);font-weight:700;box-shadow:0 0 0 1px #0000008c,0 3px 12px #0000007f,0 0 20px #d2e0ee24}.note-selector-free{flex-wrap:wrap;align-items:center}.note-selector>.btn{margin-left:auto}.pitch-grid-wrap{display:flex;gap:12px;order:3;flex-basis:100%;justify-content:center;margin-top:4px}.pitch-grid{display:grid;grid-template-columns:repeat(6,minmax(42px,64px));gap:6px}.note-selector-below{margin:12px 0 0;justify-content:center}.note-selector-below .pitch-grid-wrap{margin-top:0}.note-selector-below .note-strip{flex:0 1 auto;max-width:100%}.pitch-grid .note-chip{border-radius:8px;padding:7px 0;text-align:center}.pc-both{display:flex;flex-direction:column;line-height:1.15}.pc-alt{font-size:.68rem;opacity:.75}.pitch-grid .note-chip:disabled{opacity:.3;cursor:default}.octave-stepper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.octave-value{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;min-width:2ch;text-align:center}.led{width:16px;height:16px;border-radius:50%;border:1px solid #2c3640;background:var(--bg-inset);cursor:pointer;padding:0;align-self:center}.led.led-signal{background:var(--ok);box-shadow:0 0 8px var(--ok)}.led.led-clip{background:var(--danger);box-shadow:0 0 8px var(--danger)}.frozen-badge{position:absolute;top:8px;right:10px;background:var(--bg-inset);color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700;letter-spacing:.06em}.divider-group,.demo-group{display:inline-flex;gap:4px}.capture-msg{display:flex;align-items:center;gap:12px;color:var(--ok);font-size:.9rem;margin:10px 0}.capture-link{color:var(--accent);text-decoration:none}.layout-numbers .band-cents{font-size:2.8rem;font-weight:700;min-width:4.6ch}.layout-numbers .band-hz{font-size:.95rem}.layout-numbers .band-name{font-size:1.4rem}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a8b3be' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center,linear-gradient(180deg,#ffffff0a,#00000024),var(--bg-raised);color:var(--fg);border:1px solid rgb(255 255 255 / 10%);border-radius:8px;padding:7px 28px 7px 10px;font-family:inherit;font-size:.85rem;cursor:pointer}select:focus-visible{outline:2px solid var(--steel);outline-offset:1px}.settings{max-width:640px}.settings-group{background:var(--bg-raised);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.settings-group h3{margin:0 0 10px;font-size:.95rem;color:var(--fg-dim);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #232b34}.settings-row:last-child{border-bottom:none}.settings-row>span:first-child{display:flex;flex-direction:column}.settings-hint{color:var(--fg-dim);font-size:.72rem;max-width:300px}.settings-inline{display:inline-flex;align-items:center;gap:8px}.settings select,.editor-sheet select{background:var(--bg-inset);color:var(--fg);border:1px solid #2c3640;border-radius:6px;padding:6px 8px}.stepper{display:inline-flex;align-items:center;gap:4px}.stepper-btn{width:34px;height:34px;border-radius:8px;border:1px solid #2c3640;background:var(--bg-inset);color:var(--fg);font-size:1.1rem;cursor:pointer;touch-action:none}.stepper-btn:hover{border-color:var(--accent)}.stepper-value{font-family:var(--font-mono);min-width:7ch;text-align:center}button.stepper-value{background:none;border:none;cursor:pointer;font:inherit;color:inherit;padding:0}button.stepper-value:hover{color:var(--steel-hi)}.stepper-input{width:72px;text-align:center;font-family:var(--font-mono);font-size:.9rem;color:var(--fg);background:var(--bg-inset);border:1px solid var(--steel-lo);border-radius:6px;padding:3px 4px}.stepper-input:focus-visible{outline:2px solid var(--steel);outline-offset:1px}.stepper-value small{color:var(--fg-dim)}.editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.editor-sheet{background:var(--bg-raised);border-radius:var(--radius);padding:18px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto}.editor-sheet h3{margin-top:0}.quick-picks{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.editor-table{width:100%;border-collapse:collapse;font-size:.9rem}.editor-table th{text-align:left;color:var(--fg-dim);font-weight:500;font-size:.75rem;padding:4px 6px}.editor-table td{padding:4px 6px}.editor-input{background:var(--bg-inset);color:var(--fg);border:1px solid #2c3640;border-radius:6px;padding:6px 8px;font-family:var(--font-mono);width:100%}.editor-input-narrow{width:72px}.editor-input-wide{width:100%}.editor-cents{font-family:var(--font-mono);color:var(--fg-dim);white-space:nowrap}.editor-actions-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;flex-wrap:wrap}.convert-helper{display:inline-flex;align-items:center;gap:6px;color:var(--fg-dim);font-size:.85rem}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.editor-footer-buttons{display:inline-flex;gap:8px}.profile-list{list-style:none;margin:0;padding:0}.profile-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px}.profile-item-active{background:var(--bg-inset);outline:1px solid var(--accent)}.profile-name{background:none;border:none;color:var(--fg);text-align:left;cursor:pointer;padding:6px 0;font-size:.92rem;flex:1}.profile-name small{color:var(--fg-dim);font-family:var(--font-mono);font-size:.72rem}.profile-actions{display:inline-flex;gap:4px}.settings-row-block{flex-direction:column;align-items:stretch}.install-hint{display:flex;align-items:center;gap:10px;background:var(--bg-raised);border-radius:var(--radius);padding:10px 14px;color:var(--fg-dim);font-size:.85rem;margin-top:16px}.lissajous{margin-top:18px}.strobe-dock{display:flex;gap:14px;align-items:flex-start}.dock-strobe{flex:1;min-width:0}.dock-side{flex:none;display:flex;flex-direction:column;gap:10px}.dock-grid{display:grid;grid-template-columns:repeat(2,auto);gap:14px;justify-content:start}.dock-fig{position:relative;border-radius:8px;background:linear-gradient(180deg,#ffffff08,#0000002e),var(--band-bg);border:1px solid rgb(255 255 255 / 5%)}.dock-ratio{position:absolute;top:2px;left:5px;font-family:var(--font-mono);font-size:.65rem;color:var(--fg-dim);pointer-events:none}.dock-fig .lissajous-beat{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.65rem;pointer-events:none}.dock-side .lissajous-controls{margin:0;flex-wrap:wrap}.lissajous-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.lissajous-layout-toggle{display:inline-flex;gap:4px}.lissajous-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.lissajous-tiles{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.lissajous-tile{min-width:0}.lissajous-tiles-2x2{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center}.lissajous-tile .lissajous-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.lissajous-tiles{flex-wrap:nowrap}.lissajous-tile .lissajous-label{font-size:.68rem}.lissajous-tile .lissajous-beat{font-size:.7rem}}.lissajous-tile{display:flex;flex-direction:column;align-items:center;gap:4px}.lissajous-canvas{border-radius:var(--radius);background:var(--bg-inset)}.lissajous-label{font-family:var(--font-mono);font-size:.8rem}.lissajous-label small{color:var(--fg-dim)}.lissajous-beat{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-dim);min-height:1.1em}.lissajous-beat.lissajous-locked{color:var(--ok);font-weight:700}.pipe-badge{position:absolute;left:10px;bottom:5px;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:#0d1013c7;border:1px solid rgb(255 255 255 / 14%);color:var(--steel-hi);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;z-index:3}.pipe-badge .icon{width:13px;height:13px}.pipe-badge.pipe-badge-disc{left:50%;bottom:auto;transform:translate(-50%,50%)}.pipe-badge.pipe-badge-sounding{animation:pipe-pulse .6s ease-in-out infinite alternate}@keyframes pipe-pulse{0%{border-color:#ffffff24;color:var(--steel-hi)}to{border-color:var(--steel-hi);color:#fff}}.aux-section{position:relative}.aux-section.aux-dragging{z-index:6;opacity:.92}.aux-handle{display:flex;align-items:center;gap:8px;margin-top:14px;padding:3px 4px;color:var(--fg-dim);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.aux-handle:after{content:"";flex:1;height:1px;background:#232b34}.aux-grip{color:var(--steel-lo);letter-spacing:.05em}.aux-dragging .aux-handle{cursor:grabbing;color:var(--steel-hi)}.spectrum{margin-top:4px}.spectrum-wrap{position:relative}.spectrum-toggles{display:flex;gap:6px}.sens-overlay{position:absolute;top:0;height:370px;width:46px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0;border-radius:10px;background:#0d1013b8;border:1px solid rgb(255 255 255 / 12%);pointer-events:none;z-index:4}.sens-audio{left:4px}.sens-time{right:4px}.sens-arrow{color:var(--steel-lo);font-size:.85rem;transition:color 80ms linear,transform 80ms linear}.sens-arrow.sens-hot{color:var(--steel-hi);transform:scale(1.35)}.sens-value{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-mono);font-size:.78rem;color:var(--steel-hi);writing-mode:initial;text-align:center}.sens-value small{font-size:.58rem;color:var(--steel-lo);letter-spacing:.08em;text-transform:uppercase}.spectrum-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;flex-wrap:wrap;position:relative}.spectrum-canvas{display:block;width:100%;border-radius:var(--radius);touch-action:pan-y;cursor:crosshair}.sens-zone{position:absolute;top:0;width:34px;touch-action:none;z-index:2}.sens-zone-left{left:0}.sens-zone-right{right:0}.split-zone{position:absolute;left:34px;right:34px;height:18px;touch-action:none;z-index:2;cursor:ns-resize}.spectrum-handle-row{position:relative;height:26px}.retune-handle{position:absolute;top:1px;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background:var(--bg-raised);border:1px solid #2c3640;color:var(--accent);font-size:.7rem;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.retune-handle:active{cursor:grabbing}.retune-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}@media(max-width:640px){.shell{padding-left:10px;padding-right:10px}.note-name{font-size:2rem}.band-cents{font-size:1.35rem}.layout-numbers .band-cents{font-size:2.4rem}.band-target{display:none}.controls{gap:8px}.settings-row{flex-wrap:wrap}}.diagnostics{margin-top:22px;color:var(--fg-dim);font-size:.85rem}.diagnostics summary{cursor:pointer;-webkit-user-select:none;user-select:none}.diag-warn-badge{display:inline-block;margin-left:8px;padding:0 8px;border-radius:999px;background:var(--accent-warm);color:#201607;font-weight:700}.diag-warning{color:var(--accent-warm);margin:8px 0}.mic-error{margin:12px 0;padding:14px 16px;background:var(--bg-raised);border:1px solid var(--accent-warm);border-radius:var(--radius)}.mic-error-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--accent-warm);font-weight:650}.mic-error-steps{margin:0 0 12px;padding-left:20px;color:var(--fg);font-size:.88rem;line-height:1.6}.mic-error-actions{display:flex;gap:8px}.diag-note{color:var(--fg-dim);margin:8px 0}.diag-table{margin-top:8px;border-collapse:collapse;font-family:var(--font-mono);font-size:.8rem}.diag-table td{padding:3px 14px 3px 0}.diag-table td:first-child{color:var(--fg-dim)}.diag-table td:last-child{color:var(--fg)}.bench-table{border-collapse:collapse;font-family:var(--font-mono);font-size:.85rem;margin-top:10px}.bench-table th,.bench-table td{border:1px solid #2c3640;padding:6px 10px;text-align:right}.bench-table th:first-child,.bench-table td:first-child{text-align:left}.bench-table tr.pass td:last-child{color:var(--ok)}.bench-table tr.fail td:last-child{color:var(--danger)}.tier-badge{border:none;background:transparent;color:var(--accent);font:inherit;font-size:.68rem;padding:0;cursor:pointer;line-height:1.2;white-space:nowrap}.tier-badge.tier-free{border-color:var(--fg-dim);color:var(--fg-dim)}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090cb8;display:flex;align-items:center;justify-content:center;z-index:60;padding:18px}.upgrade-card{background:radial-gradient(110% 80% at 50% 0%,rgb(226 234 242 / 5%),transparent 55%),linear-gradient(180deg,#171c23,#0f1318);border:1px solid rgb(255 255 255 / 8%);border-radius:14px;padding:20px 22px;max-width:460px;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 40px #0000008c}.upgrade-card h3{margin:0;font-size:1.15rem;letter-spacing:.01em;background:linear-gradient(180deg,var(--steel-hi) 8%,var(--steel) 42%,var(--steel-deep) 55%,var(--steel) 72%,var(--steel-hi));-webkit-background-clip:text;background-clip:text;color:transparent}.upgrade-status{margin:0;color:var(--fg)}.upgrade-features{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;color:var(--fg-dim);font-size:.82rem;line-height:1.4}.upgrade-features li{display:flex;align-items:center;gap:8px}.upgrade-features .icon{width:13px;height:13px;color:var(--steel)}@media(max-width:420px){.upgrade-features{grid-template-columns:1fr}}.upgrade-buy{margin:4px 0 0;color:var(--fg-dim);font-size:.85rem}.upgrade-actions{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-inset);border:1px solid #2c3640;border-radius:var(--radius)}.upgrade-store{display:flex;flex-direction:column;gap:8px}.upgrade-buy-btn{width:100%;padding:13px 16px;font-size:1rem;font-weight:650}.upgrade-buy-once{border-color:var(--steel-lo);color:var(--fg)}.upgrade-restore{align-self:center;border:none;background:transparent;color:var(--fg-dim);text-decoration:underline;text-underline-offset:3px}.upgrade-legal{margin:0;color:var(--fg-dim);font-size:.68rem;line-height:1.45}.redeem-title{margin:0;font-size:.95rem;color:var(--fg)}.redeem-open{display:flex;flex-direction:column;gap:8px}.redeem-hint{margin:0;color:var(--fg-dim);font-size:.78rem}.redeem-details summary{list-style:none;padding:10px 12px;background:var(--bg-raised);border:1px solid #2c3640;border-radius:var(--radius);color:var(--fg);font-size:.9rem;cursor:pointer;user-select:none;-webkit-user-select:none}.redeem-details summary::-webkit-details-marker{display:none}.redeem-chevron{display:inline-block;color:var(--fg-dim);margin-right:4px;transition:transform .15s ease}.redeem-details[open] .redeem-chevron{transform:rotate(90deg)}.redeem-details[open] summary{margin-bottom:8px}.upgrade-redeem{display:flex;gap:8px}.upgrade-redeem .redeem-unlock{flex:none}.upgrade-redeem input{flex:1;min-width:0;background:#0000004d;color:var(--fg);border:1px solid var(--fg-dim);border-radius:6px;padding:10px;font-family:inherit;font-size:.85rem}.upgrade-redeem input:focus-visible{outline:2px solid var(--steel);outline-offset:1px}.upgrade-msg{margin:0;font-size:.85rem;color:var(--accent)}.upgrade-close{align-self:flex-end}.locked-route{margin:40px auto;max-width:420px;text-align:center;display:flex;flex-direction:column;gap:14px;color:var(--fg-dim)}@media(orientation:landscape)and (max-height:640px){.shell{max-width:none;padding-top:calc(env(safe-area-inset-top,0px) + 6px);padding-bottom:8px;padding-left:calc(env(safe-area-inset-left,0px) + 10px);padding-right:calc(env(safe-area-inset-right,0px) + 10px)}.topnav{margin-bottom:4px;font-size:.85rem}.tuner-header{margin-bottom:4px}.note-name{font-size:1.6rem}.controls .btn{padding:6px 10px}.top-controls-row .btn,.top-controls-row .profile-picker{height:32px}.mode-switcher .btn{width:40px}.note-selector{margin-bottom:6px}.tuner-body{display:flex;align-items:flex-start;gap:14px}.tuner-main{flex:1 1 55%;min-width:0}.aux-stack{flex:1 1 45%;min-width:0;display:flex;flex-direction:column;gap:0}.aux-stack>*{margin-top:0;margin-bottom:0}.aux-handle{display:none}.spectrum{margin-top:0}.spectrum-toolbar{margin-top:2px}.lissajous-controls{display:none}.lissajous{margin-top:0}.lissajous-tile .lissajous-label{font-size:.72rem}.btn-label{display:none}.controls{margin-top:6px;gap:8px;flex-direction:row;align-items:center}.controls-row,.controls-row>.divider-group{display:contents}.pitch-grid{grid-template-columns:repeat(6,minmax(34px,48px));gap:4px}.pitch-grid .note-chip{padding:4px 0;font-size:.78rem}.pitch-grid .pc-alt{display:none}.pitch-grid .pc-both{display:inline}.octave-stepper .stepper-btn{width:28px;height:28px}.octave-stepper .octave-value{font-size:1rem}.note-selector-below{margin:2px 0 0}.top-controls-row{margin-bottom:4px}.top-controls-row .profile-picker{padding:5px 8px;font-size:.8rem}.note-selector-below{margin-top:6px}.diagnostics,.install-hint{display:none}.capture-msg{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);transform:translate(-50%);margin:0;padding:5px 14px;background:var(--bg-raised);border:1px solid #2c3640;border-radius:var(--radius);box-shadow:0 4px 18px #00000073;z-index:30;white-space:nowrap}}.record-button .record-dot{color:#e5484d}.record-button.record-live{font-family:var(--font-mono)}.review-bar{display:flex;align-items:center;gap:8px;margin:6px 0;padding:8px 10px;background:var(--bg-raised);border:1px solid #2c3640;border-radius:var(--radius)}.review-time{font-family:var(--font-mono);font-size:1rem;color:var(--steel-hi);min-width:3.8em}.report-picker-wrap{flex:1;min-width:0;position:static}.review-bar{position:relative}.review-bar .report-picker{width:100%;min-width:0;padding:5px 8px;font-size:.78rem}@media(orientation:portrait)and (max-width:700px){.tuner{display:flex;flex-direction:column;min-height:calc(100dvh - var(--tuner-top, 0px) - 24px)}.tuner-body{flex:1;display:flex;flex-direction:column}.tuner-main{flex:1;display:flex;flex-direction:column;min-width:0}.tuner-main>.strobe-stack{margin-top:auto;margin-bottom:auto}}@media(max-width:480px){.review-bar .review-time{font-size:.85rem;min-width:3.2em}.review-bar [data-testid=review-live] .btn-label{display:none}}.report-picker-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-picker-caret{flex:none;font-size:.7em;opacity:.7}.report-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid #3a4550;border-radius:var(--radius);box-shadow:0 10px 28px #0009;overflow:hidden;max-height:min(46vh,320px);overflow-y:auto}.report-menu-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;background:none;border:none;border-bottom:1px solid #232b34;color:var(--fg);font-size:.85rem;text-align:left;cursor:pointer}.report-menu-row:last-child{border-bottom:none}.report-menu-new{color:var(--accent)}.report-menu-active{background:var(--bg-inset);box-shadow:inset 2px 0 0 var(--steel)}.report-menu-name{min-width:0;overflow-wrap:anywhere}.report-menu-meta{flex:none;color:var(--fg-dim);font-size:.72rem;font-family:var(--font-mono)}.spectrum-canvas-review{touch-action:none;cursor:ns-resize}@media(max-width:480px){.editor-overlay{padding:8px}.editor-sheet{padding:12px}.editor-table{table-layout:fixed;width:100%}.editor-table th:nth-child(1){width:20%}.editor-table th:nth-child(2){width:19%}.editor-table th:nth-child(3){width:19%}.editor-table th:nth-child(4){width:27%}.editor-table th:nth-child(5){width:15%}.editor-table th,.editor-table td{padding:3px 2px;font-size:.8rem}.editor-input{padding:5px;font-size:.82rem;min-width:0}.editor-input-narrow{width:100%}.editor-cents{white-space:nowrap;font-size:.72rem}.editor-table td .btn{padding:5px 8px}.convert-helper{flex-wrap:wrap}.convert-helper .editor-input-narrow{width:52px}}