:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0f0ec;--ui-text:#f0f0ecdb;--ui-muted:#d2d2cc85;--ui-soft:#e0e0daa3;--ui-label:#f6f5eff0;--ui-accent:#d2d2cabd;--ui-hot:#de5236e6;--ui-border:#e8e8e229;--ui-border-active:#e8e8e27a;--ui-surface:#0e0e0e38;--ui-surface-active:#d2d2ca1f;--ui-shadow:#020407eb;--ui-flash-bg:#10100fb3;--ui-meter:#de5236e6;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:#020407;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#0c0c0ceb,#000),#020407}body.ui-light{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-text:#dae8e1e0;--ui-muted:#a4bcb5a8;--ui-soft:#bed3cdc2;--ui-label:#ecece6f0;--ui-accent:#cdcdc6b8;--ui-border:#cdcdc63d;--ui-border-active:#e8e8e294;--ui-surface:#18181775;--ui-surface-active:#76767052;--ui-shadow:#030808eb;--ui-flash-bg:#121211d1;--ui-meter:#de5236e0}body.ui-paper{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-text:#2c2e2cdb;--ui-muted:#484c499e;--ui-soft:#3e423fb8;--ui-label:#262d2be6;--ui-accent:#464e4cbd;--ui-border:#50555238;--ui-border-active:#3a403e80;--ui-surface:#f6f4ef57;--ui-surface-active:#dedcd6a3;--ui-shadow:#f8f6f0f0;--ui-flash-bg:#f4f2ecdb;--ui-meter:#50483edb}body.ui-cymatic{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-text:#eeeee8db;--ui-muted:#babab29e;--ui-soft:#d2d2cab8;--ui-label:#f6f5eff0;--ui-accent:#cecec694;--ui-border:#d6d6ce2e;--ui-border-active:#ecece470;--ui-surface:#0a0a0957;--ui-surface-active:#56565057;--ui-shadow:#000504eb;--ui-flash-bg:#0e0e0dd1;--ui-meter:#de5236e6}button{font:inherit}.webgl-canvas{background:#020407;width:100%;height:100%;display:block;position:fixed;inset:0}.start-screen{z-index:3;padding:max(24px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));background:#e9e7de;grid-template-rows:1fr auto auto 1fr;place-items:center;transition:opacity .42s,visibility .42s;display:grid;position:fixed;inset:0}.entrance-grain{image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.start-screen:before{content:"";pointer-events:none;background:linear-gradient(#f2f0e857,#0000 26% 74%,#e4e1d833),radial-gradient(#0000 0 42%,#e8e5db57 76%,#f4f2eb9e 100%);position:absolute;inset:0}.start-screen.is-dismissed{opacity:0;visibility:hidden;pointer-events:none}.start-copy{z-index:1;text-align:center;grid-row:2;width:min(100%,420px);position:relative}.kicker,.hud,.status{letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.kicker{color:#1e1f1e8f;text-transform:lowercase;margin:16px 0 0;font-size:clamp(15px,3.2vw,19px);font-weight:400}h1{color:#121312c7;letter-spacing:.02em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(30px,8vw,48px);font-weight:300;line-height:1}.start-button{z-index:1;color:#121312b8;letter-spacing:.08em;text-transform:uppercase;width:min(178px,58vw);min-height:42px;box-shadow:none;background:#eceae133;border:1px solid #1c1d1c5c;border-radius:2px;grid-row:3;margin-top:34px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:400;position:relative;overflow:hidden}.start-button:active{background:#22222014;transform:translateY(1px)}.start-button:disabled{opacity:.48}@media (width>=760px) and (pointer:fine){.start-button{width:230px;min-height:52px;margin-top:46px;font-size:13px}}.hud{right:max(14px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));z-index:2;color:var(--ui-text);text-shadow:0 0 14px var(--ui-shadow);pointer-events:none;gap:7px;padding:12px 0 0;font-size:11px;line-height:1.35;transition:opacity .5s;display:grid;position:fixed}.frequency-monitor{left:max(14px, env(safe-area-inset-left));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 124px);z-index:2;color:#e8e8e2c7;letter-spacing:0;text-shadow:0 0 12px #020407e6;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(90deg,#121211a3,#1212111a);border-left:1px solid #e8e8e252;gap:clamp(3px,.7vw,5px);width:clamp(128px,34vw,178px);padding:clamp(8px,1.8vw,11px) clamp(9px,2vw,12px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(9px,1.9vw,11px);line-height:1.24;transition:opacity .26s,transform .26s,visibility .26s;display:grid;position:fixed;transform:translateY(6px)}.frequency-monitor.is-active{opacity:.86;visibility:visible;transform:translateY(0)}.frequency-monitor__row{grid-template-columns:3.4em minmax(0,1fr);align-items:baseline;gap:9px;min-height:1.24em;display:grid}.frequency-monitor__row span:first-child{color:#d2d2cab8}.frequency-monitor__row span:last-child{color:#f6f5efe0;text-align:right;white-space:nowrap;overflow:hidden}.frequency-monitor__status{color:#f2785cd1;opacity:0;text-align:right;min-height:1.2em;transition:opacity .18s}.frequency-monitor__status.is-visible{opacity:.78}body:not([data-scan-mode="1"]) .frequency-monitor,body.ui-light .frequency-monitor{opacity:0;visibility:hidden}.cymatic-debug{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:4;color:#1c1e1bb8;opacity:0;visibility:hidden;pointer-events:none;background:#f8f4ecbd;border-left:1px solid #2c2e2a42;gap:3px;min-width:218px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.28;display:grid;position:fixed}.cymatic-debug.is-active{opacity:.92;visibility:visible}.cymatic-debug div{grid-template-columns:7.2em minmax(0,1fr);gap:8px;display:grid}.cymatic-debug .cymatic-debug__title{color:#10110fdb;white-space:nowrap;grid-template-columns:none;display:block}.cymatic-debug span{color:#10110fe6;text-align:right;white-space:nowrap;overflow:hidden}body.ui-cymatic #mode-label{visibility:hidden}.mode-flash{z-index:3;border:1px solid var(--ui-border-active);background:var(--ui-flash-bg);color:var(--ui-text);letter-spacing:0;text-shadow:0 0 14px var(--ui-shadow);pointer-events:none;border-radius:6px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;transition:opacity .32s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-flash.is-hidden,.hud.is-hidden{opacity:0}.hud.is-dimmed{opacity:.28}.hud.is-pinned{opacity:.92}.hud-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.mode-selector{pointer-events:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 3px;display:grid}.mode-option{border:1px solid var(--ui-border-active);min-height:42px;color:var(--ui-text);letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#262624ad;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(8px,2.5vw,10px);display:flex;position:relative}.mode-option:after{content:"";background:#de523600;height:1px;transition:background .18s,box-shadow .18s;position:absolute;bottom:5px;left:8px;right:8px}.mode-option:hover,.mode-option:focus-visible{border-color:var(--ui-border-active);color:var(--ui-text);background:#3e3e3ac2;outline:none}.mode-option:active{transform:translateY(1px)}.mode-option.is-selected{border-color:var(--ui-border-active);color:var(--ui-label);background:#54544ed1;box-shadow:inset 0 0 0 1px #f6f5ef33,0 0 18px #f6f5ef1f}.action-buttons{pointer-events:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.palette-button,.record-button,.stop-button{border:1px solid var(--ui-border);width:100%;min-height:30px;color:var(--ui-label);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:linear-gradient(90deg,#f6f5ef24,#de523629,#7878742e),#26262485;border-radius:6px;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(9px,2.4vw,10px);overflow:hidden}.palette-button:hover,.palette-button:focus-visible,.record-button:hover,.record-button:focus-visible,.stop-button:hover,.stop-button:focus-visible{border-color:var(--ui-border-active);background:linear-gradient(90deg,#f6f5ef33,#de52363d,#7878743d),#3e3e3ab8;outline:none}.record-button{color:#fff6f0fa;background:linear-gradient(90deg,#f2785c61,#f6f5ef1f),#48221cc7;border-color:#f2785cbd;box-shadow:inset 0 0 0 1px #f2785c3d,0 0 16px #de523629}.record-button.is-recording{color:#fff6f0f5;background:linear-gradient(90deg,#de523647,#f6f5ef1a),#341c18c7;border-color:#f2785cb8;box-shadow:inset 0 0 0 1px #f2785c33,0 0 18px #de52362e}.record-button:disabled{cursor:not-allowed;opacity:.42}.stop-button{color:var(--ui-soft);background:linear-gradient(90deg,#f6f5ef14,#7878741a),#16161499}body.ui-light .hud{opacity:.9;text-shadow:0 0 12px var(--ui-shadow)}body.ui-light .hud.is-dimmed{opacity:.42}body.ui-light .mode-option{border-color:var(--ui-border-active);color:var(--ui-text);background:#343430ad}body.ui-light .mode-option:hover,body.ui-light .mode-option:focus-visible{border-color:var(--ui-border-active);color:var(--ui-text);background:#4e4e48b8}body.ui-light .mode-option.is-selected{border-color:var(--ui-border-active);color:#f6f5eff5;background:#5c5c54d1}body.ui-light .mode-option.is-selected:after{background:#de5236db;box-shadow:0 0 8px #de523657}body.ui-paper .hud{opacity:.92;text-shadow:0 1px 0 var(--ui-shadow), 0 0 10px #f8f6f0cc}body.ui-paper .hud.is-dimmed{opacity:.5}body.ui-paper .mode-option{border-color:var(--ui-border-active);color:var(--ui-text);background:#e0ded8c2}body.ui-paper .mode-option:hover,body.ui-paper .mode-option:focus-visible{border-color:var(--ui-border-active);color:var(--ui-text);background:#eceae48f}body.ui-paper .mode-option.is-selected{border-color:var(--ui-border-active);color:#242826f0;background:#ceccc6eb}body.ui-paper .mode-option.is-selected:after{background:#de5236b8;box-shadow:0 0 8px #de52362e}.mode-option.is-selected:after{background:var(--ui-hot);box-shadow:0 0 10px var(--ui-hot)}.mode-glyph{opacity:.95;flex:none;width:16px;height:14px;position:relative}.point-glyph{background:radial-gradient(circle at 3px 3px,currentColor 0 1px,#0000 1.5px),radial-gradient(circle at 9px 5px,currentColor 0 1px,#0000 1.5px),radial-gradient(circle at 5px 10px,currentColor 0 1px,#0000 1.5px),radial-gradient(circle at 13px 11px,currentColor 0 1px,#0000 1.5px)}.freq-glyph:before,.freq-glyph:after{content:"";background:currentColor;border-radius:999px;height:1px;position:absolute;left:0;right:0}.freq-glyph:before{top:4px;transform:skewY(-18deg)}.freq-glyph:after{top:9px;transform:skewY(18deg)}.line-glyph{background:linear-gradient(135deg,#0000 0 36%,currentColor 37% 42%,#0000 43%),linear-gradient(25deg,#0000 0 50%,currentColor 51% 56%,#0000 57%)}.edge-glyph{background:linear-gradient(90deg,#0000 0 20%,currentColor 21% 25%,#0000 26%),linear-gradient(0deg,#0000 0 28%,currentColor 29% 34%,#0000 35%),linear-gradient(135deg,#0000 0 58%,currentColor 59% 64%,#0000 65%)}.hud-bands{color:var(--ui-soft)}.hud-label{color:var(--ui-label)}.hud-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.meter{color:var(--ui-meter);white-space:nowrap}#band-meter{white-space:nowrap}.status{right:20px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:4;min-height:18px;color:var(--ui-soft);text-align:center;pointer-events:none;font-size:11px;position:fixed;left:20px}.debug-panel{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:5;border:1px solid var(--ui-border-active);background:var(--ui-flash-bg);max-width:min(320px,100vw - 20px);color:var(--ui-text);white-space:pre-wrap;pointer-events:none;border-radius:6px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.45;position:fixed}.debug-panel.is-hidden{display:none}.audio-debug-panel{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:5;color:#f6f5efe0;letter-spacing:0;pointer-events:none;text-align:left;text-shadow:0 0 12px #020407d9;white-space:pre-wrap;background:#080908c2;border-left:1px solid #f2785cb8;max-width:min(420px,100vw - 20px);margin:0;padding:9px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.35;position:fixed}@media (orientation:landscape){.frequency-monitor{bottom:max(18px, env(safe-area-inset-bottom))}.hud{right:max(18px, env(safe-area-inset-right));width:min(420px,52vw);left:auto}}@media (width>=820px){.frequency-monitor{bottom:max(22px, env(safe-area-inset-bottom));left:max(22px, env(safe-area-inset-left));width:188px;padding:12px 13px;font-size:11px}.hud{right:max(22px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));width:min(430px,34vw);left:auto}}@media (width<=460px){.frequency-monitor{gap:3px;width:clamp(118px,40vw,148px)}.frequency-monitor__row{grid-template-columns:3.1em minmax(0,1fr);gap:6px}.mode-option{gap:5px;font-size:9px}}