:root{--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;--color-core-ink: #1d2021;--color-core-paper: #f4f1e8;--color-core-accent: #d65d0e;--color-bg-sky: var(--color-core-ink);--color-bg-deep: var(--color-core-ink);--color-primary-soft: rgba(29, 32, 33, .92);--color-primary-dim: rgba(29, 32, 33, .98);--color-accent-sheen: rgba(214, 93, 14, .2);--color-accent-sheen-strong: rgba(214, 93, 14, .42);--color-accent-silver: rgba(214, 93, 14, .16);--color-glimmer-one: rgba(214, 93, 14, 1);--color-glimmer-two: rgba(214, 93, 14, .75);--color-glimmer-three: rgba(214, 93, 14, .42);--color-text-primary: rgba(244, 241, 232, .96);--color-text-secondary: rgba(244, 241, 232, .76);--color-text-tertiary: rgba(244, 241, 232, .58);--color-key-white: rgba(244, 241, 232, .92);--color-key-active: rgba(255, 122, 61, .32);--color-key-black: rgba(16, 21, 31, .98);--color-key-black-active: rgba(255, 122, 61, .44);--color-surface: rgba(16, 21, 31, .72);--color-surface-intense: rgba(16, 21, 31, .86);--color-surface-soft: rgba(16, 21, 31, .58);--color-surface-label: rgba(16, 21, 31, .62);--shadow-radiant: 0 8px 24px rgba(0, 0, 0, .6);--shadow-floating: 0 4px 16px rgba(0, 0, 0, .5);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .4);--shadow-touch: 0 1px 4px rgba(0, 0, 0, .3);--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 20px;--space-xl: 28px;--space-2xl: 40px;--border-glass: 1px solid rgba(255, 122, 61, .22);--border-glass-subtle: 1px solid rgba(255, 122, 61, .14);--blur-surface: 0px;--blur-overlay: 0px;--transition-dissolve: .1s ease;--transition-surface: .1s ease;--transition-hover: .1s ease;--radius-large: 6px;--radius-medium: 4px;--radius-small: 4px;--max-shell-width: min(92vw, 1080px);--wave-candy-height: clamp(180px, 22vh, 240px);--scroll-progress: 0}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd{margin:0}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit}table{border-collapse:collapse;border-color:inherit;text-indent:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none!important}html,body{height:100%;direction:ltr}html{overflow-x:clip}body{margin:0;min-height:100%;background:var(--color-bg-deep);color:var(--color-text-primary);font-family:var(--font-mono);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden;text-align:left}#root{min-height:100vh;min-height:100dvh;position:relative;z-index:1}button,input,select,textarea{font-family:inherit;font-weight:500}button{cursor:pointer;background:none;border:none;color:inherit;padding:0}p,span,label,dd,dt,li,code,kbd{color:var(--color-text-primary);opacity:1;text-shadow:none}small{color:var(--color-text-secondary);opacity:.9}h1,h2,h3,h4{font-weight:500;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);text-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--color-accent-sheen);outline-offset:4px}*{scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}button:disabled{opacity:.45;cursor:not-allowed}.simple-background{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--color-bg-deep)}.gradient-layer{display:none}.app-stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-shell{position:relative;width:var(--max-shell-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-lg) var(--space-2xl);min-height:100vh;min-height:100dvh}.app-shell>*{position:relative;z-index:1}.tier-support{box-shadow:var(--shadow-floating);border:1px solid rgba(255,255,255,.24)}.tier-subtle{box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.14);opacity:.92}.content-tertiary{order:0;flex:0 0 auto}.content-primary{order:1;flex:1 1 auto}.zone-top{width:min(1040px,100%);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;justify-content:space-between;gap:18px 28px;padding:10px 0 18px;border-radius:0;background:none;backdrop-filter:none;border:0;border-bottom:1px solid rgba(244,241,232,.08);box-shadow:none;overflow:visible}.zone-center{width:min(1200px,95vw);flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 0}.brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.brand-title{font-weight:600;font-size:1.24rem;letter-spacing:.03em;color:var(--color-glimmer-one);text-shadow:none;margin:0;padding-left:1px}.header-controls{display:flex;align-items:flex-start;gap:14px 18px;justify-content:flex-end;flex-wrap:wrap;max-width:none}.header-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:6px;padding-left:18px;border-left:1px solid rgba(244,241,232,.08)}.header-controls .button-icon{width:40px;height:40px;border-radius:4px;font-size:.92rem;background:transparent;border-color:transparent;box-shadow:none;color:var(--color-text-secondary)}.header-controls .button-icon:hover{background:#f4f1e814;color:var(--color-text-primary)}.header-controls label.button-icon{cursor:pointer}.header-controls .button-icon.loading{opacity:.5;pointer-events:none}.panel{position:relative;background:var(--color-surface);border:var(--border-glass);border-radius:var(--radius-medium);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);backdrop-filter:blur(var(--blur-surface)) brightness(1.08);box-shadow:var(--shadow-soft);overflow:hidden}.panel.elevated{box-shadow:var(--shadow-floating);background:var(--color-surface-intense)}.app-notice{position:fixed;right:max(18px,env(safe-area-inset-right,18px));bottom:max(18px,env(safe-area-inset-bottom,18px));z-index:130;padding:10px 14px;border-radius:2px;background:#10151fe6;border:1px solid rgba(255,122,61,.4);color:var(--color-text-primary);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-floating)}.button-icon,.button-primary,.waveform-button{position:relative;overflow:hidden;border-radius:4px;background:#f4f1e824;border:var(--border-glass-subtle);color:var(--color-text-primary);transition:transform var(--transition-hover),filter var(--transition-hover),border-color var(--transition-hover)}.button-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:1.1rem;color:var(--color-text-primary)}.button-primary{min-height:48px;padding:12px 18px;border-radius:4px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#ff7a3d47}.button-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 0;border-radius:0;border:1px solid transparent;background:transparent;font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--color-text-secondary);text-decoration:none;transition:color .1s ease,border-color .1s ease,background-color .1s ease}.button-link:hover{color:var(--color-text-primary)}.button-link:focus-visible{outline:none;color:var(--color-text-primary)}.button-link--nav{padding-bottom:8px;border-bottom-color:transparent}.button-link--nav:hover,.button-link--nav:focus-visible,.button-link--nav.is-active{border-bottom-color:#ff7a3d52}.button-link--nav.is-active{color:var(--color-text-primary)}.button-link--quiet{min-height:34px;padding:0 12px;border-radius:4px;background:#f4f1e80d}.button-link--quiet:hover,.button-link--quiet:focus-visible{background:#f4f1e81a}.button-link:disabled,.button-link.is-disabled,.button-icon:disabled,.button-icon.is-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.button-icon:hover,.button-primary:hover,.waveform-button:hover{opacity:.8}.slider-group{display:flex;flex-direction:column;gap:12px}.label-stack{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.label-stack__meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0}.slider-value{font-size:clamp(.75rem,.9vw,.85rem);letter-spacing:.02em;color:var(--color-text-tertiary)}.slider-description{font-size:clamp(.72rem,.95vw,.85rem);color:var(--color-text-secondary);opacity:.9;letter-spacing:.01em}.slider-input-wrapper{position:relative;width:100%;min-height:28px;display:flex;align-items:center;justify-content:center;padding:10px 0;border-radius:2px;background:transparent;overflow:visible;--slider-progress: .5}.slider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.select-input-wrapper{position:relative}.control-select{width:100%;min-height:46px;padding:0 14px;border-radius:4px;border:1px solid rgba(244,241,232,.12);background:#f4f1e81a;color:var(--color-text-primary)}.control-select:focus-visible{outline:none;border-color:#ff7a3d75}.segment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}.segment-button{min-height:42px;padding:10px 12px;border-radius:4px;border:1px solid rgba(244,241,232,.08);background:#f4f1e80a;color:var(--color-text-secondary);letter-spacing:.02em;font-size:.74rem;transition:border-color .12s ease,color .12s ease,transform .12s ease,background .12s ease}@media (hover: hover){.segment-button:hover{color:var(--color-text-primary);transform:translateY(-1px)}}.segment-button.is-active{color:var(--color-text-primary);border-color:#ff7a3d6b;background:#ff7a3d24;box-shadow:none}.effect-summary{display:flex;flex-wrap:wrap;gap:6px}.effect-chip{display:inline-flex;align-items:center;min-height:auto;padding:0;border-radius:0;background:transparent;border:0;color:var(--color-text-secondary);font-size:.64rem;letter-spacing:.02em}.effect-chip+.effect-chip:before{content:"·";margin-right:6px;color:var(--color-text-tertiary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:2px;background:#f4f1e81a;transition:background .1s ease;border:none;box-shadow:none}input[type=range]:hover{background:#f4f1e824}input[type=range]:focus-visible{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#ff7a3df2;border:1px solid rgba(255,204,177,.92);cursor:pointer;-webkit-transition:background .1s ease;transition:background .1s ease}input[type=range]::-webkit-slider-thumb:hover{background:#ff7a3d}input[type=range]::-webkit-slider-thumb:active{transform:scale(.94)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ff7a3df2;border:1px solid rgba(255,204,177,.92);cursor:pointer;-moz-transition:background .1s ease;transition:background .1s ease}input[type=range]::-moz-range-thumb:hover{background:#ff7a3d}input[type=range]::-moz-range-thumb:active{transform:scale(.94)}.inline-toggle{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:4px;border:1px solid rgba(244,241,232,.1);background:#f4f1e80d;color:var(--color-text-secondary);font-size:.64rem;letter-spacing:.02em;transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease}@media (hover: hover){.inline-toggle:hover{color:var(--color-text-primary);transform:translateY(-1px)}}.inline-toggle.is-active{border-color:#ff7a3d61;background:#ff7a3d24;color:#ffdeccf0}.inline-toggle--subtle{min-height:28px;padding:0 10px;font-size:.56rem}.inline-toggle__marker,.toggle-row input[type=checkbox]{--switch-w: 34px;--switch-h: 18px;--switch-knob: 12px;--switch-pad: 3px;position:relative;flex:0 0 auto;width:var(--switch-w);height:var(--switch-h);margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:2px;border:1px solid rgba(244,241,232,.22);background:#f4f1e81a;cursor:pointer;transition:background .12s ease,border-color .12s ease}.inline-toggle--subtle .inline-toggle__marker{--switch-w: 28px;--switch-h: 15px;--switch-knob: 11px;--switch-pad: 2px}.inline-toggle__marker:after,.toggle-row input[type=checkbox]:after{content:"";position:absolute;top:var(--switch-pad);left:var(--switch-pad);width:var(--switch-knob);height:var(--switch-knob);border-radius:1px;background:#f4f1e8d9;transition:transform .12s ease}.inline-toggle.is-active .inline-toggle__marker,.toggle-row input[type=checkbox]:checked{background:#ff7a3dd9;border-color:#ff7a3deb}.inline-toggle.is-active .inline-toggle__marker:after,.toggle-row input[type=checkbox]:checked:after{transform:translate(calc(var(--switch-w) - var(--switch-knob) - (2 * var(--switch-pad))))}.toggle-row input[type=checkbox]:focus-visible{outline:1px solid var(--color-core-accent);outline-offset:3px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:clamp(.78rem,.95vw,.88rem);color:var(--color-text-secondary);letter-spacing:.02em}.record-button{position:relative}.record-button.recording{background:#ff7a3d4d;border-color:#ff7a3de6}.record-button.recording span{color:#ff7a3d}.preset-shelf{display:flex;flex-direction:column;gap:14px;padding:14px 0 0;border-top:1px solid rgba(244,241,232,.08)}.preset-shelf__save-row{display:flex;gap:8px}.preset-shelf__transport{display:flex;align-items:stretch;gap:8px}.preset-shelf__step{width:40px;min-height:50px;border-radius:4px;border:1px solid rgba(244,241,232,.12);background:#f4f1e80d;color:var(--color-text-secondary);font-size:1.15rem;cursor:pointer;transition:border-color .13s ease,background .13s ease,color .13s ease}.preset-shelf__step:hover,.preset-shelf__step:focus-visible{border-color:#ff7a3d75;background:#ff7a3d1a;color:var(--color-text-primary)}.preset-shelf__readout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border-radius:2px;border:1px solid rgba(255,122,61,.18);background:#0a0c0a80;overflow:hidden}.preset-shelf__readout-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:var(--color-text-primary);letter-spacing:.02em}.preset-shelf__readout-detail{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:#ff7a3dcc}.preset-shelf__description{margin:0;font-size:.7rem;line-height:1.45;color:var(--color-text-secondary)}.preset-shelf__group{display:flex;flex-direction:column;gap:4px}.preset-shelf__group+.preset-shelf__group{margin-top:10px}.preset-shelf__browse{display:flex;flex-direction:column;gap:10px}.preset-shelf__browse--capped{max-height:260px;overflow-y:auto;padding-right:4px}.preset-shelf__category{margin:0;padding:0 2px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#c4d4e599}.preset-shelf__hint{margin:0;font-size:.7rem;color:var(--color-text-secondary);opacity:.7}.preset-shelf__name-input{flex:1;min-height:36px;padding:0 12px;border-radius:4px;border:1px solid rgba(244,241,232,.12);background:#f4f1e80d;color:var(--color-text-primary)}.preset-shelf__name-input:focus-visible{outline:none;border-color:#ff7a3d75}.preset-shelf__save{min-height:36px;padding:0 16px}.preset-shelf__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.preset-shelf__item{margin:0;display:flex;align-items:stretch;gap:2px;position:relative}.preset-shelf__item:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:3px;background:transparent;opacity:0;transition:opacity .13s ease,background .13s ease}.preset-shelf__item--active:before{background:#ff7a3de6;opacity:1}.preset-shelf__apply{flex:1;min-width:0;min-height:40px;padding:8px 12px 8px 16px;border-radius:0;border:0;border-bottom:1px solid rgba(244,241,232,.05);background:#f4f1e807;color:var(--color-text-secondary);font-size:.73rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background-color .13s ease,color .13s ease}.preset-shelf__apply:focus-visible{outline:0;background:#f4f1e811;color:var(--color-text-primary)}@media (hover: hover){.preset-shelf__apply:hover{background:#f4f1e80f;color:var(--color-text-primary)}}.preset-shelf__item--active .preset-shelf__apply{background:#ff7a3d1a;color:#ffe2d0}.preset-shelf__delete{width:22px;height:auto;min-height:40px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;background:#f4f1e807;border:0;border-bottom:1px solid rgba(244,241,232,.05);opacity:.6}.preset-shelf__delete:hover{opacity:1;background:#ff7a3d17}.value-slider{--slider-progress: .5;--slider-thumb: 16px;--slider-track-h: 7px;position:relative;width:100%;height:28px;display:flex;align-items:center;cursor:pointer;touch-action:none;border-radius:2px}.value-slider__track{width:100%;height:var(--slider-track-h);border-radius:2px;background:#f4f1e81a;transition:background .1s ease}.value-slider:hover .value-slider__track{background:#f4f1e824}.value-slider__fill{position:absolute;top:50%;left:0;height:var(--slider-track-h);width:calc((var(--slider-thumb) / 2) + var(--slider-progress) * (100% - var(--slider-thumb)));transform:translateY(-50%);border-radius:2px;background:#ff7a3d8c;pointer-events:none}.value-slider:hover .value-slider__fill{background:#ff7a3dad}.value-slider__thumb{position:absolute;top:50%;left:calc((var(--slider-thumb) / 2) + var(--slider-progress) * (100% - var(--slider-thumb)));width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;transform:translate(-50%,-50%);background:#ff7a3df2;border:1px solid rgba(255,204,177,.92);transition:background .1s ease;pointer-events:none}.value-slider:hover .value-slider__thumb{background:#ff7a3d}.value-slider:active .value-slider__thumb{transform:translate(-50%,-50%) scale(.94)}.value-slider:focus-visible{outline:1px solid var(--color-core-accent);outline-offset:4px}.value-slider--disabled{cursor:default;opacity:.45}.controls-subheading{margin:18px 0 4px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.mod-matrix{display:flex;flex-direction:column;gap:10px}.mod-route-row{display:grid;grid-template-columns:minmax(92px,1fr) auto minmax(110px,1.2fr) minmax(80px,1fr) 44px 32px;align-items:center;gap:8px}.mod-route-row .control-select{min-height:38px;padding:0 10px;font-size:.78rem}.mod-route-arrow{color:var(--color-text-secondary);font-size:.8rem}.mod-route-depth{width:100%}.mod-route-depth-value{text-align:right;font-variant-numeric:tabular-nums}.mod-route-remove{width:28px;height:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 640px){.mod-route-row{grid-template-columns:1fr auto 1fr;grid-template-areas:"src arrow dst" "depth depth value"}.mod-route-row .mod-route-depth{grid-area:depth}.mod-route-row .mod-route-depth-value{grid-area:value}}@media (max-width: 1200px){.app-shell{width:min(100%,1100px);padding:var(--space-xl) var(--space-lg) var(--space-2xl);gap:var(--space-lg)}.zone-top{width:min(1000px,100%)}.zone-center{width:min(100%,96vw)}}@media (max-width: 900px){:root{--wave-candy-height: clamp(140px, 24vh, 190px)}.app-shell{width:100%;max-width:none;padding:max(12px,calc(env(safe-area-inset-top,0px) + 8px)) var(--space-sm) calc(88px + env(safe-area-inset-bottom,0px));gap:var(--space-md)}.zone-top,.zone-center{width:100%;max-width:100%}.zone-top{grid-template-columns:1fr;padding:0 0 14px;gap:12px;border-radius:0}.brand-block{width:auto;align-items:flex-start}.brand-title{font-size:1rem;letter-spacing:.02em}.header-controls{width:100%;align-items:flex-start;gap:10px;justify-content:flex-start}.header-nav{width:100%;gap:14px}.header-actions{width:100%;padding-left:0;padding-top:10px;border-left:0;border-top:1px solid rgba(244,241,232,.08);justify-content:flex-start;flex-wrap:wrap}.header-controls .button-icon{width:42px;height:42px;font-size:1rem}.zone-center{gap:var(--space-md);padding:0}.panel{padding:12px;gap:12px;border-radius:2px}.label-stack{gap:8px;align-items:center}.slider-group{gap:8px}.slider-grid{grid-template-columns:1fr}.slider-description{font-size:.68rem;letter-spacing:.02em}.toggle-row{font-size:.68rem;letter-spacing:.05em}}@media (max-width: 700px){.zone-top{display:flex;flex-direction:column;align-items:flex-start}.brand-title{width:auto;text-align:left}.header-controls{width:100%;justify-content:flex-start}}@media (max-width: 520px){.app-shell{padding-right:8px;padding-left:8px;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.zone-top{padding-bottom:12px}.brand-title{font-size:.92rem;letter-spacing:.02em}.header-controls .button-icon{width:40px;height:40px}.panel{padding:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-core-ink: #1d2021;--color-core-paper: #ebdbb2;--color-core-accent: #d65d0e;--color-bg-sky: #1d2021;--color-bg-deep: #1d2021;--color-primary-soft: rgba(29, 32, 33, .94);--color-primary-dim: rgba(29, 32, 33, .98);--color-accent-sheen: rgba(214, 93, 14, .18);--color-accent-sheen-strong: rgba(214, 93, 14, .4);--color-accent-silver: rgba(214, 93, 14, .12);--color-glimmer-one: #ebdbb2;--color-glimmer-two: rgba(235, 219, 178, .9);--color-glimmer-three: rgba(235, 219, 178, .58);--color-text-primary: rgba(235, 219, 178, .96);--color-text-secondary: rgba(235, 219, 178, .72);--color-text-tertiary: rgba(235, 219, 178, .5);--color-key-white: rgba(235, 219, 178, .96);--color-key-active: rgba(214, 93, 14, .34);--color-key-black: rgba(60, 56, 54, .98);--color-key-black-active: rgba(214, 93, 14, .54);--color-surface: rgba(40, 40, 40, .92);--color-surface-intense: rgba(50, 48, 47, .96);--color-surface-soft: rgba(40, 40, 40, .84);--color-surface-label: rgba(60, 56, 54, .9);--border-glass: 1px solid rgba(168, 153, 132, .22);--border-glass-subtle: 1px solid rgba(168, 153, 132, .16)}body{background:var(--color-bg-deep)}.simple-background,.gradient-layer{background:var(--color-bg-deep)!important}.zone-top,.panel,.panel.elevated,.app-notice,.button-icon,.button-primary,.segment-button,.control-select{background-image:none!important}.zone-top,.panel,.panel.elevated{background:#282828eb!important;border-color:#a899842e!important}.button-icon,.button-primary,.segment-button,.button-link,.control-select{background:#3c3836d6!important;border:1px solid rgba(168,153,132,.18)!important;color:var(--color-text-primary)!important;box-shadow:none!important}.button-link{display:inline-flex;align-items:center}.button-primary,.segment-button.is-active{background:#d65d0e33!important;border-color:#d65d0e52!important}.candy-canvas{background:#1d2021f5!important;border-color:#a899842e!important;box-shadow:none!important}.app-shell,.zone-top,.wave-candy,.candy-tile,.keyboard-surface,.birds-eye-radar{background:transparent!important;border:0!important;box-shadow:none!important}.birds-eye-radar__stage{border:0!important;box-shadow:none!important}.white-keys{background:#3c3836fa!important;box-shadow:none!important}.key-white{background:#ebdbb2!important;color:#1d2021!important;box-shadow:none!important}.key-white.active,.key-white[data-active=true]{background:#d65d0e!important}.key-black{background:#3c3836!important;box-shadow:none!important}.key-black.active,.key-black[data-active=true]{background:#d65d0e!important}input[type=range]{background:#a8998429!important}input[type=range]::-webkit-slider-thumb{background:#d65d0e!important;border-color:#ebdbb2cc!important;box-shadow:none!important}h1,h2,h3,h4,.brand-title{letter-spacing:.03em}.zone-top{background:none!important;border:0!important;border-bottom:1px solid rgba(168,153,132,.18)!important;box-shadow:none!important}.header-actions{border-left-color:#a899842e}.button-link{background:transparent!important;border:0!important}.button-link--nav{border-bottom:1px solid transparent!important}.button-link--nav:hover,.button-link--nav:focus-visible,.button-link--nav.is-active{border-bottom-color:#d65d0e52!important}.button-link--quiet{background:#3c3836b8!important;border:1px solid rgba(168,153,132,.18)!important}.header-controls .button-icon{background:transparent!important;border-color:transparent!important}.header-controls .button-icon:hover{background:#3c3836d6!important;border-color:#a899842e!important}.header-controls .button-icon.record-button.recording{background:#ff7a3d4d!important;border-color:#ff7a3de6!important}@media (max-width: 900px){.header-actions{border-left:0;border-top:1px solid rgba(168,153,132,.18)}}.route-loading{min-height:100vh;display:grid;place-items:center;background:var(--color-bg, #0a0e17);color:var(--color-text-muted, #a59c82);font:.72rem/1.4 var(--font-mono, monospace);letter-spacing:.14em;text-transform:uppercase}.wave-candy-placeholder{width:min(1200px,95vw);min-height:150px;background:#06090eb8}@media (max-width: 900px){.wave-candy-placeholder{width:100%;max-width:100%}}#root,#root *{text-transform:none!important}