:root{color:#f1f3eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--page:#050606;--shell:#090b0b;--panel:#111514;--control:#171c1a;--ink:#f1f3eb;--muted:#aeb5af;--faint:#9aa29c;--line:#48514c;--control-line:#737c76;--track:#737c76;--accent:#ff7a50;--accent-soft:#3a211a;--live:#b7f54a;--on-live:#10130d;--focus:#ffd166;--notice-bg:#f1f3eb;--notice-ink:#0c0e0d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:#050606;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;background:var(--page);min-height:100svh}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:4px solid var(--focus);outline-offset:3px}label:has(input:focus-visible){outline:4px solid var(--focus);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:100%;min-width:0;max-width:520px;height:100svh;background:radial-gradient(circle at 50% -15%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 36%), var(--shell);isolation:isolate;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;height:100dvh;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.power-button{border:2px solid var(--control-line);background:var(--control);min-height:56px;width:var(--tone-button-size,90px);min-width:var(--tone-button-size,90px);height:var(--tone-button-size,90px);min-height:var(--tone-button-size,90px);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:1.0625rem;font-weight:750;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s;display:flex}.power-button:disabled{cursor:wait;opacity:.65}.power-button.is-active{color:var(--on-live);border-color:var(--live);background:var(--live);box-shadow:0 0 0 2px color-mix(in srgb, var(--live) 24%, transparent)}.playback-icon{fill:currentColor;flex:none;width:43px;height:43px}.pause-symbol,.power-button.is-active .play-symbol{display:none}.power-button.is-active .pause-symbol{display:block}.instrument{width:100%;min-width:0;min-height:0;padding:max(10px, calc(var(--safe-top) + 8px)) 18px max(12px, var(--safe-bottom));flex:auto;grid-template-rows:auto auto minmax(200px,1fr) auto;gap:10px;display:grid}.wave-preview{width:calc(100% + 36px);height:58px;margin-left:-18px;margin-right:-18px;overflow:hidden}.scope{width:100%;height:100%;display:block}.scope-bundle{transform-box:view-box;transform-origin:50%;transition:transform .18s}.scope-bundle.is-inverted{transform:scaleY(-1)}.scope-spread-line,.scope-center-cutout,.scope-center-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.scope-spread-line{stroke:var(--accent);stroke-width:2px;opacity:0;transition:opacity .18s}.scope-center-cutout{stroke:var(--shell);stroke-width:8px;opacity:.96}.scope-center-line{stroke:var(--accent);stroke-width:3px}.frequency-stage{background:color-mix(in srgb, var(--panel) 96%, transparent);border:0;border-radius:14px}.wave-preview,.wave-section,.frequency-stage,.pan-control{min-width:0}.parameter-editors{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.parameter-editor{grid-template-columns:minmax(0,1fr);min-width:0;padding:10px 4px 0;display:grid}.parameter-entry{background:var(--control);border:0;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;min-width:0;height:52px;padding:0 3px;display:flex}.parameter-entry output{min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.75rem;font-weight:650;line-height:1}.parameter-entry span{color:var(--accent);flex:none;font-size:.875rem;font-weight:800}.wave-section{gap:6px;display:grid}.wave-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.wave-option{min-width:0;min-height:54px;color:var(--muted);background:var(--control);border:2px solid var(--control-line);letter-spacing:.04em;border-radius:10px;justify-content:center;align-items:center;padding:0 7px;font-size:1rem;font-weight:700;transition:all .15s;display:flex;position:relative}.wave-option.is-selected{color:var(--shell);border-color:var(--ink);background:var(--ink);box-shadow:none}.frequency-stage{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.frequency-stage-body{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.frequency-slider-group,.spread-slider-group{min-width:0;min-height:0;display:grid}.frequency-slider-group{grid-template-columns:minmax(0,1fr) 72px}.spread-slider-group{grid-template-columns:72px minmax(0,1fr)}.vertical-scale{min-height:0;color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:16px 3px 16px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;font-weight:700;line-height:1rem;display:flex}.vertical-scale span{position:relative}.vertical-scale span:after{content:"";background:var(--control-line);width:10px;height:2px;position:absolute;top:50%;left:calc(100% + 6px)}.spread-slider-group .vertical-scale{align-items:flex-start;padding-left:3px;padding-right:4px}.spread-slider-group .vertical-scale span:after{left:auto;right:calc(100% + 6px)}.vertical-control{--vertical-track-width:10px;--vertical-thumb-size:48px;--vertical-thumb-radius:24px;justify-content:center;min-height:0;padding:0;display:flex;position:relative}.vertical-control:before{top:var(--vertical-thumb-radius);bottom:var(--vertical-thumb-radius);width:var(--vertical-track-width);content:"";pointer-events:none;background:var(--track);border:1px solid var(--control-line);border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.vertical-slider{--slider-progress:0%;z-index:1;appearance:none;writing-mode:vertical-lr;background:linear-gradient(to top, var(--accent) 0 var(--slider-progress), transparent var(--slider-progress) 100%) center / calc(var(--vertical-track-width) - 2px) calc(100% - var(--vertical-thumb-size) - 2px) no-repeat;cursor:ns-resize;touch-action:none;direction:rtl;border:0;width:64px;height:100%;min-height:90px;margin:0;padding:0;position:relative}.vertical-slider::-webkit-slider-runnable-track{width:var(--vertical-track-width);background:0 0;border:0;height:100%}.vertical-slider::-webkit-slider-thumb{width:var(--vertical-thumb-size);height:var(--vertical-thumb-size);appearance:none;background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb, var(--page) 65%, transparent);border:0;border-radius:50%;margin-left:-19px}.vertical-slider::-moz-range-track{width:var(--vertical-track-width);background:0 0;border:0;height:100%}.vertical-slider::-moz-range-progress{width:var(--vertical-track-width);background:0 0}.vertical-slider::-moz-range-thumb{box-sizing:border-box;width:var(--vertical-thumb-size);height:var(--vertical-thumb-size);background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb, var(--page) 65%, transparent);border:0;border-radius:50%}.tone-controls{--tone-button-size:90px;--tone-button-gap:16px;justify-content:center;align-items:center;gap:var(--tone-button-gap);flex-direction:column;min-width:0;min-height:0;padding:16px 8px;display:flex}.toggle-button,.help-button{width:var(--tone-button-size);min-width:var(--tone-button-size);height:var(--tone-button-size);min-height:var(--tone-button-size);color:var(--muted);background:var(--control);border:2px solid var(--control-line);letter-spacing:.04em;border-radius:10px;justify-content:center;align-items:center;padding:0 4px;font-size:1rem;font-weight:800;transition:color .15s,background-color .15s,border-color .15s;display:flex}.toggle-button.is-active{color:var(--shell);border-color:var(--ink);background:var(--ink);box-shadow:none}.help-button{color:var(--ink);font-size:2.25rem;line-height:1}.help-button:active{color:var(--shell);border-color:var(--ink);background:var(--ink)}.pan-control{gap:7px;display:grid}.pan-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pan-presets button{min-height:54px;color:var(--muted);background:var(--control);border:2px solid var(--control-line);border-radius:10px;padding:0 10px;font-size:1rem;font-weight:750;position:relative}.pan-presets button.is-selected{color:var(--shell);border-color:var(--ink);background:var(--ink);box-shadow:none}.pan-slider-row{grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.pan-slider{--pan-position:50%;appearance:none;cursor:ew-resize;touch-action:none;background:0 0;width:100%;height:54px;margin:0}.pan-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, transparent calc(50% - 2px), var(--ink) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)), var(--track);border:1px solid var(--control-line);border-radius:999px;width:100%;height:10px}.pan-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);width:48px;height:48px;box-shadow:0 4px 12px color-mix(in srgb, var(--page) 60%, transparent);border:0;border-radius:50%;margin-top:-20px}.pan-slider::-moz-range-track{background:var(--track);border:1px solid var(--control-line);border-radius:999px;width:100%;height:10px}.pan-slider::-moz-range-thumb{box-sizing:border-box;background:var(--accent);width:48px;height:48px;box-shadow:0 4px 12px color-mix(in srgb, var(--page) 60%, transparent);border:0;border-radius:50%}.notice{right:18px;bottom:max(18px, calc(var(--safe-bottom) + 8px));z-index:10;color:var(--notice-ink);background:var(--notice-bg);border:3px solid var(--focus);box-shadow:0 12px 36px color-mix(in srgb, var(--page) 70%, transparent);opacity:0;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;font-size:1rem;font-weight:650;line-height:1.35;transition:all .18s;display:grid;position:absolute;left:18px;transform:translateY(12px)}.notice.is-visible{opacity:1;transform:translateY(0)}.notice p{margin:0}.notice-actions{gap:8px;display:flex}.notice button{min-height:52px;color:inherit;background:0 0;border:2px solid;border-radius:10px;padding:0 14px;font-size:1rem;font-weight:800}.notice .notice-install{color:var(--notice-bg);background:var(--notice-ink)}.notice button:disabled{opacity:.6}.help-modal{width:100vw;max-width:none;height:100svh;overscroll-behavior-y:contain;color:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;background:#fff;border:0;height:100dvh;max-height:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden scroll}.help-modal::backdrop{background:#fff}.help-modal::-webkit-scrollbar{width:0;height:0}.help-header{z-index:2;padding:max(16px, env(safe-area-inset-top,0px)) max(32px, calc(env(safe-area-inset-right,0px) + 28px)) 16px max(18px, env(safe-area-inset-left,0px));background:#fff;border-bottom:3px solid #111;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid;position:sticky;top:0}.help-kicker{color:#333;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.875rem;font-weight:800}.help-header h2{color:#111;margin:0;font-size:clamp(1.35rem,6vw,2rem);line-height:1.12}.help-header button{color:#111;background:#fff;border:3px solid #111;border-radius:8px;min-width:68px;min-height:54px;padding:0 10px;font-size:1rem;font-weight:850}.help-header button:active{color:#fff;background:#111}.help-content{width:100%;max-width:760px;padding:24px max(32px, calc(env(safe-area-inset-right,0px) + 28px)) max(56px, calc(env(safe-area-inset-bottom,0px) + 32px)) max(18px, env(safe-area-inset-left,0px));margin:0 auto;font-size:1.125rem;line-height:1.62}.help-introduction{background:#fff;border:2px solid #111;border-radius:8px;margin:0 0 28px;padding:16px;font-weight:650}.help-content section{margin:0}.help-content section+section{border-top:5px solid #111;margin-top:38px;padding-top:32px}.help-content h3{color:#111;margin:0 0 24px;font-size:clamp(1.65rem,7vw,2.25rem);line-height:1.15}.help-content h4{color:#111;margin:30px 0 8px;font-size:1.25rem;line-height:1.25}.help-content p{margin:0 0 16px}.help-content ul{gap:12px;margin:8px 0 24px;padding-left:1.4em;display:grid}.help-definitions{gap:12px;margin:12px 0 24px;display:grid}.help-definitions>div{background:#fff;border-left:5px solid #111;padding:14px 16px}.help-definitions dt{margin:0 0 4px;font-weight:900}.help-definitions dd{margin:0}.help-equation{overflow-wrap:anywhere;background:#fff;border:2px solid #111;border-radius:8px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;font-weight:750;line-height:1.5}.help-scrollbar{z-index:4;pointer-events:none;background:#d2d2d2;border-left:2px solid #111;width:14px;position:fixed;top:0;bottom:0;right:0}.help-scrollbar-thumb{will-change:height, transform;background:#111;border-radius:999px;height:72px;min-height:56px;position:absolute;top:0;left:2px;right:2px;transform:translateY(0)}html.is-installed .notice.is-install-notice{display:none}@media (display-mode:fullscreen),(display-mode:standalone){.notice.is-install-notice{display:none}}@media (min-width:390px) and (min-height:840px){.tone-controls{--tone-button-size:96px;--tone-button-gap:18px}.instrument{padding-top:max(13px, calc(var(--safe-top) + 10px));padding-bottom:max(16px, calc(var(--safe-bottom) + 10px));gap:12px}.wave-preview{height:64px}.parameter-editor{padding-top:12px}.parameter-entry output{font-size:2rem}.wave-option{min-height:58px}.vertical-control{--vertical-track-width:12px}.vertical-slider::-webkit-slider-runnable-track{width:var(--vertical-track-width)}.vertical-slider::-moz-range-track{width:var(--vertical-track-width)}.vertical-slider::-moz-range-progress{width:var(--vertical-track-width)}.vertical-slider::-webkit-slider-thumb{margin-left:-18px}.pan-presets button{min-height:58px}.pan-slider{height:58px}.pan-slider::-webkit-slider-runnable-track{height:12px}.pan-slider::-moz-range-track{height:12px}.pan-slider::-webkit-slider-thumb{margin-top:-19px}}@media (min-width:521px){.app-shell{border-right:2px solid var(--line);border-left:2px solid var(--line);box-shadow:0 0 80px color-mix(in srgb, var(--page) 80%, transparent)}}@media (max-width:370px){.instrument{padding-left:13px;padding-right:13px}.wave-preview{width:calc(100% + 26px);margin-left:-13px;margin-right:-13px}.tone-controls{--tone-button-size:85px;--tone-button-gap:14px}.parameter-editor,.parameter-entry{padding-left:2px;padding-right:2px}.parameter-entry output{font-size:1.5rem}.parameter-entry span{font-size:.75rem}.wave-option{padding:0 4px;font-size:.875rem}.frequency-slider-group{grid-template-columns:minmax(0,1fr) 52px}.spread-slider-group{grid-template-columns:52px minmax(0,1fr)}.vertical-slider{width:48px}.vertical-scale{font-size:.75rem}.toggle-button{font-size:.875rem}.help-button{font-size:2rem}.help-header{gap:10px}.help-header button{min-width:62px;padding:0 7px;font-size:.875rem}.help-content{font-size:1.0625rem}.notice{grid-template-columns:minmax(0,1fr);left:12px;right:12px}.notice-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-height:720px){.instrument{padding-top:max(6px, calc(var(--safe-top) + 4px));padding-bottom:max(6px, var(--safe-bottom));grid-template-rows:auto auto minmax(176px,1fr) auto;gap:6px}.wave-preview{height:44px}.parameter-editor{padding-top:7px}.parameter-entry{height:50px}.wave-section{gap:4px}.wave-option{min-height:48px}.tone-controls{--tone-button-size:77px;--tone-button-gap:10px;padding-top:8px;padding-bottom:8px}.pan-control{gap:4px}.pan-presets{gap:5px}.pan-presets button{min-height:48px}.pan-slider,.pan-slider-row{height:48px}}@media (max-height:600px){.tone-controls{--tone-button-size:72px;--tone-button-gap:8px}.app-shell{overscroll-behavior-y:contain;overflow-y:auto}.instrument{grid-template-rows:auto auto minmax(310px,1fr) auto}.pan-control{position:relative}.pan-control:after{width:1px;height:var(--safe-bottom);content:"";pointer-events:none;position:absolute;top:100%;left:0}}@media (max-height:500px){html,body{overscroll-behavior-y:contain;height:auto;overflow-y:auto}.app-shell{min-height:100svh;height:auto;min-height:100dvh;position:relative;inset:auto;overflow:visible}.instrument{flex:none;grid-template-rows:auto auto minmax(310px,1fr) auto}.notice{position:fixed}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}