:root{--bg-primary:#0a0a1a;--bg-panel:#0003;--bg-panel-hover:#0006;--bg-panel-active:#0009;--bg-overlay:#0000004d;--bg-input:#ffffff0d;--bg-input-hover:#ffffff26;--bg-input-focus:#ffffff1a;--background-color-translucent:#0003;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-disabled:#ffffff4d;--text-inverse:#000;--border-primary:#ffffff1a;--border-secondary:#fff3;--border-focus:#fff6;--border-error:#f44;--border-success:#4caf50;--color-primary:#280050e6;--color-primary-light:#3c1464e6;--color-primary-hover:#320a5a;--color-primary-active:#1e0046e6;--color-accent:#280050e6;--color-accent-focus:#28005033;--color-focus-ring:#aa78fff2;--bg-notification:#280050f2;--color-success:#4caf50;--color-success-bg:#4caf5033;--color-success-border:#4caf5066;--color-error:#f44;--color-error-bg:#f4433633;--color-error-border:#f4433666;--color-warning:#ff8000;--color-info:#0af;--perf-excellent:#0f0;--perf-good:#80ff00;--perf-acceptable:#ff0;--perf-poor:#ff8000;--perf-critical:red;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-xxl:24px;--space-xxxl:32px;--space-control-gap:15px;--space-control-gap-small:12px;--space-control-gap-mobile:8px;--font-primary:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-monospace:"Courier New", monospace;--font-xs:.45rem;--font-sm:.5rem;--font-base:.6rem;--font-md:.7rem;--font-lg:.8rem;--font-xl:.9rem;--font-xxl:1.1rem;--font-xxxl:1.2rem;--font-display:2.2rem;--line-tight:1.25;--line-normal:1.5;--line-relaxed:1.6;--letter-tight:-.025em;--letter-normal:0;--letter-wide:.5px;--letter-wider:1px;--letter-widest:2px;--bp-mobile:480px;--bp-tablet:600px;--bp-tablet-lg:900px;--bp-desktop:1024px;--bp-desktop-lg:1300px;--control-height:32px;--control-height-mobile:28px;--control-height-touch:44px;--button-min-width:50px;--select-min-width:80px;--panel-width-mobile:95vw;--panel-width-tablet:90vw;--panel-width-desktop:1200px;--panel-padding:25px;--panel-padding-mobile:15px;--z-base:1;--z-ui-low:10;--z-ui-mid:15;--z-ui-high:20;--z-modal:100;--z-overlay-low:999;--z-overlay-mid:1000;--z-overlay-high:1001;--z-overlay-top:1500;--z-notification:10000;--blur-light:blur(10px);--blur-heavy:blur(20px);--blur-effect:blur(10px);--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-round:50%;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 4px 12px #00000080;--shadow-xl:0 20px 40px #00000080;--transition-fast:.1s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-ui:.3s ease-in-out;--transition-modal:.3s cubic-bezier(.4, 0, .2, 1);--gradient-primary:var(--color-primary);--gradient-primary-hover:var(--color-primary-hover);--gradient-primary-active:var(--color-primary-active);--gradient-progress:linear-gradient(90deg, #4caf50, #8bc34a);--gradient-rainbow:linear-gradient(45deg, #ff0080, #80ff00, #0080ff, #ff8000);--burger-size:40px;--burger-size-mobile:36px;--burger-line-width:20px;--burger-line-width-mobile:18px;--burger-line-height:2px;--audio-toggle-width:36px;--audio-toggle-width-mobile:30px;--audio-toggle-height:16px;--audio-toggle-height-mobile:14px;--audio-slider-height:4px;--audio-thumb-size:14px;--audio-thumb-size-mobile:12px;--audio-thumb-size-touch:20px;--progress-height:8px;--progress-height-small:6px;--tile-progress-height:6px;--nav-panel-width:280px;--nav-panel-width-mobile:240px;--nav-panel-max-width:320px;--nav-panel-max-width-mobile:260px;--z-overlay:var(--z-overlay-mid);--accent-purple:var(--color-accent);--color-primary-bg:#28005033;--color-secondary:var(--color-primary-light);--color-success-hover:#43a047;--font-family:var(--font-primary);--text-sm:var(--font-lg);--text-md:var(--font-xl);--bg-button:var(--bg-input);--bg-button-hover:var(--bg-input-hover);--bg-solid:var(--bg-primary);--bg-high-contrast:var(--bg-primary);--transition-medium:var(--transition-normal);--palette-accent-1:#262626;--palette-accent-2:#f0f;--palette-accent-3:#0ff;--palette-accent-4:#ff0;--palette-gradient:linear-gradient(135deg, var(--palette-accent-1), var(--palette-accent-2));--palette-gradient-thumb:linear-gradient(45deg, var(--palette-accent-1), var(--palette-accent-2))}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}:focus-visible{outline:2px solid var(--color-focus-ring,var(--color-accent));outline-offset:2px}:focus:not(:focus-visible){outline:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;appearance:none;background:0 0;border:none;margin:0;padding:0}button{cursor:pointer;font:inherit;color:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input{background:0 0;border:none;margin:0;padding:0}select{cursor:pointer;background:0 0;border:none;margin:0;padding:0}select::-ms-expand{display:none}textarea{resize:none;border:none}fieldset{border:none;margin:0;padding:0}legend{font:inherit;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;padding:0}p{margin:0;padding:0}img{border:none;max-width:100%;height:auto;display:block}table{border-collapse:collapse;border-spacing:0}canvas{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border-primary:#fffc;--border-secondary:#ffffffe6;--text-secondary:#ffffffe6}}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}a:not(.launch-visualizer):not(.info-link):not(.app-link):not(.main-app-link):not(.launch-explorer):not(.nav-link):not(.menu-item):not(.btn){color:#fff!important;font-weight:700!important;text-decoration:underline!important}a:not(.launch-visualizer):not(.info-link):not(.app-link):not(.main-app-link):not(.launch-explorer):not(.nav-link):not(.menu-item):not(.btn):hover{color:#ccc!important;text-decoration:underline!important}a:not(.launch-visualizer):not(.info-link):not(.app-link):not(.main-app-link):not(.launch-explorer):not(.nav-link):not(.menu-item):not(.btn):visited{color:#fff!important;font-weight:700!important;text-decoration:underline!important}.fractal-canvas{cursor:crosshair;width:100vw;height:100dvh;transition:filter var(--transition-fast);display:block}.fractal-canvas.blur{filter:brightness(1.5)saturate(1.5)}.hide-ui .fractal-canvas{cursor:none}.loading .fractal-canvas{cursor:wait}.info-panel{top:var(--space-xl);left:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid var(--border-primary);font-size:var(--font-xl);color:var(--text-secondary);pointer-events:auto;z-index:var(--z-ui-low);transition:opacity var(--transition-slow);min-width:280px;position:fixed}.info-panel:hover{background:var(--bg-panel-hover)}.debug-panel{left:auto;right:var(--space-xl);min-width:200px;font-family:var(--font-monospace)}.parameter-display{font-size:var(--font-lg);color:var(--text-tertiary);margin-top:var(--space-xs);font-family:var(--font-monospace)}.debug-display__error{color:var(--color-error)}.fps-display{font-size:var(--font-lg);color:var(--text-tertiary);font-family:var(--font-monospace);margin-top:var(--space-xs);transition:opacity var(--transition-slow)}.perturbation-status{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-monospace);margin-top:var(--space-xs);transition:opacity var(--transition-slow)}.perturbation-status__title{color:var(--text-secondary);font-weight:700}.perturbation-status__value{color:#00ff96cc;margin-top:2px}.perturbation-status__detail{color:var(--text-disabled);margin-top:1px;font-size:.7rem}.hide-ui .info-panel,.hide-ui .fps,.hide-ui .perturbation-status,.hide-ui .nav-velocity,.hide-ui .navigation-panel{opacity:0;pointer-events:none}.hide-ui .debug-panel,.hide-debug .fps,.hide-debug .perturbation-status,.hide-debug .nav-velocity,.hide-debug .debug-panel{display:none!important}.clickable-control{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-normal), transform var(--transition-fast);padding:var(--space-xs) var(--space-sm);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-sm));border-radius:var(--radius-sm);pointer-events:auto}.clickable-control:hover{background-color:#ffffff1a}.clickable-control:active{background-color:#fff3;transform:scale(.95)}@media (pointer:coarse){.clickable-control .nav-keys{text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--text-tertiary);text-decoration-color:var(--text-tertiary)}}.loading-state{cursor:wait}.loading-state .ui-element{pointer-events:none;opacity:.7}.performance-panel{top:var(--space-xl);right:var(--space-xl);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);color:var(--text-primary);font-family:var(--font-monospace);font-size:var(--font-lg);z-index:var(--z-ui-high);min-width:200px;box-shadow:var(--shadow-lg);background:#000c;position:fixed}.performance-panel__title{margin-bottom:var(--space-md);text-align:center;padding-bottom:var(--space-xs);border-bottom:1px solid #ffffff4d;font-weight:700}.performance-panel__stats{gap:var(--space-sm);flex-direction:column;display:flex}.stat-item{justify-content:space-between;align-items:center;display:flex}.stat-item__label{color:var(--text-secondary)}.stat-item__value{color:var(--text-primary);font-weight:700}.stat-item__value--excellent{color:var(--perf-excellent)}.stat-item__value--good{color:var(--perf-good)}.stat-item__value--acceptable{color:var(--perf-acceptable)}.stat-item__value--poor{color:var(--perf-poor)}.stat-item__value--critical{color:var(--perf-critical)}.form-help-text{font-size:var(--font-base);color:#999;margin-top:var(--space-xs);font-style:italic}.message{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);font-size:var(--font-lg);text-align:center;animation:slideDown var(--transition-slow);border-radius:4px;font-weight:700}.message-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.message-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}@media (width<=900px){.form-help-text{font-size:var(--font-sm)}}.control-panel{bottom:var(--space-xl)!important;justify-content:space-between!important;align-items:center!important;gap:var(--space-control-gap)!important;padding:var(--space-lg) var(--panel-padding)!important;background:var(--bg-panel)!important;-webkit-backdrop-filter:var(--blur-light)!important;backdrop-filter:var(--blur-light)!important;border:1px solid var(--border-primary)!important;transition:opacity var(--transition-slow)!important;z-index:var(--z-ui-low)!important;width:min(var(--panel-width-tablet), 95vw)!important;max-width:var(--panel-width-desktop)!important;box-sizing:border-box!important;flex-flow:row!important;display:flex!important;position:fixed!important;left:50%!important;transform:translate(-50%)!important}.control-panel:hover{background:var(--bg-panel-hover)}.control-panel__group{align-items:center;gap:var(--space-md);flex-direction:row;margin-bottom:0;display:flex}.control-panel__fieldset{border:none;margin:0;padding:0}.control-panel__item{align-items:center;gap:var(--space-sm);white-space:nowrap;flex-direction:row;width:auto;margin-bottom:0;display:flex}.control-panel__label{font-size:var(--font-base);color:#ccc;text-transform:uppercase;letter-spacing:var(--letter-wide);white-space:nowrap}.control-panel__select,.control-panel__button{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all var(--transition-slow);font-size:var(--font-md);box-sizing:border-box;appearance:none;border-radius:0;width:100%}.control-panel__select{padding-right:var(--space-lg);min-width:var(--select-min-width);background-image:linear-gradient(45deg,#0000 50%,#fff9 50%),linear-gradient(135deg,#fff9 50%,#0000 50%);background-position:calc(100% - 8px) calc(1em + 1px),calc(100% - 4px) calc(1em + 1px);background-repeat:no-repeat;background-size:4px 4px,4px 4px}.control-panel__select option{color:var(--text-primary);background:#222}@media screen and (-webkit-device-pixel-ratio>=0){.control-panel__select{background-color:#000c}}.control-panel__button{background:var(--gradient-primary);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-slow);min-width:var(--button-min-width);border:none;font-weight:700}.control-panel__select:hover,.control-panel__button:hover{background:var(--bg-input-hover);border-color:var(--border-focus)}.control-panel__select:focus{border-color:#28005099;box-shadow:0 0 10px #2800504d}.control-panel__button:active{transform:scale(.95)}.control-panel__button--active{background:var(--gradient-primary-hover);animation:2s infinite pulse}.control-panel__button--reset,.control-panel__button--pause,.control-panel__button--animate{background:var(--gradient-primary)}.control-panel__button--reset:hover,.control-panel__button--pause:hover,.control-panel__button--animate:hover{background:var(--gradient-primary-hover)}.control-panel__button--reset:active,.control-panel__button--pause:active,.control-panel__button--animate:active{background:var(--gradient-primary-active)}.navigation-panel{top:50%;right:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid var(--border-primary);transition:opacity var(--transition-slow);z-index:var(--z-ui-mid);min-width:var(--nav-panel-width);max-width:var(--nav-panel-max-width);position:fixed;transform:translateY(-50%)}.navigation-panel:hover{background:var(--bg-panel-hover)}.navigation-panel__title{text-align:center;font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:var(--letter-wider);font-weight:700}.navigation-panel__controls{gap:var(--space-md);flex-direction:column;display:flex}.navigation-panel__group{gap:var(--space-sm);flex-direction:column;display:flex}.navigation-panel__item{padding:var(--space-xs) 0;justify-content:space-between;align-items:center;display:flex}.navigation-panel__label{font-size:var(--font-lg);color:#ccc;text-transform:uppercase;letter-spacing:var(--letter-wider)}.navigation-panel__keys{color:var(--text-primary);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;font-family:var(--font-monospace);background:#ffffff1a}.navigation-panel__hint{text-align:center;font-size:var(--font-md);color:#666;margin-top:var(--space-sm);font-style:italic}.navigation-panel__velocity{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-primary)}.navigation-panel__velocity-title{font-size:var(--font-lg);color:#ccc;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:var(--letter-wider);font-weight:700}.navigation-panel__velocity-values{gap:var(--space-xs);flex-direction:column;display:flex}.navigation-panel__velocity-values>div{font-size:var(--font-lg);color:var(--text-primary);font-family:var(--font-monospace);justify-content:space-between;display:flex}.progressive-indicator{gap:var(--space-xs);flex-direction:column;min-width:150px;display:flex}.progressive-indicator__label{font-size:var(--font-md);color:var(--text-secondary);text-align:center}.progressive-indicator__bar{width:100%;height:var(--progress-height);background:var(--border-secondary);border-radius:var(--radius-sm);position:relative;overflow:hidden}.progressive-indicator__fill{background:var(--color-info);border-radius:var(--radius-sm);height:100%;transition:width var(--transition-slow), background-color var(--transition-slow);width:0%}.progressive-indicator__text{color:var(--text-primary);text-align:center;min-height:1rem;font-size:.65rem}@keyframes progressPulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.progressive-indicator--active .progressive-indicator__fill{animation:1.5s ease-in-out infinite progressPulse}.tile-progress{width:100%;height:var(--tile-progress-height);border-radius:var(--radius-sm);margin:var(--space-xs) 0;background:#ffffff1a;overflow:hidden}.tile-progress__fill{background:var(--gradient-progress);width:0%;height:100%;transition:width var(--transition-slow);border-radius:var(--radius-sm)}.tile-progress__status{color:var(--text-secondary);text-align:center;margin-top:2px;font-size:11px}.tile-progress__error{color:var(--color-error);text-align:center;padding:var(--space-xs);font-size:11px}.tile-grid-overlay{pointer-events:none;z-index:var(--z-ui-low);border:1px solid #ffffff4d;position:absolute;top:0;left:0}.tile-grid-overlay__line{stroke:#fff3;stroke-width:1px}.control-button{background:var(--palette-gradient)}.burger-button{top:var(--space-xl);left:var(--space-xl);width:var(--burger-size);height:var(--burger-size);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid var(--border-primary);cursor:pointer;z-index:var(--z-overlay-mid);justify-content:center;align-items:center;gap:var(--space-xs);transition:all var(--transition-slow);flex-direction:column;display:flex;position:fixed}.burger-button:hover{background:var(--bg-panel-hover);border-color:var(--border-secondary)}.burger-button:focus{box-shadow:0 0 0 2px #28005066}.burger-button__line{width:var(--burger-line-width);height:var(--burger-line-height);background:var(--text-secondary);transition:all var(--transition-modal);transform-origin:50%}.burger-button--open .burger-button__line:first-child{transform:rotate(45deg)translateY(6px)}.burger-button--open .burger-button__line:nth-child(2){opacity:0;transform:scaleX(0)}.burger-button--open .burger-button__line:nth-child(3){transform:rotate(-45deg)translateY(-6px)}.audio-enable-wrapper{top:var(--space-xl);left:calc(var(--burger-size) + var(--space-xl) + 10px);z-index:var(--z-overlay-mid);pointer-events:none;height:var(--burger-size);box-sizing:border-box;align-items:center;gap:8px;display:flex;position:fixed}.audio-enable-button{width:var(--burger-size);height:var(--burger-size);min-width:var(--burger-size);min-height:var(--burger-size);max-width:var(--burger-size);max-height:var(--burger-size);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid var(--border-primary);cursor:pointer;transition:all var(--transition-slow);-webkit-user-select:none;user-select:none;pointer-events:auto;box-sizing:border-box;z-index:var(--z-overlay-mid);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.audio-button-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:20px;display:flex}.audio-stream-info{pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;max-width:160px;display:flex}.audio-station-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 2px #00000080;background:#0000004d;border-radius:2px;flex-shrink:1;width:100%;padding:0 4px;font-size:11px;font-weight:400;line-height:1.2;overflow:hidden}.audio-track-name{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 2px #00000080;background:#0003;border-radius:2px;flex-shrink:1;width:100%;margin-top:1px;padding:0 4px;font-size:10px;font-weight:300;line-height:1.2;overflow:hidden}.audio-enable-button.two-line{height:var(--burger-size);width:var(--burger-size);min-height:var(--burger-size);min-width:var(--burger-size);max-height:var(--burger-size);max-width:var(--burger-size);flex-direction:column;justify-content:center;align-items:center;padding:0}.audio-enable-button.two-line .audio-stream-info{align-items:center}.audio-enable-button.icon-only{min-width:var(--burger-size);width:var(--burger-size);min-height:var(--burger-size);height:var(--burger-size);max-width:var(--burger-size);max-height:var(--burger-size);justify-content:center;padding:0}.audio-enable-button:hover{background:var(--bg-panel-hover);border-color:var(--border-secondary)}.audio-enable-button:focus{box-shadow:0 0 0 2px #28005066}.audio-enable-button:active{transform:scale(.95)}.audio-enable-button--enabled{background:var(--bg-panel);border-color:var(--border-primary)}.audio-enable-button--error,.audio-enable-button.error{border-color:var(--color-error-border);animation:.5s shake}.audio-enable-button.warning{background:#f0ad4e1a;border-color:#f0ad4e}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.burger-menu-panel{background:var(--bg-overlay);width:200px;-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);border:1px solid var(--border-primary);z-index:var(--z-overlay-low);visibility:hidden;transition:transform var(--transition-modal), visibility 0s linear .3s;position:fixed;top:80px;left:0;transform:translate(-100%)}.burger-menu-panel--open{box-shadow:var(--shadow-xl);visibility:visible;transition:transform var(--transition-modal), visibility 0s;transform:translate(0)}.burger-menu-nav{flex-direction:column;display:flex}.burger-menu-nav__list{width:100%;margin:0;padding:0;list-style:none}.burger-menu-nav__item{width:100%;transition:background var(--transition-normal);border-bottom:1px solid #ffffff0d;margin:0}.burger-menu-nav__item:hover{background:#ffffff0d}.burger-menu-nav__item--current{border-left:3px solid var(--color-accent);background:#2800504d}.burger-menu-nav__item--current .menu-item{color:var(--color-accent);font-weight:500}.burger-menu-nav__divider{height:1px;margin:var(--space-sm) 0;background:#ffffff1a;border:none}.menu-item{padding:var(--space-md) var(--space-xl);transition:padding var(--transition-normal);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:48px;display:block;color:var(--text-primary)!important;font-weight:400!important;text-decoration:none!important}.burger-menu-nav__item:hover .menu-item{padding-left:28px;color:var(--text-primary)!important;font-weight:400!important;text-decoration:none!important}.menu-item:focus{background:#ffffff14;color:var(--text-primary)!important;font-weight:400!important;text-decoration:none!important}.menu-item:hover,.menu-item:visited{color:var(--text-primary)!important;font-weight:400!important;text-decoration:none!important}.menu-item__label{font-size:var(--font-base);text-transform:uppercase;letter-spacing:var(--letter-wide);white-space:nowrap;font-weight:400}.overlay-container{width:100vw;height:100dvh;z-index:var(--z-overlay-high);visibility:hidden;opacity:0;transition:opacity var(--transition-ui);display:none;position:fixed;top:0;left:0}.overlay-container--active{visibility:visible;opacity:1;animation:fadeIn var(--transition-slow) ease;justify-content:center;align-items:center;display:flex}.overlay-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%;animation:fadeIn var(--transition-normal) ease;background:#0009;position:absolute;top:0;left:0}.overlay-content{background:var(--bg-overlay);width:90%;max-width:600px;max-height:80vh;-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);border:1px solid var(--border-primary);padding:var(--space-xxxl);animation:slideUp var(--transition-modal);position:relative;overflow-y:auto}.overlay-content::-webkit-scrollbar{width:8px}.overlay-content::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#ffffff0d}.overlay-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}.overlay-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.overlay-close{top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-normal);z-index:var(--z-overlay-top);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute}.overlay-close:hover,.overlay-close:focus{background:#ffffff1a}.welcome-overlay .overlay-close{box-shadow:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:pointer;background:0 0;border:none}.welcome-overlay .overlay-close:hover{background:#ffffff1a}.welcome-overlay .overlay-close:focus{box-shadow:none;background:#ffffff1a}.welcome-overlay .overlay-close:active{background:#ffffff1a}.overlay-body h2{margin:0 0 var(--space-xxl) 0;letter-spacing:var(--letter-wider);color:var(--text-primary);font-size:1.8rem;font-weight:300}.overlay-body h3{margin:var(--space-lg) 0 var(--space-md) 0;font-size:var(--font-xxl);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-wider);font-weight:400}.overlay-body h4{margin:var(--space-md) 0 var(--space-sm) 0;color:var(--text-secondary);font-size:.95rem;font-weight:500}.overlay-body p{margin:var(--space-md) 0;line-height:var(--line-relaxed);color:var(--text-secondary)}.overlay-body ul,.overlay-body ol{margin:var(--space-md) 0;padding-left:var(--space-xxl);color:var(--text-secondary)}.overlay-body li{margin:var(--space-sm) 0;line-height:var(--line-normal)}.overlay-body strong{color:var(--text-primary);font-weight:600}.control-section{margin:var(--space-xxl) 0}.control-list{padding:0;list-style:none}.control-list li{padding:var(--space-sm) var(--space-md);margin:var(--space-xs) 0;border-left:3px solid var(--color-primary);background:#ffffff0d}.control-note{margin-top:var(--space-xl);padding:var(--space-md);background:var(--color-primary-bg);font-size:var(--font-xl);color:var(--text-secondary);border:1px solid #2800504d}.welcome-overlay .overlay-content{text-align:center;max-width:500px;padding-top:48px}.welcome-overlay .overlay-body h2{background:var(--gradient-rainbow);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xxxl);font-size:var(--font-display);letter-spacing:var(--letter-widest);-webkit-background-clip:text;background-clip:text;font-weight:600}.welcome-image{margin:0 auto var(--space-xxl) auto;max-width:100%;height:auto;display:block}.welcome-image img{border-radius:var(--radius-md);width:100%;height:auto;display:block}.welcome-instructions{font-size:var(--font-xxl);margin:var(--space-xxl) 0;color:var(--text-primary);line-height:var(--line-relaxed)}.desktop-instructions,.mobile-instructions{display:inline}.welcome-overlay.overlay-container--active .overlay-content{animation:.4s cubic-bezier(.4,0,.2,1) welcomeSlideIn}@keyframes welcomeSlideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.hide-ui .burger-button,.hide-ui .audio-enable-wrapper,.hide-ui .burger-menu-panel{opacity:0;pointer-events:none}.overlay-body .audio-row{gap:var(--space-lg);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.overlay-body .control-item{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid #ffffff1a;flex-direction:row;display:flex}.overlay-body .control-item:has(.toggle-wrapper){justify-content:space-between}.overlay-body .control-item.toggle-item{justify-content:space-between}.overlay-body .control-item label{font-size:var(--font-md);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-wide);flex-shrink:0;min-width:120px;margin-bottom:0}.overlay-body .control-item select{border:1px solid var(--border-secondary);width:180px;color:var(--text-primary);padding:var(--space-sm) var(--space-md);font-size:var(--font-md);appearance:none;cursor:pointer;transition:all var(--transition-slow);background:#ffffff1a;border-radius:0;flex-shrink:0}.overlay-body .control-item select:hover{border-color:var(--border-focus);background:#ffffff26}.overlay-body .control-item select:focus{border-color:#28005099;box-shadow:0 0 10px #2800504d}.overlay-body .control-item .slider-controls{align-items:center;gap:var(--space-md);flex-shrink:0;width:180px;display:flex}.overlay-body .control-item .audio-slider{height:var(--audio-slider-height);-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;flex:1}.overlay-body .control-item .slider-value{font-size:var(--font-sm);color:var(--text-primary);text-align:right;min-width:50px}.overlay-body .control-item .toggle-wrapper{width:180px;height:var(--audio-toggle-height);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}.overlay-body .control-item .toggle-wrapper .audio-toggle{width:var(--audio-toggle-width);height:var(--audio-toggle-height);position:relative}.overlay-body .control-item .toggle-wrapper input[type=checkbox]{opacity:0;width:var(--audio-toggle-width);height:var(--audio-toggle-height);cursor:pointer;z-index:1;position:absolute}.overlay-body .control-item .toggle-slider{cursor:pointer;width:var(--audio-toggle-width);height:var(--audio-toggle-height);transition:var(--transition-slow);border-radius:var(--radius-sm);pointer-events:none;background:#ffffff1a;position:relative}.overlay-body .control-item .toggle-slider:before{content:"";background:var(--text-secondary);width:14px;height:14px;transition:var(--transition-slow);border-radius:var(--radius-sm);position:absolute;top:1px;left:1px}.overlay-body .control-item .toggle-wrapper input[type=checkbox]:checked+.toggle-slider{background:var(--gradient-primary)}.overlay-body .control-item .toggle-wrapper input[type=checkbox]:checked+.toggle-slider:before{background:var(--text-primary);transform:translate(20px)}.overlay-body .dynamic-controls{width:100%}@media (width<=900px){.overlay-content{padding:var(--space-xl);margin:0 var(--space-md)}.overlay-body .control-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg) 0;flex-direction:column}.overlay-body .control-item label{min-width:auto;margin-bottom:var(--space-xs)}.overlay-body .control-item select,.overlay-body .control-item .slider-controls{width:calc(100% - var(--space-xl));max-width:280px;margin-right:var(--space-lg)}.overlay-body .control-item .slider-value{min-width:45px;font-size:var(--font-xs)}.overlay-body .control-item .toggle-wrapper{margin-right:var(--space-lg)}.overlay-body .audio-row{margin:var(--space-md) 0;gap:var(--space-md);padding:0}.overlay-body .audio-row .control-item{max-width:100%;padding:var(--space-md) 0}.overlay-body .control-item .audio-slider{max-width:calc(100% - var(--space-xl));margin-right:var(--space-lg)}}@media (width<=480px){.overlay-content{padding:var(--space-lg);margin:0 var(--space-sm);max-width:calc(100vw - var(--space-lg))}.overlay-body .control-item .slider-controls,.overlay-body .control-item select{width:calc(100% - var(--space-lg));margin-right:var(--space-md)}.overlay-body .control-item .slider-value{min-width:40px;font-size:var(--font-xs)}.overlay-body .audio-row{gap:var(--space-sm);margin:var(--space-sm) 0}.overlay-body .audio-row .control-item{padding:var(--space-sm) 0}.overlay-body .audio-row .control-item label{font-size:var(--font-sm)}.overlay-body .control-item .audio-slider{max-width:calc(100% - var(--space-lg));margin-right:var(--space-md)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.support-buttons{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.beer-button,.email-button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-secondary);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-wide);text-align:center;transition:all var(--transition-slow);cursor:pointer;font-weight:700;text-decoration:none;display:inline-block;background:var(--color-primary)!important}.beer-button:hover,.email-button:hover{transform:scale(.98);background:var(--color-primary-hover)!important;color:var(--text-primary)!important;text-decoration:none!important}.beer-button:visited,.email-button:visited{color:var(--text-primary)!important;text-decoration:none!important}.credits{text-align:center;margin-top:var(--space-xl)}.red-heart{color:red}.install-section{line-height:var(--line-relaxed)}.install-benefits{margin:var(--space-lg) 0;padding:var(--space-md);border-radius:var(--radius-sm);background:#2800501a;border:1px solid #2800504d}.benefits-list{margin:var(--space-md) 0 0 0;padding:0;list-style:none}.benefits-list li{padding:var(--space-xs) 0;border-bottom:1px solid #ffffff1a}.benefits-list li:last-child{border-bottom:none}.platform-instructions{margin:var(--space-lg) 0}.install-steps{padding-left:var(--space-lg);margin:var(--space-md) 0;line-height:var(--line-relaxed)}.install-steps li{padding:var(--space-xs) 0;color:var(--text-secondary)}.install-steps strong{color:var(--text-primary)}.quick-install{margin:var(--space-lg) 0;padding:var(--space-md);border-radius:var(--radius-sm);text-align:center;background:#28005033;border:1px solid #28005066}.quick-install-btn{background:var(--accent-purple);color:var(--text-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-sm);border:none;font-family:inherit}.quick-install-btn:hover{background:#280050;transform:translateY(-2px)}.quick-install-btn:active{transform:translateY(0)}.install-note{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--accent-purple);font-size:var(--text-sm);color:var(--text-secondary);background:#ffffff0d}@media (width<=900px){.install-steps{padding-left:var(--space-md)}.quick-install-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}}.audio-controls{top:var(--space-xl);padding:var(--space-lg) var(--panel-padding);background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid var(--border-primary);transition:opacity var(--transition-slow), transform var(--transition-slow);z-index:var(--z-ui-low);width:var(--panel-width-tablet);box-sizing:border-box;flex-direction:column;gap:0;max-width:600px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.audio-controls:hover{background:var(--bg-panel-hover)}.audio-controls--hidden,.hide-ui .audio-controls{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-20px)}.audio-controls__header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-primary);text-align:center}.audio-controls__title{font-size:var(--font-xl);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-wider);margin:0;font-weight:700}.audio-controls__content{gap:var(--space-md);flex-direction:column;display:flex}.audio-controls__row{align-items:center;gap:var(--space-lg);flex-direction:row;min-height:36px;display:flex}.audio-controls__row--two-column{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.audio-controls__item{align-items:flex-start;gap:var(--space-sm);white-space:nowrap;flex-direction:column;display:flex}.audio-controls__item--flex-grow{flex:1}.audio-controls__label{font-size:var(--font-base);color:#ccc;text-transform:uppercase;letter-spacing:var(--letter-wide);white-space:nowrap;margin-bottom:var(--space-xs)}.audio-toggle-wrapper{width:var(--audio-toggle-width);height:var(--audio-toggle-height);display:inline-block;position:relative}.audio-toggle{opacity:0;width:var(--audio-toggle-width);height:var(--audio-toggle-height);cursor:pointer;z-index:1;position:absolute}.audio-toggle__slider{cursor:pointer;transition:var(--transition-slow);border-radius:var(--radius-sm);pointer-events:none;background:#ffffff1a;position:absolute;inset:0}.audio-toggle__slider:before{content:"";background:var(--text-secondary);width:14px;height:14px;transition:var(--transition-slow);border-radius:var(--radius-sm);position:absolute;top:1px;left:1px}.audio-toggle:checked+.audio-toggle__slider{background:var(--gradient-primary)}.audio-toggle:checked+.audio-toggle__slider:before{background:var(--text-primary);transform:translate(20px)}.audio-slider-controls{align-items:center;gap:var(--space-md);flex:1;display:flex}.audio-slider{height:var(--audio-slider-height);-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;flex:1}.audio-slider::-webkit-slider-track{height:var(--audio-slider-height);background:#ffffff1a;border-radius:2px}.audio-slider::-moz-range-track{height:var(--audio-slider-height);background:#ffffff1a;border-radius:2px}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--audio-thumb-size);height:var(--audio-thumb-size);background:var(--gradient-primary);border-radius:var(--radius-round);cursor:pointer;transition:all var(--transition-normal)}.audio-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #28005080}.audio-slider::-moz-range-thumb{width:var(--audio-thumb-size);height:var(--audio-thumb-size);background:var(--gradient-primary);border-radius:var(--radius-round);cursor:pointer;transition:all var(--transition-normal);border:none}.audio-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #28005080}.audio-slider__value{font-size:var(--font-md);color:var(--text-primary);text-align:right;min-width:50px}.audio-select{padding:var(--space-xs) var(--space-sm);padding-right:var(--space-xl);border:1px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all var(--transition-slow);font-size:var(--font-md);width:fit-content;min-width:var(--select-min-width);box-sizing:border-box;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#fff9 50%),linear-gradient(135deg,#fff9 50%,#0000 50%);background-position:calc(100% - 8px) calc(1em + 1px),calc(100% - 4px) calc(1em + 1px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:0}.audio-select:hover{background:var(--bg-input-hover);border-color:var(--border-focus)}.audio-select:focus{border-color:#28005099;box-shadow:0 0 10px #2800504d}.audio-select option{color:var(--text-primary);background:#222}.audio-dynamic-controls{align-items:flex-start;gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.audio-dynamic-controls .audio-controls__label{font-size:var(--font-base);color:#ccc;text-transform:uppercase;letter-spacing:var(--letter-wide);white-space:nowrap;margin-bottom:var(--space-xs);align-self:auto}.audio-dynamic-controls .audio-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all var(--transition-slow);font-size:var(--font-md);width:fit-content;min-width:var(--select-min-width);box-sizing:border-box;border-radius:0;align-self:auto}.audio-dynamic-controls .audio-select:hover{background:var(--bg-input-hover);border-color:var(--border-focus)}.audio-dynamic-controls .audio-select:focus{border-color:#28005099;box-shadow:0 0 10px #2800504d}.audio-enable-state{border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);text-align:center;background:#2800501a;border:1px solid #2800504d}.audio-enable-state__content{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.audio-enable-state__icon{font-size:2rem;animation:2s infinite audio-icon-pulse}.audio-enable-state__title{font-size:var(--font-xxxl);color:#280050;margin:0;font-weight:600}.audio-enable-state__description{font-size:var(--font-xl);color:var(--text-secondary);line-height:var(--line-relaxed);margin:0}.audio-enable-state__description small{font-size:var(--font-lg);color:var(--text-tertiary);font-style:italic}.audio-enable-state__arrow{font-size:1.5rem;animation:1.5s infinite audio-arrow-bounce}.overlay-body .audio-controls__content .audio-controls__item{gap:var(--space-sm);margin:var(--space-md) 0;flex-direction:column;display:flex}.overlay-body .audio-controls__content .source-dropdown select,.overlay-body .audio-controls__content .audio-dynamic-controls select{border:1px solid var(--border-secondary);width:150px;color:var(--text-primary);padding:var(--space-sm) var(--space-md);font-size:var(--font-lg);background:#ffffff1a;align-self:flex-end}.overlay-body .audio-controls__content .source-dropdown label,.overlay-body .audio-controls__content .audio-dynamic-controls label{font-size:var(--font-md);text-transform:uppercase;letter-spacing:var(--letter-wide);color:var(--text-secondary);align-self:flex-start}@keyframes audio-toggle-pulse{0%{box-shadow:0 0 #280050b3}70%{box-shadow:0 0 0 10px #28005000}to{box-shadow:0 0 #28005000}}@keyframes audio-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes audio-arrow-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes audio-panel-slide-down{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.audio-controls{animation:audio-panel-slide-down var(--transition-slow) ease-out}.audio-slider::-webkit-slider-thumb{background:var(--palette-gradient-thumb)!important}.audio-slider::-moz-range-thumb{background:var(--palette-gradient-thumb)!important}.audio-toggle:checked+.toggle-slider{background:var(--palette-gradient-thumb)!important}.custom-palette-overlay{z-index:var(--z-overlay-top);opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity var(--transition-slow), visibility var(--transition-slow);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.custom-palette-overlay--active{opacity:1;visibility:visible}.custom-palette-overlay__content{background:var(--bg-overlay);width:95%;max-width:700px;max-height:80vh;-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);border:1px solid var(--border-primary);padding:var(--space-xxxl);animation:slideUp var(--transition-modal);color:var(--text-primary);position:relative;overflow-y:auto}.custom-palette-form{gap:var(--space-xxl);margin-bottom:var(--space-xxxl);flex-direction:column;display:flex}.custom-palette-form__group{gap:var(--space-sm);flex-direction:column;display:flex}.custom-palette-form__label{font-size:var(--font-md);color:#ccc;text-transform:uppercase;letter-spacing:var(--letter-wide);margin-bottom:var(--space-xs);font-weight:700}.custom-palette-form__input{padding:var(--space-md) var(--space-lg);border:1px solid var(--border-secondary);color:var(--text-primary);font-size:var(--font-xl);transition:all var(--transition-normal);background:#ffffff1a}.custom-palette-form__input:focus{border-color:var(--border-focus);background:#ffffff26;box-shadow:0 0 0 2px #ffffff1a}.custom-palette-form__input--invalid{border-color:var(--color-error);box-shadow:0 0 0 2px #ff44444d}.custom-palette-form__input::placeholder{color:var(--text-tertiary)}.color-picker-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.color-picker-grid__item{gap:var(--space-sm);flex-direction:column;display:flex}.color-picker-grid__label{font-size:var(--font-base);color:#aaa;text-transform:uppercase;letter-spacing:var(--letter-wide)}.color-picker{border:2px solid var(--border-secondary);cursor:pointer;width:100%;height:50px;transition:all var(--transition-normal);background:0 0;border-radius:0;overflow:hidden}.color-picker:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-1px)}.color-picker:focus{border-color:var(--text-tertiary);box-shadow:0 0 0 2px var(--border-secondary)}.color-picker::-webkit-color-swatch-wrapper{border:none;border-radius:0;padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:0}.color-picker::-moz-color-swatch{border:none;border-radius:0}.palette-preview-container{margin:var(--space-sm) 0}.palette-preview{border:2px solid var(--border-secondary);width:100%;height:60px;margin-top:var(--space-sm);transition:all var(--transition-slow);position:relative;overflow:hidden}.palette-preview--time-varying{animation:2s ease-in-out infinite alternate pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--border-secondary);filter:brightness()}to{filter:brightness(1.1);box-shadow:0 0 0 4px #ffffff1a}}.checkbox-container{align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-sm) 0;font-size:var(--font-lg);color:#ddd;display:flex}.custom-checkbox{appearance:none;cursor:pointer;width:20px;height:20px;transition:all var(--transition-normal);background:0 0;border:2px solid #ffffff4d;position:relative}.custom-checkbox:checked{background:var(--color-success);border-color:var(--color-success)}.custom-checkbox:checked:after{content:"✓";color:var(--text-primary);font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-checkbox:hover{border-color:#ffffff80}.custom-checkbox:focus{box-shadow:0 0 0 2px var(--border-secondary)}.form-actions{gap:var(--space-md);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.palette-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-secondary);background:var(--color-primary);font-size:var(--font-md);text-transform:uppercase;letter-spacing:var(--letter-wide);cursor:pointer;transition:all var(--transition-slow);min-width:100px;color:var(--text-primary);font-weight:700}.palette-btn:disabled{opacity:.5;cursor:not-allowed}.palette-btn--primary{border:1px solid var(--border-secondary);background:var(--color-primary)!important}.palette-btn--primary:hover:not(:disabled){transform:scale(.95);background:var(--color-primary-hover)!important}.palette-btn--secondary{border:1px solid var(--border-secondary);background:var(--color-primary)!important}.palette-btn--secondary:hover{transform:scale(.95);background:var(--color-primary-hover)!important}.palette-btn--danger{color:var(--text-primary);background:#8b0000;min-width:60px}.palette-btn--danger:hover{background:#a00000;transform:scale(.98)}.palette-btn--small{padding:var(--space-sm) var(--space-md);font-size:var(--font-base);min-width:60px}.existing-palettes{border-top:1px solid var(--border-primary);padding-top:var(--space-xxl);margin-top:var(--space-xxl)}.existing-palettes__title{color:#ddd;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:var(--letter-wide);font-size:1rem}.existing-palettes__list{gap:var(--space-md);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.existing-palette-item{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-primary);transition:all var(--transition-normal);background:#ffffff0d;display:flex}.existing-palette-item:hover{border-color:var(--border-secondary);background:#ffffff14}.existing-palette-item__info{align-items:center;gap:var(--space-sm);flex:1;display:flex}.existing-palette-item__name{font-size:var(--font-lg);color:var(--text-primary);min-width:120px;font-weight:700}.existing-palette-item__preview{border:1px solid var(--border-secondary);width:60px;height:20px}.existing-palette-item__time-varying-badge{font-size:var(--font-base);color:var(--color-success);background:var(--color-success-bg);padding:2px var(--space-sm);text-transform:uppercase;letter-spacing:var(--letter-wide)}.palette-message{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);font-size:var(--font-lg);animation:slideDown var(--transition-slow)}.palette-message--success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:#81c784}.palette-message--error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:#ef5350}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-stream-overlay{z-index:var(--z-overlay-top);opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity var(--transition-slow), visibility var(--transition-slow);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.custom-stream-overlay--active{opacity:1;visibility:visible}.custom-stream-overlay__content{background:var(--bg-overlay);width:95%;max-width:700px;max-height:80vh;-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);border:1px solid var(--border-primary);padding:var(--space-xxxl);animation:slideUp var(--transition-modal);color:var(--text-primary);position:relative;overflow-y:auto}.custom-stream-instructions{margin-bottom:var(--space-xxl);padding:var(--space-lg);border:1px solid var(--border-secondary);background:#ffffff08}.custom-stream-instructions p{margin-bottom:var(--space-sm);color:var(--text-secondary);line-height:1.5}.custom-stream-instructions ul{padding-left:calc(var(--space-lg) + var(--space-md));margin-bottom:var(--space-sm);list-style:none}.custom-stream-instructions li{margin-bottom:var(--space-xs);color:var(--text-tertiary);padding-left:var(--space-md);position:relative}.custom-stream-instructions li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.custom-stream-tip{font-size:var(--font-base);color:var(--color-info);padding:var(--space-sm);border-left:3px solid var(--color-info);background:#64c8ff1a;font-style:italic}.custom-stream-form{gap:var(--space-xxl);margin-bottom:var(--space-xxxl);flex-direction:column;display:flex}.custom-stream-form__group{gap:var(--space-sm);flex-direction:column;display:flex}.custom-stream-form__label{font-size:var(--font-md);color:#ccc;text-transform:uppercase;letter-spacing:var(--letter-wide);margin-bottom:var(--space-xs);font-weight:700}.custom-stream-form__input{padding:var(--space-md) var(--space-lg);border:1px solid var(--border-secondary);color:var(--text-primary);font-size:var(--font-lg);transition:all var(--transition-normal);background:#ffffff1a}.custom-stream-form__input:focus{border-color:var(--border-focus);background:#ffffff26;box-shadow:0 0 0 2px #ffffff1a}.custom-stream-form__input.invalid{border-color:var(--color-error);box-shadow:0 0 0 2px #ff44444d}.custom-stream-form__input::placeholder{color:var(--text-tertiary)}.custom-stream-form__input[type=url]{font-family:Courier New,monospace;font-size:var(--font-base);background:#ffffff14}.custom-stream-form__actions{gap:var(--space-md);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.stream-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-secondary);background:var(--color-primary);font-size:var(--font-md);text-transform:uppercase;letter-spacing:var(--letter-wide);cursor:pointer;transition:all var(--transition-slow);min-width:120px;color:var(--text-primary);font-weight:700}.stream-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.stream-btn--primary{border:1px solid var(--color-success-border);background:var(--color-success)!important}.stream-btn--primary:hover:not(:disabled){transform:scale(.95);background:var(--color-success-hover)!important}.stream-btn--secondary{border:1px solid var(--border-secondary);background:var(--color-primary)!important}.stream-btn--secondary:hover:not(:disabled){transform:scale(.95);background:var(--color-primary-hover)!important}.stream-btn--danger{color:var(--text-primary);background:#8b0000;min-width:80px}.stream-btn--danger:hover:not(:disabled){background:#a00000;transform:scale(.98)}.stream-btn--small{padding:var(--space-sm) var(--space-md);font-size:var(--font-base);min-width:80px}.custom-stream-status{min-height:24px;padding:var(--space-sm);margin-top:var(--space-md);font-size:var(--font-lg);text-align:center;transition:all var(--transition-normal);border-radius:4px;font-weight:700}.custom-stream-status:empty{display:none}.custom-stream-status--testing{color:var(--color-warning);background:#ffc1071a;border:1px solid #ffc1074d;animation:1.5s ease-in-out infinite pulseStatus}.custom-stream-status--success{color:var(--color-success);background:#4caf501a;border:1px solid #4caf504d}.custom-stream-status--error{color:var(--color-error);background:#f443361a;border:1px solid #f443364d}.custom-stream-status--info{color:var(--color-info);background:#2196f31a;border:1px solid #2196f34d}.custom-stream-status-additional{margin-top:var(--space-sm);padding-top:var(--space-sm);font-size:var(--font-base);border-top:1px solid #ffffff1a;font-weight:400}@keyframes pulseStatus{0%,to{opacity:.8}50%{opacity:1}}.existing-streams{border-top:1px solid var(--border-primary);padding-top:var(--space-xxl);margin-top:var(--space-xxl)}.existing-streams__title{color:#ddd;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:var(--letter-wide);font-size:1rem}.existing-streams__list{gap:var(--space-md);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.existing-stream-item{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-primary);transition:all var(--transition-normal);background:#ffffff0d;display:flex}.existing-stream-item:hover{border-color:var(--border-secondary);background:#ffffff14}.existing-stream-item__info{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.existing-stream-item__name{font-size:var(--font-lg);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.existing-stream-item__url{font-size:var(--font-sm);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-family:Courier New,monospace;overflow:hidden}.existing-stream-item__no-metadata{font-size:var(--font-xs);color:var(--color-warning);padding:2px var(--space-sm);text-transform:uppercase;letter-spacing:var(--letter-wide);background:#ffc1071a;border-radius:2px;align-self:flex-start}@media (width<=900px){.custom-stream-overlay{align-items:flex-start;overflow:hidden}.custom-stream-overlay__content{width:100%;max-width:100%;height:auto;max-height:100dvh;padding:var(--space-lg);-webkit-overflow-scrolling:touch;box-sizing:border-box;border:none;border-radius:0;margin:0;overflow-y:auto}.custom-stream-form__actions{gap:var(--space-sm);flex-direction:column}.stream-btn{width:100%;min-width:auto;padding:var(--space-md);font-size:var(--font-lg);touch-action:manipulation}.existing-stream-item{align-items:stretch;gap:var(--space-md);padding:var(--space-lg);flex-direction:column}.existing-stream-item__info{align-items:stretch}.existing-stream-item__url{word-break:break-all;white-space:normal;max-width:none}.custom-stream-instructions{padding:var(--space-sm)}.custom-stream-status{font-size:var(--font-base)}.custom-stream-form__group{gap:var(--space-xs)}.custom-stream-form__input{padding:var(--space-sm) var(--space-md)}.existing-streams{padding-top:var(--space-lg)}.existing-streams__list{max-height:200px}}@media (width<=480px){.custom-stream-overlay__content{padding:var(--space-md)}.custom-stream-instructions{padding:var(--space-xs);margin-bottom:var(--space-lg)}.custom-stream-form{gap:var(--space-lg)}.custom-stream-form__input{font-size:var(--font-md);padding:var(--space-xs) var(--space-sm)}.existing-streams{margin-top:var(--space-lg);padding-top:var(--space-md)}.existing-streams__list{max-height:150px}}@media (hover:none) and (pointer:coarse){.stream-btn:hover{transform:none}.existing-stream-item:hover{background:#ffffff0d}.stream-btn{min-height:44px}}@media (prefers-contrast:high){.custom-stream-form__input,.stream-btn,.existing-stream-item{border-width:2px}}@media (prefers-reduced-motion:reduce){.custom-stream-overlay{transition:opacity .1s,visibility .1s}.custom-stream-overlay__content{animation:none}.stream-btn,.existing-stream-item{transition:none}.custom-stream-status--testing{animation:none}}.recording-controls-panel{top:var(--space-xl);right:var(--space-xl);background:var(--bg-overlay);width:280px;max-width:90vw;-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);border:1px solid var(--border-primary);z-index:var(--z-ui-high);opacity:0;visibility:hidden;transition:all var(--transition-slow);font-family:var(--font-family);box-sizing:border-box;position:fixed}.recording-controls-panel--visible{opacity:1;visibility:visible}.recording-controls-panel:hover{background:var(--bg-panel-hover)}.hide-ui .recording-controls-panel{opacity:0;visibility:hidden;pointer-events:none}.recording-controls-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-primary);background:var(--bg-panel-hover);justify-content:space-between;align-items:center;display:flex}.recording-controls-title{font-size:var(--font-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-wide);font-weight:600}.recording-controls-close{color:var(--text-secondary);font-size:var(--font-lg);cursor:pointer;margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-md)) calc(-1 * var(--space-sm)) 0;width:calc(var(--font-lg) + var(--space-md));height:calc(var(--font-lg) + var(--space-sm));transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.recording-controls-close:hover{color:var(--text-primary)}.recording-controls-content{padding:var(--space-lg) var(--panel-padding)}.recording-section{margin-bottom:var(--space-lg)}.recording-section:last-child{margin-bottom:0}.recording-section h3{font-size:var(--font-md);color:var(--text-primary);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:var(--letter-wide);font-weight:600}.recording-controls-row{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.recording-control-group{flex-direction:column;flex:1;gap:4px;display:flex}.recording-control-group label{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-wide);margin-bottom:2px}.recording-select{padding:6px var(--space-sm);border:1px solid var(--border-secondary);background:var(--bg-input);color:var(--text-primary);font-size:var(--font-sm);transition:all var(--transition-slow);appearance:none;cursor:pointer;border-radius:0}.recording-select:hover{border-color:var(--border-primary);background:var(--bg-input-hover)}.recording-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.recording-select:disabled{opacity:.5;cursor:not-allowed}.recording-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-secondary);background:var(--palette-gradient);color:var(--text-primary);cursor:pointer;transition:all var(--transition-slow);font-size:var(--font-sm);width:100%;margin-bottom:var(--space-sm);border-radius:0;font-weight:500;display:flex}.recording-btn:hover{background:var(--bg-button-hover);border-color:var(--border-primary);transform:translateY(-1px)}.recording-btn:active{transform:translateY(0)}.recording-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.recording-btn-icon{font-size:var(--font-md);line-height:1}.recording-btn-text{white-space:nowrap}.recording-btn-image{border-color:var(--color-secondary)}.recording-btn-image:hover{border-color:var(--color-secondary);background:#28005033}.recording-btn-video{border-color:var(--color-accent)}.recording-btn-video:hover{border-color:var(--color-accent);background:#28005033}.recording-btn-recording{background:#ff44441a;border-color:#f44;animation:2s infinite recording-pulse}.recording-btn-recording:hover{background:#f443;border-color:#f66}@keyframes recording-pulse{0%,to{border-color:#f44;box-shadow:0 0 #f446}50%{border-color:#f66;box-shadow:0 0 0 4px #ff44441a}}.recording-status{padding:var(--space-sm);margin-bottom:var(--space-md);background:#ff44441a;border:1px solid #f44}.recording-timer{justify-content:center;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:600;display:flex}.recording-indicator{color:#f44;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.recording-remaining{color:var(--text-secondary);font-weight:400}.recording-progress-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.recording-progress-fill{background:#f44;border-radius:2px;height:100%;transition:width .1s}.recording-note{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;margin-top:var(--space-xs);line-height:1.4}.recording-error{font-size:var(--font-xs);color:#f66;text-align:center;padding:var(--space-sm);background:#ff66661a;border:1px solid #ff66664d}.recording-feedback{padding:var(--space-xs) var(--space-sm);margin-top:var(--space-sm);font-size:var(--font-xs);text-align:center;border-radius:2px;display:none}.recording-feedback-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.recording-feedback-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.recording-feedback-info{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d}@media (width<=900px){.recording-controls-panel{width:240px;max-width:50vw;top:var(--space-md);right:var(--space-md)}.recording-controls-row{gap:var(--space-xs);flex-direction:column}.recording-btn{padding:var(--space-sm);font-size:var(--font-sm)}.recording-btn-icon{font-size:var(--font-sm)}.recording-controls-close{width:auto;min-width:calc(var(--font-lg) + var(--space-md));flex-shrink:0}}@media (width<=480px){.recording-controls-panel{max-height:70vh;overflow-y:auto}}.recording-controls-panel:focus-within,.recording-btn:focus{box-shadow:0 0 0 2px var(--color-primary)}.recording-select:focus{box-shadow:0 0 0 1px var(--color-primary)}@media (prefers-reduced-motion:reduce){.recording-controls-panel,.recording-btn,.recording-select,.recording-progress-fill{transition:none}.recording-indicator,.recording-btn-recording{animation:none}}@media (prefers-contrast:high){.recording-controls-panel{border:2px solid var(--text-primary);background:var(--bg-solid)}.recording-btn,.recording-select{border:2px solid var(--text-primary)}}.nebulabrot-controls{background:#5000a01a;border:2px solid #5000a04d}.nebulabrot-controls>legend{color:#ffffffe6;font-weight:600}.iteration-bands{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.band-control{padding:var(--space-xs);border-radius:var(--radius-sm);background:#0003;flex-direction:column;align-items:stretch;display:flex}.band-control label{margin-bottom:var(--space-xs);text-align:center;font-size:.75rem;font-weight:500}.band-control input[type=range]{margin:var(--space-xs) 0;border-radius:2px;height:4px}.band-control .range-value{text-align:center;opacity:.8;font-family:Courier New,monospace;font-size:.7rem}.red-band{border-left:3px solid #f44}.red-band label{color:#f66}.red-band input[type=range]::-webkit-slider-thumb{background:#f44;border:2px solid #f66}.red-band input[type=range]::-moz-range-thumb{background:#f44;border:2px solid #f66}.green-band{border-left:3px solid #4f4}.green-band label{color:#6f6}.green-band input[type=range]::-webkit-slider-thumb{background:#4f4;border:2px solid #6f6}.green-band input[type=range]::-moz-range-thumb{background:#4f4;border:2px solid #6f6}.blue-band{border-left:3px solid #44f}.blue-band label{color:#66f}.blue-band input[type=range]::-webkit-slider-thumb{background:#44f;border:2px solid #66f}.blue-band input[type=range]::-moz-range-thumb{background:#44f;border:2px solid #66f}#nebulabrot-exposure{background:linear-gradient(90deg,#000c 0%,#80808080 50%,#fffc 100%)}#nebulabrot-exposure::-webkit-slider-thumb{background:gold;border:2px solid #ffed4e;width:18px;height:18px}#nebulabrot-exposure::-moz-range-thumb{background:gold;border:2px solid #ffed4e;width:14px;height:14px}#nebulabrot-reset{background:var(--palette-gradient);color:#f8c;padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #a0005080;font-size:.85rem}#nebulabrot-reset:hover{color:#fad;border-color:#a00050cc}#nebulabrot-reset:active{transform:translateY(1px)}@media (width<=480px){.iteration-bands{gap:var(--space-xs);grid-template-columns:1fr}.band-control{padding:var(--space-xs)}.band-control label{font-size:.7rem}.band-control .range-value{font-size:.65rem}}@media (prefers-contrast:high){.nebulabrot-controls{background:#000000e6;border-color:#fffc}.red-band label{color:#f88}.green-band label{color:#8f8}.blue-band label{color:#88f}}@media (prefers-reduced-motion:reduce){.band-control input[type=range],#nebulabrot-reset{transition:none}}.tab-bar{z-index:var(--z-ui-high);background:var(--bg-overlay);height:83px;-webkit-backdrop-filter:var(--blur-light);padding:var(--space-sm) 0 var(--space-sm) 0;height:calc(83px + env(safe-area-inset-bottom));border-top:1px solid var(--border-primary);transition:opacity var(--transition-slow), transform var(--transition-slow);flex-direction:row;justify-content:space-evenly;align-items:flex-start;display:none;position:fixed;bottom:0;left:0;right:0}.tab-bar__tab{cursor:pointer;min-width:44px;min-height:44px;padding:var(--space-xs) var(--space-sm);font-family:var(--font-primary);color:var(--text-primary);transition:color var(--transition-fast), transform var(--transition-fast);border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;background:0 0!important}.tab-bar__tab:hover,.tab-bar__tab:focus{color:var(--text-primary)}.tab-bar__tab:focus-visible{outline-offset:-2px}.tab-bar__tab--active{color:var(--text-primary)!important}.tab-bar__tab--pressed{color:var(--text-primary);transform:scale(.95)}.tab-bar__tab-icon{font-size:var(--font-xxl);-webkit-user-select:none;user-select:none;margin-bottom:1px;line-height:1}.tab-bar__tab-label{font-size:var(--font-base);text-align:center;letter-spacing:.1px;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;max-width:60px;font-weight:500;line-height:1;overflow:hidden}.tab-bar__overlay-container{z-index:var(--z-overlay-high);pointer-events:none;position:fixed;inset:0}.tab-bar__overlay-backdrop{background:var(--bg-overlay);opacity:0;pointer-events:auto;transition:opacity var(--transition-slow);position:absolute;inset:0}.tab-bar__overlay-backdrop--visible{opacity:1}.tab-bar__overlay{background:var(--background-color-translucent);-webkit-backdrop-filter:var(--blur-light);border-top:1px solid var(--border-primary);pointer-events:auto;min-height:200px;max-height:60vh;padding-bottom:env(safe-area-inset-bottom);border-top-left-radius:0;border-top-right-radius:0;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.tab-bar__overlay--entering{transform:translateY(100%)}.tab-bar__overlay--visible{transform:translateY(0)}.tab-bar__overlay--leaving{transition:transform .25s cubic-bezier(.55,.055,.675,.19);transform:translateY(100%)}.tab-bar__overlay-header{padding:var(--space-sm) var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border-primary);flex-direction:column;align-items:center;display:flex}.tab-bar__overlay-handle{background:var(--text-disabled);width:36px;height:4px;margin-bottom:var(--space-md);transition:background-color var(--transition-fast);border-radius:2px}.tab-bar__overlay-handle:active{background:var(--text-tertiary)}.tab-bar__overlay-title{font-size:var(--font-xl);color:var(--text-primary);text-align:center;letter-spacing:-.2px;margin:0;font-weight:600}.tab-bar__overlay-content{padding:var(--space-xl);-webkit-overflow-scrolling:touch;max-height:calc(60vh - 80px);overflow-y:auto}.tab-bar__content-section{margin-bottom:var(--space-xxl)}.tab-bar__content-section:last-child{margin-bottom:0}.tab-bar__section-title{font-size:var(--font-lg);color:var(--text-primary);margin:0 0 var(--space-md) 0;letter-spacing:-.1px;font-weight:600}.tab-bar__overlay .control-item{margin-bottom:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.tab-bar__overlay label{font-size:var(--font-base);color:var(--text-secondary);text-transform:none;letter-spacing:0;font-weight:500}.tab-bar__overlay select,.tab-bar__overlay input[type=range]{font-size:var(--font-base);padding:var(--space-md) var(--space-lg);background:var(--bg-input);border:1px solid var(--border-secondary);color:var(--text-primary);min-height:44px;transition:all var(--transition-fast);border-radius:0}.tab-bar__overlay select:focus,.tab-bar__overlay input[type=range]:focus{background:var(--bg-input-hover);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-focus)}.hide-ui .tab-bar{opacity:0!important;pointer-events:none!important}.tab-bar--entering{transform:translateY(100%)}.tab-bar--visible{transform:translateY(0)}@media (width<=480px){.tab-bar__tab-label{font-size:var(--font-sm);max-width:50px}.tab-bar__tab-icon{font-size:var(--font-xl)}.tab-bar__overlay-content{padding:var(--space-lg)}}@media (prefers-reduced-motion:reduce){.tab-bar,.tab-bar__tab,.tab-bar__overlay,.tab-bar__overlay-backdrop{transition:none!important}}@media (prefers-contrast:high){.tab-bar{border-top-color:var(--border-secondary);background:#000000f2}.tab-bar__tab{color:var(--text-primary)}.tab-bar__tab--active{color:var(--text-primary)!important}.tab-bar__overlay{border-top-color:var(--border-secondary);background:#000000fa}}.tab-bar__menu{bottom:calc(83px + env(safe-area-inset-bottom,0px));max-height:50vh;z-index:var(--z-overlay-high);-webkit-backdrop-filter:var(--blur-light);border-top:1px solid var(--border-primary);padding:var(--space-lg);background:#000000b3;flex-direction:column;display:flex;position:fixed;left:0;right:0;overflow-y:auto}.tab-bar__menu-item{color:var(--text-primary);padding:var(--space-lg) var(--space-xl);text-align:left;font-size:var(--font-lg);cursor:pointer;transition:background-color var(--transition-fast);border:none;border-bottom:1px solid var(--border-primary);background:0 0;border-radius:0}.tab-bar__menu-item:first-child{border-top:1px solid var(--border-primary)}.tab-bar__menu-item:hover{background-color:var(--bg-input)}.tab-bar__menu-item--selected{background-color:var(--bg-input-hover);font-weight:600}.tab-bar__menu-back{color:#fff;border-bottom:1px solid var(--border-primary);font-weight:600}.tab-bar__menu-separator{background:var(--bg-input);height:1px;margin:var(--space-sm) 0}.tab-bar__menu-title{font-size:var(--font-base);color:var(--text-primary);padding:var(--space-sm) var(--space-xl);text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-weight:600}.tab-bar__menu-backdrop{background:var(--bg-overlay);z-index:var(--z-overlay);position:fixed;inset:0}.tab-bar__menu-item--with-swatch{padding:var(--space-md) var(--space-xl)}.tab-bar__menu-item-content{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;display:flex}.tab-bar__menu-item-label{text-align:left;font-size:var(--font-lg);flex:1}.tab-bar__menu-item-swatch{border:1px solid var(--border-secondary);border-radius:2px;flex-shrink:0}.tab-bar__menu-item-swatch--small{width:40px;height:16px}.tab-bar__menu-item-swatch--medium{width:50px;height:20px}.tab-bar__menu-item-swatch--large{width:60px;height:24px}.palette-swatch{border:1px solid var(--border-secondary);border-radius:2px;display:inline-block}.palette-swatch--small{width:40px;height:16px}.palette-swatch--medium{width:50px;height:20px}.palette-swatch--large{width:60px;height:24px}@media (width>=900.02px){.tab-bar__menu{border-radius:8px 8px 0 0;width:400px;max-width:90vw;left:50%;right:auto;transform:translate(-50%)}}.install-notification,.install-message-notification{max-width:400px;padding:var(--space-xl);background:var(--bg-notification);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);z-index:var(--z-notification);position:fixed;left:50%}.install-notification{top:var(--space-xl);animation:install-notification-slide-down var(--transition-slow);transform:translate(-50%)}.install-notification__content{position:relative}.install-notification__title{margin-bottom:var(--space-sm);font-size:16px;font-weight:700}.install-notification__text{opacity:.9;font-size:14px;line-height:1.4}.install-notification__close{position:absolute;top:-10px;right:-10px}.install-message-notification{max-width:350px;z-index:calc(var(--z-notification) + 1);animation:install-message-fade-in var(--transition-slow);top:50%;transform:translate(-50%,-50%)}.install-message-content{justify-content:space-between;align-items:center;gap:15px;display:flex}.install-message-text{font-size:14px;line-height:1.4}.install-notification__close,.install-message-close{border-radius:var(--radius-round);width:24px;height:24px;color:var(--text-primary);cursor:pointer;background:#fff3;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}@keyframes install-notification-slide-down{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes install-message-fade-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=900px){.install-notification{left:var(--space-xl);right:var(--space-xl);max-width:none;animation:none;transform:none}}.breadcrumb{margin-top:var(--space-xxl);font-size:var(--font-xl);color:var(--text-tertiary)}.breadcrumb__list{justify-content:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:var(--space-sm);display:flex}.breadcrumb__item+.breadcrumb__item:before{content:"›";content:"›" / "";color:var(--text-disabled)}.breadcrumb__item[aria-current=page]{color:var(--text-tertiary)}body.ui-hidden .control-panel,body.ui-hidden .burger-menu,body.ui-hidden .audio-controls-overlay{opacity:0;visibility:hidden;pointer-events:none;transition:none}body.hide-ui .control-panel,body.hide-ui .burger-menu,body.hide-ui .audio-controls-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}.debug-panel,.debug-info,#parameter-display,#nav-velocity,#camera-3d,#perturbation-status,.nebulabrot-debug-controls{display:none}body.debug-visible .debug-panel,body.debug-visible .debug-info,body.debug-visible #parameter-display,body.debug-visible #nav-velocity,body.debug-visible #camera-3d,body.debug-visible #perturbation-status,body.debug-visible .nebulabrot-debug-controls{display:block}body.hide-debug .debug-panel,body.hide-debug .debug-info,body.hide-debug #parameter-display,body.hide-debug #nav-velocity,body.hide-debug #camera-3d,body.hide-debug #perturbation-status,body.hide-debug .nebulabrot-debug-controls{display:none}.debug-section:not(.debug-section--visible){display:none!important}.fractal-controls,.nebulabrot-controls,.mandelbulb-controls,.quaternion-julia-controls,.julia-controls,.mandlebox-controls,.benesi-controls{display:none}body.fractal-nebulabrot .nebulabrot-controls,body.fractal-mandelbulb .mandelbulb-controls,body.fractal-quaternion-julia .quaternion-julia-controls,body.fractal-julia .julia-controls,body.fractal-mandlebox .mandlebox-controls,body.fractal-benesi .benesi-controls,body.fractal-benesi3d .benesi-controls{display:block}.nav-mode-indicator,.navigation-3dof-indicator,.navigation-6dof-indicator{display:none}body.nav-mode-3dof .navigation-3dof-indicator,body.nav-mode-6dof .navigation-6dof-indicator{display:inline-block}.interactive-hint{display:none}body.animation-interactive .interactive-hint{display:block}body.animation-paused .pause-indicator,body.animation-playing .play-indicator{display:inline-block}.pause-indicator,.play-indicator{display:none}body.recording-active .recording-indicator{animation:1s infinite pulse;display:block}body.recording-preparing .recording-preparing-indicator{display:block}.recording-indicator,.recording-preparing-indicator{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}body.quality-ultra-low .quality-ultra-low-indicator,body.quality-low .quality-low-indicator,body.quality-medium .quality-medium-indicator,body.quality-high .quality-high-indicator,body.quality-ultra .quality-ultra-indicator{display:inline-block}.quality-ultra-low-indicator,.quality-low-indicator,.quality-medium-indicator,.quality-high-indicator,.quality-ultra-indicator,body.device-mobile .desktop-only,body.device-desktop .mobile-only,body.has-touch .no-touch,body.no-touch .touch-only,body.audio-enabled .audio-disabled-indicator,body.audio-disabled .audio-enabled-indicator{display:none}body.audio-playing .audio-playing-indicator{display:inline-block}.audio-enabled-indicator,.audio-disabled-indicator,.audio-playing-indicator{display:none}body.webgl-error .webgl-error-message,body.shader-error .shader-error-message{display:block}.webgl-error-message,.shader-error-message{display:none}body.loading .loading-indicator,body.ready .ready-indicator{display:block}.loading-indicator,.ready-indicator{display:none}.fractal-controls,.debug-panel,.nav-mode-indicator{transition:opacity var(--transition-medium), visibility var(--transition-medium)}body.ui-hidden *{transition:none!important}@media (prefers-contrast:high){body.high-contrast .control-panel,body.high-contrast .debug-panel{background:var(--bg-high-contrast);border:2px solid}}@media (prefers-reduced-motion:reduce){.fractal-controls,.debug-panel,.nav-mode-indicator,.recording-indicator{transition:none;animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.hide-ui .ui-element{opacity:0;pointer-events:none}.hide-debug .debug-element{display:none}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow{flex:1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.center-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-x{left:50%;transform:translate(-50%)}.center-y{top:50%;transform:translateY(-50%)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.font-normal{font-weight:400}.font-bold{font-weight:700}.font-light{font-weight:300}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.tracking-tight{letter-spacing:var(--letter-tight)}.tracking-normal{letter-spacing:var(--letter-normal)}.tracking-wide{letter-spacing:var(--letter-wide)}.leading-tight{line-height:var(--line-tight)}.leading-normal{line-height:var(--line-normal)}.leading-relaxed{line-height:var(--line-relaxed)}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.select-text{-webkit-user-select:text;user-select:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.bg-panel{background:var(--bg-panel)}.bg-panel-hover{background:var(--bg-panel-hover)}.bg-overlay{background:var(--bg-overlay)}.bg-transparent{background:0 0}.border{border:1px solid var(--border-primary)}.border-secondary{border:1px solid var(--border-secondary)}.border-none{border:none}.border-t{border-top:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-round)}.rounded-none{border-radius:0}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.z-base{z-index:var(--z-base)}.z-ui{z-index:var(--z-ui-low)}.z-modal{z-index:var(--z-modal)}.z-overlay{z-index:var(--z-overlay-mid)}.z-top{z-index:var(--z-overlay-top)}.blur{-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light)}.blur-heavy{-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy)}.loading{cursor:wait}.loading .ui-element{pointer-events:none;opacity:.7}.active{background:var(--bg-panel-active)}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.focus-ring:focus{box-shadow:0 0 0 2px var(--border-focus)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-bounce{animation:1s infinite bounce}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-modal)}@media print{.print-hidden{display:none!important}.print-visible{display:block!important}}@keyframes glow{0%,to{box-shadow:0 0 5px #28005080}50%{box-shadow:0 0 20px #280050cc}}button.active{animation:2s infinite pulse}.loading{color:#0ff;font-size:20px;animation:1s infinite glow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=479.98px){.audio-enable-button{top:var(--space-xl);left:70px}.debug-panel{font-size:.7rem;line-height:1.2}.debug-panel .velocity-values{font-size:.65rem}}@media (width>=480px){.burger-button{top:var(--space-xl);left:var(--space-xl);width:var(--burger-size);height:var(--burger-size)}.audio-enable-button{top:var(--space-xl);width:var(--burger-size);height:var(--burger-size);font-size:20px;left:70px}.burger-line{width:var(--burger-line-width)}.info-panel{min-width:auto;max-width:95%;padding:var(--space-md) var(--space-lg)}.control-panel{gap:var(--space-control-gap-small);padding:var(--space-md) var(--panel-padding-mobile);width:95vw;max-width:calc(100vw - 20px)}.control-panel .control-panel__group{gap:var(--space-sm)}.control-panel .control-panel__item{box-sizing:border-box;flex-direction:column;flex-shrink:1;justify-content:flex-end;align-items:center;gap:2px;min-width:0}.control-panel__label{font-size:var(--font-sm);text-align:center;margin-bottom:1px}.control-panel__select,.control-panel__button{font-size:var(--font-md);padding:5px var(--space-sm);border-radius:0;min-width:55px;max-width:90px;min-height:24px;line-height:1}.control-panel__select{padding:5px var(--space-lg) 5px var(--space-sm)}.control-panel__button{padding:10px var(--space-sm)}}@media (width>=600px){.control-panel{justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);width:95vw;max-width:calc(100vw - 20px)}.control-panel .control-panel__group{gap:var(--space-sm)}.control-panel .control-panel__item{flex-direction:column;align-items:center;gap:3px}.control-panel__label{font-size:var(--font-base);text-align:center;margin-bottom:2px}.control-panel__select,.control-panel__button{font-size:var(--font-lg);padding:5px var(--space-sm);min-width:60px;max-width:100px;min-height:26px}.control-panel__select{padding:5px 18px 5px var(--space-sm)}.control-panel__button{padding:10px var(--space-sm)}.progressive-indicator{min-width:100px}.progress-label{font-size:var(--font-base)}.progress-bar{height:var(--progress-height-small)}.progress-text{font-size:.55rem}.performance-panel{top:var(--space-md);right:var(--space-md);padding:var(--space-md);font-size:var(--font-md);min-width:160px}.performance-panel__title{margin-bottom:var(--space-sm);font-size:.75rem}.performance-panel__stats{gap:var(--space-xs)}.audio-controls{width:98vw;padding:var(--space-md) var(--space-lg);top:var(--space-md)}.audio-controls__header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.audio-controls__header h3{font-size:.75rem}.audio-controls__row{gap:var(--space-md);min-height:32px}.audio-controls__item{gap:var(--space-sm)}.audio-controls__item label{font-size:var(--font-sm)}.audio-toggle-wrapper{width:var(--audio-toggle-width-mobile);height:var(--audio-toggle-height-mobile)}.audio-select{font-size:var(--font-base);padding:3px var(--space-sm);min-width:90px}.audio-slider-value{font-size:var(--font-base);min-width:40px}.audio-slider::-webkit-slider-thumb{width:var(--audio-thumb-size-mobile);height:var(--audio-thumb-size-mobile)}.audio-slider::-moz-range-thumb{width:var(--audio-thumb-size-mobile);height:var(--audio-thumb-size-mobile)}}.tab-bar,.control-panel{transition:height var(--transition-slow), opacity var(--transition-slow), transform var(--transition-slow), padding var(--transition-slow)}@media (width<=600px){.tab-bar{display:flex}.control-panel{display:none!important}}@media (width>=600.02px) and (width<=900px){.tab-bar{height:75px;padding:var(--space-md) 0;display:flex}.tab-bar .tab-bar__tab{min-width:60px;min-height:50px}.tab-bar .tab-bar__tab-icon{font-size:var(--font-xl)}.control-panel{display:none!important}}@media (width>=900.02px){.tab-bar{height:75px;padding:var(--space-sm) var(--space-md);justify-content:center;gap:var(--space-sm);max-width:800px;left:50%;right:auto;transform:translate(-50%);opacity:1!important;display:flex!important}.tab-bar__tab{min-width:80px;max-width:100px;padding:var(--space-sm);flex:0 auto}.tab-bar__tab-icon{font-size:var(--font-lg)}.tab-bar__tab-label{font-size:var(--font-sm);white-space:nowrap}.control-panel{display:none!important}.navigation-panel{top:var(--space-md);right:var(--space-md);min-width:var(--nav-panel-width-mobile);max-width:var(--nav-panel-max-width-mobile);padding:var(--space-md) var(--space-lg)}.nav-title{font-size:var(--font-lg)}.nav-label,.nav-keys,.velocity-values>div{font-size:.75rem}.nav-hint{font-size:.65rem}.burger-menu-panel{width:75vw;max-width:300px}.overlay-container--active{align-items:flex-start;padding-top:70px}.overlay-content{width:95%;max-height:calc(100dvh - 90px);padding:var(--space-xxl) var(--space-xl)}.overlay-close{top:var(--space-md);right:var(--space-md)}.overlay-body h2{font-size:1.5rem}.audio-controls{width:95vw;padding:var(--space-md) var(--space-xl);gap:var(--space-md)}.audio-controls__header h3{font-size:var(--font-lg)}.audio-controls__row{gap:var(--space-md)}.audio-controls__row--two-column{gap:var(--space-lg)}.audio-controls__item label{font-size:.55rem}.audio-select{min-width:100px;font-size:.65rem}.audio-slider-value{min-width:45px;font-size:.65rem}}@media (width>=1300px){.control-panel{justify-content:center;gap:var(--space-control-gap);padding:var(--space-lg) var(--panel-padding);box-sizing:border-box;flex-wrap:nowrap;width:min(var(--panel-width-desktop), 90vw)!important;max-width:var(--panel-width-desktop)!important;bottom:var(--space-xl)!important;position:fixed!important;left:50%!important;transform:translate(-50%)!important}.control-panel .control-panel__group{gap:var(--space-md)}.control-panel .control-panel__item{align-items:center;gap:var(--space-sm);flex-direction:row;justify-content:flex-start;min-height:auto}.control-panel__label{font-size:var(--font-base);text-align:left;white-space:nowrap;margin-bottom:0}.control-panel__select,.control-panel__button{font-size:var(--font-md);padding:6px var(--space-sm);min-width:var(--select-min-width);max-width:none;min-height:var(--control-height)}.control-panel__select{padding:6px var(--space-lg) 6px var(--space-sm)}.control-panel__button{padding:12px var(--space-sm)}.navigation-panel{top:50%;right:var(--space-xl);min-width:var(--nav-panel-width);max-width:var(--nav-panel-max-width);padding:var(--space-lg) var(--space-xl);transform:translateY(-50%)}.audio-controls{width:var(--panel-width-tablet);max-width:600px;padding:var(--space-lg) var(--panel-padding)}.audio-controls__row--two-column{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}}@media (pointer:coarse){.control-panel__select,.control-panel__button{padding:5px var(--space-sm);line-height:1}.control-panel__select{padding:5px var(--space-lg) 5px var(--space-sm)}.control-panel__button{padding:10px var(--space-sm)}.control-panel .control-panel__group{gap:14px}.nav-control-item{padding:var(--space-sm);margin:calc(-1 * var(--space-xs))}.control-panel__select:active,.control-panel__button:active{opacity:.9;transform:scale(.98)}.burger-button,.audio-enable-button{min-width:var(--control-height-touch);min-height:var(--control-height-touch)}.overlay-close{width:var(--control-height-touch);height:var(--control-height-touch);font-size:20px}.audio-select{min-height:40px;padding:var(--space-sm) var(--space-md)}.audio-slider{min-height:20px}.audio-slider::-webkit-slider-thumb{width:var(--audio-thumb-size-touch);height:var(--audio-thumb-size-touch)}.audio-slider::-moz-range-thumb{width:var(--audio-thumb-size-touch);height:var(--audio-thumb-size-touch)}.audio-select:active{opacity:.9;transform:scale(.98)}}@media print{.control-panel,.navigation-panel,.burger-button,.audio-enable-button,.burger-menu-panel,.overlay-container{display:none!important}.fractal-canvas{width:100%!important;height:100%!important}}@media (prefers-contrast:high){.control-panel,.navigation-panel,.info-panel{background:#000000e6;border-width:2px}select,button{background:#ffffff1a;border-width:2px}}@media (prefers-reduced-motion:reduce){.progressive-indicator.active .progress-fill,.button.active{animation:none}*{transition-duration:.01ms!important}}.error-fallback{z-index:10000;background:linear-gradient(135deg,#1a1a1a,#2d1b69);justify-content:center;align-items:center;width:100%;height:100%;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:fixed;top:0;left:0}.error-content h2{color:#ff6b6b;margin-bottom:1rem;font-size:2rem;font-weight:600}.error-content p{color:#ccc;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.error-suggestions{text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:2rem 0;padding:20px}.error-suggestions h3{color:#4ecdc4;margin-bottom:1rem;font-size:1.2rem;font-weight:500}.error-suggestions ul{padding:0;list-style:none}.error-suggestions li{color:#bbb;padding:8px 0 8px 20px;line-height:1.4;position:relative}.error-suggestions li:before{content:"→";color:#4ecdc4;font-weight:700;position:absolute;left:0}.error-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#4ecdc4,#44a08d);border:none;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #4ecdc44d}.error-retry-btn:hover{background:linear-gradient(45deg,#5fd5cd,#4db8a8);transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.error-retry-btn:active{transform:translateY(0)}@media (width<=900px){.error-content{margin:20px;padding:30px 20px}.error-content h2{font-size:1.5rem}.error-content p{font-size:1rem}}.error-page{background:var(--bg-primary);width:100vw;height:100dvh;z-index:var(--z-overlay-top);font-family:var(--font-primary);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.error-content{background:var(--bg-panel);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid var(--border-primary);padding:var(--space-xxxl);text-align:center;width:90vw;max-width:600px;box-shadow:var(--shadow-xl);border-radius:0;position:relative;overflow:hidden}.error-content:before{content:"";background:var(--gradient-primary);opacity:.6;height:4px;position:absolute;top:0;left:0;right:0}.error-logo{margin:0 auto var(--space-xxl);filter:drop-shadow(0 4px 12px #28005080);width:80%;max-width:400px;height:auto;transition:transform var(--transition-slow), filter var(--transition-slow);display:block}.error-logo:hover{filter:drop-shadow(0 6px 16px #280050b3);transform:scale(1.05)rotate(1deg)}.error-title{color:var(--text-primary);font-size:var(--font-display);margin-bottom:var(--space-lg);text-shadow:0 2px 8px #00000080;font-weight:600;line-height:var(--line-tight)}.error-message{color:var(--text-secondary);font-size:var(--font-xl);line-height:var(--line-relaxed);margin-bottom:var(--space-xxl);text-shadow:0 1px 4px #0000004d}.error-submessage{color:var(--text-tertiary);font-size:var(--font-lg);margin-bottom:var(--space-xxxl);font-style:italic}.error-actions{gap:var(--space-lg);flex-direction:column;align-items:center;display:flex}.error-btn{background:var(--gradient-primary);color:var(--text-primary);padding:var(--space-lg) var(--space-xxxl);font-size:var(--font-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-sm);min-width:160px;letter-spacing:var(--letter-wide);border:none;border-radius:0;justify-content:center;font-weight:600;text-decoration:none;display:inline-flex}.error-btn:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.error-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.error-btn--secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-secondary)}.error-btn--secondary:hover{background:var(--bg-input-hover);color:var(--text-primary);border-color:var(--border-focus)}.error-suggestions{text-align:left;margin:var(--space-xxl) 0;padding:var(--space-xl);background:#ffffff08;border:1px solid #ffffff14;border-radius:0}.error-suggestions__title{color:var(--color-primary-light);font-size:var(--font-xl);margin-bottom:var(--space-lg);text-align:center;font-weight:500}.error-suggestions__list{margin:0;padding:0;list-style:none}.error-suggestions__item{color:var(--text-secondary);padding:var(--space-sm) 0;padding-left:var(--space-xl);line-height:var(--line-relaxed);transition:color var(--transition-fast);position:relative}.error-suggestions__item:hover{color:var(--text-primary)}.error-suggestions__item:before{content:"→";color:var(--color-primary-light);transition:transform var(--transition-fast);font-weight:700;position:absolute;left:0}.error-suggestions__item:hover:before{transform:translate(4px)}.error-suggestions__link{color:inherit;transition:border-color var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.error-suggestions__link:hover{border-bottom-color:var(--color-primary-light)}.retry-container{margin-top:var(--space-xxl);margin-bottom:var(--space-xxl);padding:var(--space-xl);background:#ffffff05;border:1px solid #ffffff0d;border-radius:0}.retry-timer{color:var(--text-tertiary);font-size:var(--font-md);margin-bottom:var(--space-lg);font-family:var(--font-monospace)}.retry-timer__countdown{color:var(--color-primary-light);font-weight:700}@media (width<=900px){.error-content{padding:var(--space-xxl) var(--space-xl);width:95vw}.error-title{font-size:1.8rem}.error-message{font-size:var(--font-lg)}.error-logo{max-width:300px;margin-bottom:var(--space-xl)}.error-actions{gap:var(--space-md)}.error-btn{padding:var(--space-md) var(--space-xxl);font-size:var(--font-md);min-width:140px}.error-suggestions{padding:var(--space-lg);margin:var(--space-xl) 0}}@media (width<=480px){.error-content{padding:var(--space-xl) var(--space-lg)}.error-title{font-size:1.5rem}.error-logo{max-width:250px}.error-btn{width:100%;max-width:280px}}@media (prefers-reduced-motion:reduce){.error-logo{animation:none}.error-btn{transition:none}}.error-btn:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.error-suggestions__link:focus-visible{outline:1px solid var(--color-primary-light);outline-offset:2px;border-radius:0}.error-code{font-family:var(--font-monospace);color:var(--color-primary-light);font-size:var(--font-xxxl);margin-bottom:var(--space-lg);text-shadow:0 0 10px #28005080;letter-spacing:var(--letter-wider);font-weight:700}.connection-status{color:var(--text-tertiary);font-size:var(--font-md);margin-bottom:var(--space-lg);font-family:var(--font-monospace)}.status-online{color:#4caf50}.status-offline{color:#f44336}