._app_1upr2_1{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:var(--app-text-color, var(--text-primary));background-color:var(--app-bg-color, var(--bg-primary))}._app__bg-gradient_1upr2_14{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--app-bg-gradient, none);z-index:0;pointer-events:none;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}._app__content_1upr2_27{width:100%;max-width:36rem;padding:80px 1.5rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100dvh;position:relative;z-index:10}._play-btn_1upr2_40{width:calc(var(--control-size-icon-md, 2.5rem) + 1rem)!important;height:calc(var(--control-size-icon-md, 2.5rem) + 1rem)!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (min-width: 768px){._play-btn_1upr2_40{width:calc(var(--control-size-icon-md, 2.5rem) + 1.5rem);height:calc(var(--control-size-icon-md, 2.5rem) + 1.5rem)}}._bpm-section_1upr2_56{display:flex;flex-direction:column;width:100%}._dock-section_1upr2_62{width:100%;position:relative;z-index:50}._visualizer-section_1upr2_68{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}._subdivision-row_1upr2_76{display:flex;gap:.375rem;justify-content:center;width:100%}@media (min-width: 768px){._subdivision-row_1upr2_76{gap:.75rem}}._subdivision-btn_1upr2_89{flex:1;padding:.25rem .75rem;font-size:var(--type-control-size-md, .875rem)}@media (max-width: 480px){._subdivision-btn_1upr2_89{padding:.25rem}}._header-buttons_1upr2_101{position:absolute;top:1.5rem;right:1.5rem;z-index:50;display:flex;gap:.5rem}._header-btn_1upr2_110{display:flex;align-items:center;justify-content:center;height:var(--control-height-md, 2.5rem);gap:.375rem;padding:.625rem .75rem;font-size:var(--type-control-size-sm, .75rem)}._play-btn_1upr2_40 svg{display:block}._button_1qjic_1{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0;margin:0;font-family:var(--action-font-family);font-weight:var(--action-font-weight);letter-spacing:var(--action-letter-spacing);text-transform:var(--action-text-transform);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;border-radius:var(--action-radius);transition:var(--transition-fast, var(--transition-base))}._button_1qjic_1:focus-visible{outline:2px solid var(--action-focus-ring);outline-offset:2px}._button_1qjic_1:active{opacity:var(--action-active-opacity);transform:var(--action-active-transform)}._button_1qjic_1:disabled{opacity:var(--opacity-disabled, .5);pointer-events:none}._size-sm_1qjic_37{height:var(--control-height-sm, 2rem);padding:0 var(--control-padding-inline-sm, .75rem);font-size:var(--type-control-size-sm, .75rem)}._size-md_1qjic_43{height:var(--control-height-md, 2.5rem);padding:0 var(--control-padding-inline-md, 1rem);font-size:var(--type-control-size-md, .875rem)}._size-lg_1qjic_49{height:var(--control-height-lg, 3rem);padding:0 var(--control-padding-inline-lg, 1.5rem);font-size:var(--type-control-size-lg, 1rem)}._size-icon_1qjic_55{width:var(--control-size-icon-md, 2.5rem);height:var(--control-size-icon-md, 2.5rem);padding:0;border-radius:var(--action-radius)}._size-icon-sm_1qjic_62{width:var(--control-size-icon-sm, 2rem);height:var(--control-size-icon-sm, 2rem);padding:0;border-radius:var(--action-radius)}._icon_1qjic_69{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._variant-filled_1qjic_76{background:var(--action-solid-bg);color:var(--action-solid-color);border:var(--action-solid-border-width) solid var(--action-solid-border-color);box-shadow:var(--action-solid-shadow)}._variant-filled_1qjic_76:active{background:var(--action-solid-active-bg);box-shadow:var(--action-solid-active-shadow)}._variant-filled_1qjic_76[aria-checked=true]{background:var(--action-solid-selected-bg);color:var(--action-solid-selected-color);border:var(--action-solid-selected-border-width) solid var(--action-solid-selected-border-color);box-shadow:var(--action-solid-selected-shadow)}._variant-outline_1qjic_95{background:var(--action-outline-bg);color:var(--action-outline-color);border:var(--action-outline-border-width) solid var(--action-outline-border-color);box-shadow:var(--action-outline-shadow)}._variant-outline_1qjic_95:active{background:var(--action-outline-active-bg);box-shadow:var(--action-outline-active-shadow)}._variant-outline_1qjic_95[aria-checked=true]{background:var(--action-outline-selected-bg);color:var(--action-outline-selected-color);border:var(--action-outline-selected-border-width) solid var(--action-outline-selected-border-color);box-shadow:var(--action-outline-selected-shadow)}._variant-transparent_1qjic_115{background:var(--action-ghost-bg);color:var(--action-ghost-color);border:var(--action-ghost-border-width) solid var(--action-ghost-border-color);box-shadow:var(--action-ghost-shadow)}._variant-transparent_1qjic_115:active{background:var(--action-ghost-active-bg);box-shadow:var(--action-ghost-active-shadow)}._variant-transparent_1qjic_115[aria-checked=true]{background:var(--action-ghost-selected-bg);color:var(--action-ghost-selected-color);border:var(--action-ghost-selected-border-width) solid var(--action-ghost-selected-border-color);box-shadow:var(--action-ghost-selected-shadow)}._no-padding_1qjic_134{padding:0}._history-bar_uee1x_1{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:0;height:56px;gap:.5rem}._history-bar__list_uee1x_11{flex:1;display:flex;align-items:center;gap:.75rem;overflow-x:auto;padding:.5rem .25rem;height:100%;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);scrollbar-width:none;-ms-overflow-style:none}._history-bar__list_uee1x_11::-webkit-scrollbar{display:none}._history-bar__item_uee1x_32{position:relative;flex-shrink:0;height:var(--control-height-sm, 2rem);min-width:60px;padding-left:.75rem;padding-right:.75rem;border-radius:var(--control-radius, var(--radius-control));border:var(--control-border-width, 1px) solid var(--control-border-color, var(--border-subtle));background-color:var(--control-bg, var(--fill-subtle));color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast, opacity .18s ease);box-shadow:var(--control-shadow, none);animation:_history-bar-item-in_uee1x_1 .18s cubic-bezier(.16,1,.3,1) both}._history-bar__item_uee1x_32:last-of-type{margin-right:1.5rem}._history-bar__item--active_uee1x_57{background-color:var(--control-selected-bg, transparent);border:var( --control-selected-border-width, var(--control-border-width, 1px) ) solid var(--control-selected-border-color, var(--accent-primary));color:var(--control-selected-color, var(--accent-primary));font-weight:700;box-shadow:var(--control-selected-shadow, none)}._history-bar__item_uee1x_32:active{opacity:var(--control-active-opacity, var(--opacity-btn-active, .7))}._history-bar__item-text_uee1x_74{font-family:var(--type-metric-ff, var(--font-app-mono));font-size:var(--type-body-size-sm, .875rem);font-weight:var(--type-metric-fw, 600);letter-spacing:var(--type-metric-letter-spacing, -.02em);font-variant-numeric:tabular-nums}._history-bar__remove-btn_uee1x_82{position:absolute;top:-.5rem;right:-.25rem;width:1.25rem;height:1.25rem;color:var(--accent-danger);border-color:var(--accent-danger);background-color:var(--bg-surface);border-radius:var(--radius-badge, var(--radius-pill))}._no-history_uee1x_94{color:var(--text-muted);font-family:var(--type-caption-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem);font-style:italic;margin-left:.5rem}._history-bar__save-btn_uee1x_102{flex-shrink:0;z-index:10}._history-bar__tap-btn_uee1x_107{flex-shrink:0}._history-bar__tap-label_uee1x_111{font-family:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--text-secondary)}@keyframes _history-bar-item-in_uee1x_1{0%{opacity:0;transform:translate3d(-.5rem,0,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@media (prefers-reduced-motion: reduce){._history-bar__item_uee1x_32{animation-duration:1ms}}._dock_1tzl1_1{position:relative;backdrop-filter:blur(var(--surface-panel-blur, var(--overlay-blur, 0px)));-webkit-backdrop-filter:blur(var(--surface-panel-blur, var(--overlay-blur, 0px)));background-color:var(--surface-panel-bg, var(--bg-elevated));border:var( --surface-panel-border, var(--surface-panel-border-width, 1px) solid var(--surface-panel-border-color, var(--border-base)) );box-shadow:var(--surface-panel-shadow, var(--shadow-panel));border-radius:var(--surface-panel-radius, var(--radius-panel));display:flex;justify-content:space-evenly;align-items:center;width:100%;flex-wrap:wrap;padding:.25rem .5rem;gap:.5rem}@media (min-width: 768px){._dock_1tzl1_1{padding:.5rem 1.25rem}}._overlay_y2s3p_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--modal-shell-overlay-z-index, 100);display:flex;align-items:center;justify-content:center;padding:var(--modal-shell-overlay-padding, 20px);background:var(--bg-overlay);backdrop-filter:blur(var(--modal-shell-overlay-blur, var(--overlay-blur, 0px)));-webkit-backdrop-filter:blur(var(--modal-shell-overlay-blur, var(--overlay-blur, 0px)));pointer-events:none;opacity:0;transition:opacity var(--modal-shell-overlay-duration, .14s) var(--modal-shell-overlay-ease, ease)}._overlay_y2s3p_1[data-state=open]{opacity:1;pointer-events:auto}._panel_y2s3p_23{position:relative;width:100%;min-width:min(var(--modal-shell-min-width, 320px),100%);max-width:var(--modal-shell-max-width, 400px);max-height:var(--modal-shell-max-height, none);padding:var(--modal-shell-padding, 24px);display:flex;flex-direction:column;background:var(--surface-floating-bg, var(--bg-surface));border:var( --surface-floating-border, var(--surface-floating-border-width, 1px) solid var(--surface-floating-border-color, var(--border-subtle)) );border-radius:var(--surface-floating-radius, var(--radius-modal));box-shadow:var(--surface-floating-shadow, var(--shadow-modal)),var(--surface-floating-inner-shadow, inset 0 1px 0 rgba(255, 255, 255, .08));backdrop-filter:blur(var(--surface-floating-blur, var(--overlay-blur, 0px)));-webkit-backdrop-filter:blur(var(--surface-floating-blur, var(--overlay-blur, 0px)));color:var(--text-primary);will-change:transform,opacity;transform-origin:center center;pointer-events:none;opacity:0;transition:opacity var(--modal-shell-panel-duration, .16s) var(--modal-shell-panel-ease, ease)}._panel_y2s3p_23[data-state=open]{pointer-events:auto;opacity:1}._header_y2s3p_57{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--modal-shell-header-margin, 20px)}._titleRow_y2s3p_65{display:flex;align-items:center;gap:10px;min-width:0}._title_y2s3p_65{margin:0;font-family:var(--modal-shell-title-ff, var(--type-title-ff, var(--font-display)));font-size:var(--modal-shell-title-size, var(--type-title-size-md, 18px));font-weight:var(--modal-shell-title-weight, var(--type-title-fw, 600));text-transform:var(--modal-shell-title-transform, var(--type-title-transform, none));letter-spacing:var(--modal-shell-title-letter-spacing, var(--type-title-letter-spacing, -.02em));line-height:1.1;color:var(--app-title-color, var(--text-primary))}._titleIcon_y2s3p_83{flex-shrink:0;color:var(--app-title-icon-color, var(--accent-primary))}@media (prefers-reduced-motion: reduce){._overlay_y2s3p_1[data-state],._panel_y2s3p_23[data-state]{transition-duration:1ms}}._help-modal__overlay_u7ag1_1{--modal-shell-overlay-z-index: 50;--modal-shell-overlay-padding: 1rem}._help-modal__panel_u7ag1_6{--modal-shell-max-width: 28rem;--modal-shell-padding: 0;position:relative;overflow:hidden}._help-modal__header_u7ag1_13{--modal-shell-header-margin: 0;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-subtle);background-color:var(--fill-subtle)}._help-modal__title-row_u7ag1_21{gap:.5rem}._help-modal__title_u7ag1_21{font-family:var(--type-title-ff, var(--font-display));font-size:var(--type-title-size-md, 1.125rem);font-weight:var(--type-title-fw, 600);letter-spacing:var(--type-title-letter-spacing, -.02em)}._help-modal__title-icon_u7ag1_32{color:var(--text-primary)}._help-modal__body_u7ag1_36{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem);max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--select-scrollbar-color, var(--border-base)) transparent}._help-modal__body_u7ag1_36::-webkit-scrollbar{width:4px}._help-modal__body_u7ag1_36::-webkit-scrollbar-track{background:transparent}._help-modal__body_u7ag1_36::-webkit-scrollbar-thumb{background-color:var(--select-scrollbar-color, var(--border-base));border-radius:var(--control-radius, var(--radius-control))}._help-modal__row_u7ag1_62{display:flex;gap:1rem}._help-modal__section-body_u7ag1_67{flex:1}._help-modal__icon-box_u7ag1_71{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--control-radius, var(--radius-control));background-color:var(--control-bg, var(--fill-subtle));border:var(--control-border-width, 1px) solid var(--control-border-color, var(--border-subtle));box-shadow:var(--control-shadow, none);color:var(--text-primary)}._help-modal__footer_u7ag1_85{padding:1rem;text-align:center;border-top:1px solid var(--border-subtle);background-color:var(--fill-muted)}._section-title_u7ag1_92{font-family:var(--type-body-ff, var(--font-app-sans));font-weight:var(--type-body-strong-fw, 600);font-size:var(--type-body-size-md, 1rem);margin-bottom:.25rem}._section-text_u7ag1_99{font-family:var(--type-body-ff, var(--font-app-sans));color:var(--text-secondary);font-size:var(--type-body-size-sm, .875rem);line-height:1.5}._text-xs_u7ag1_106{font-family:var(--type-caption-ff, var(--font-app-sans));font-size:var(--type-caption-size, .75rem);opacity:.7}._help-modal__footer-text_u7ag1_112{font-family:var(--type-control-ff, var(--font-display));font-size:var(--type-caption-size, .75rem);text-transform:var(--type-control-transform, uppercase);letter-spacing:var(--type-control-title-letter-spacing, .08em);color:var(--text-muted);font-weight:var(--type-control-fw, 700)}._checkbox_1p44r_1{position:relative;width:var(--switch-width);height:var(--switch-height);background:var(--switch-track-bg);box-shadow:var(--switch-track-shadow);border-radius:var(--switch-track-radius);cursor:pointer;border:var(--switch-track-border-width) solid var(--switch-track-border-color);display:inline-block;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition-fast, var(--transition-base))}._checkbox_1p44r_1:focus-visible{outline:2px solid var(--action-focus-ring);outline-offset:2px}._checkbox_1p44r_1:active:not(._checkbox--disabled_1p44r_23){opacity:var(--action-active-opacity)}._checkbox--checked_1p44r_27{background:var(--switch-track-selected-bg);border-color:var(--switch-track-selected-border-color);box-shadow:var(--switch-track-selected-shadow)}._checkbox--disabled_1p44r_23{opacity:var(--opacity-disabled, .5);cursor:not-allowed;pointer-events:none}._checkbox__knob_1p44r_39{position:absolute;top:var(--switch-padding);left:var(--switch-padding);width:calc(var(--switch-height) - (var(--switch-padding) * 2));height:calc(var(--switch-height) - (var(--switch-padding) * 2));background:var(--switch-thumb-bg);border-radius:var(--switch-thumb-radius);border:var(--switch-thumb-border-width) solid var(--switch-thumb-border-color);box-sizing:border-box;transition:var(--transition-fast, var(--transition-base));box-shadow:var(--switch-thumb-shadow)}._checkbox--checked_1p44r_27 ._checkbox__knob_1p44r_39{background:var(--switch-thumb-selected-bg);border-color:var(--switch-thumb-selected-border-color);box-shadow:var(--switch-thumb-selected-shadow)}._checkbox--checked_1p44r_27 ._checkbox__knob_1p44r_39{transform:translate(calc(var(--switch-width) - calc(var(--switch-height) - (var(--switch-padding) * 2)) - (var(--switch-padding) * 2) - (var(--switch-track-border-width) * 2)))}._input_1cuii_1{width:auto;min-width:6rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--field-bg, var(--fill-subtle));border:var( --field-border, var(--field-border-width, 1px) solid var(--field-border-color, var(--border-subtle)) );box-shadow:var(--field-shadow, none);border-radius:var(--field-radius, var(--radius-control));color:var(--field-color, var(--text-primary));outline:none;transition:var(--transition-fast, var(--transition-base))}._input_1cuii_1::placeholder{color:var(--text-muted)}._input_1cuii_1:focus-visible{border-color:var(--field-focus-border, var(--accent-primary));background:var(--field-focus-bg, var(--bg-surface))}._input_1cuii_1:disabled{opacity:var(--opacity-disabled, .5);cursor:not-allowed}._full-width_1cuii_31{width:100%}._size-sm_1cuii_35{min-height:var(--control-height-sm, 2rem);padding:.5rem .75rem;font-size:var(--type-body-size-sm, .875rem)}._size-md_1cuii_41{min-height:var(--control-height-md, 2.5rem);padding:.625rem .875rem;font-size:var(--type-body-size-md, 1rem)}._font-body_1cuii_47{font-family:var(--type-body-ff, var(--font-app-sans));font-weight:var(--type-body-fw, 400)}._font-metric_1cuii_52{font-family:var(--type-metric-ff, var(--font-app-mono));font-weight:var(--type-metric-fw, 600);letter-spacing:var(--type-metric-letter-spacing, -.02em);font-variant-numeric:tabular-nums}._align-left_1cuii_59{text-align:left}._align-center_1cuii_63{text-align:center}._align-right_1cuii_67{text-align:right}._hide-number-spinner_1cuii_71[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._hide-number-spinner_1cuii_71[type=number]::-webkit-inner-spin-button,._hide-number-spinner_1cuii_71[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._interval-trainer-modal__panel_1oo9j_1{--modal-shell-min-width: 320px;--modal-shell-max-width: 400px}._interval-trainer-modal__content_1oo9j_6{display:flex;flex-direction:column;gap:16px;min-height:320px}._interval-trainer-modal__row_1oo9j_13{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}._interval-trainer-modal__label_1oo9j_21{flex:1;min-width:0;font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem);font-weight:var(--type-body-strong-fw, 600);color:var(--text-primary)}._interval-trainer-modal__input_1oo9j_30{width:5rem;flex:0 0 5rem}._interval-trainer-modal__divider_1oo9j_35{height:1px;background:var(--border-subtle);margin:4px 0}._interval-trainer-modal__status_1oo9j_41{padding:12px;background:var(--field-bg, var(--bg-surface));border:var( --field-border, var(--field-border-width, 1px) solid var(--field-border-color, var(--border-subtle)) );border-radius:var(--field-radius, var(--radius-control));text-align:center}._interval-trainer-modal__status--muted_1oo9j_52{border-color:var(--border-subtle)}._interval-trainer-modal__status-text_1oo9j_56{font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem);color:var(--text-primary);line-height:1.5}._interval-trainer-modal__status-highlight_1oo9j_63{color:inherit;font-weight:600}._interval-trainer-modal__hint_1oo9j_68{font-family:var(--type-caption-ff, var(--font-app-sans));font-size:var(--type-caption-size, .75rem);color:var(--text-secondary);text-align:center;line-height:1.4}._presets-modal__panel_1q7ly_1{--modal-shell-min-width: 340px;--modal-shell-max-width: 420px;--modal-shell-max-height: 80vh;--surface-floating-inner-shadow: none;position:relative;overflow:hidden}._presets-modal__content_1q7ly_10{display:flex;flex-direction:column;gap:16px;overflow:hidden}._presets-modal__save-section_1q7ly_17{display:flex;gap:8px}._presets-modal__name-input_1q7ly_22{flex:1;min-width:0}._presets-modal__save-btn_1q7ly_27{height:42px;white-space:nowrap}._presets-modal__divider_1q7ly_32{height:1px;background:var(--border-subtle)}._presets-modal__list_1q7ly_37{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;max-height:300px;padding-right:4px}._presets-modal__list_1q7ly_37::-webkit-scrollbar{width:4px}._presets-modal__list_1q7ly_37::-webkit-scrollbar-track{background:var(--fill-subtle);border-radius:var(--radius-pill)}._presets-modal__list_1q7ly_37::-webkit-scrollbar-thumb{background:var(--fill-active);border-radius:var(--radius-pill)}._presets-modal__item_1q7ly_61{display:flex;align-items:center;gap:12px;padding:12px;background:var(--field-bg, var(--fill-subtle));border:var( --field-border, var(--field-border-width, 1px) solid var(--field-border-color, var(--border-subtle)) );border-radius:var(--field-radius, var(--radius-control));box-shadow:var(--field-shadow, none)}._presets-modal__item-info_1q7ly_75{flex:1;min-width:0}._presets-modal__item-name_1q7ly_80{font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem);font-weight:var(--type-body-strong-fw, 600);color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._presets-modal__item-meta_1q7ly_91{font-family:var(--type-caption-ff, var(--font-app-sans));font-size:var(--type-caption-size, .75rem);color:var(--text-secondary);display:flex;gap:4px;flex-wrap:wrap}._presets-modal__item-actions_1q7ly_100{display:flex;gap:6px}._presets-modal__item-delete-btn_1q7ly_105{color:var(--accent-danger)}._presets-modal__empty-state_1q7ly_109{text-align:center;padding:32px 16px;color:var(--text-muted);font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem)}._presets-modal__empty-icon_1q7ly_117{font-size:32px;margin-bottom:8px}._presets-modal__confirm-overlay_1q7ly_122{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(var(--modal-shell-overlay-blur, var(--overlay-blur, 0px)));-webkit-backdrop-filter:blur(var(--modal-shell-overlay-blur, var(--overlay-blur, 0px)));display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--surface-floating-radius, var(--radius-modal))}._presets-modal__confirm-dialog_1q7ly_135{background:var(--surface-floating-bg, var(--bg-surface));border:var( --surface-floating-border, var(--surface-floating-border-width, 1px) solid var(--surface-floating-border-color, var(--border-subtle)) );border-radius:var(--surface-floating-radius, var(--radius-modal));padding:20px;width:90%;max-width:320px;box-shadow:var(--surface-floating-shadow, var(--shadow-modal)),var(--surface-floating-inner-shadow, none);display:flex;flex-direction:column;gap:16px;text-align:center;animation:_presets-modal-confirm-in_1q7ly_1 .18s cubic-bezier(.16,1,.3,1) both}._presets-modal__confirm-title_1q7ly_156{font-family:var(--type-title-ff, var(--font-display));font-size:var(--type-title-size-sm, 1rem);font-weight:var(--type-title-fw, 600);letter-spacing:var(--type-title-letter-spacing, -.02em);color:var(--app-title-color, var(--text-primary))}._presets-modal__confirm-message_1q7ly_164{font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem);color:var(--text-secondary)}._presets-modal__confirm-actions_1q7ly_170{display:flex;gap:12px;margin-top:8px}._presets-modal__confirm-btn-cancel_1q7ly_176,._presets-modal__confirm-btn-delete_1q7ly_177{flex:1;padding:8px}._presets-modal__confirm-btn-delete_1q7ly_177{color:var(--accent-danger)}._presets-modal__confirm-btn-cancel_1q7ly_176:active,._presets-modal__confirm-btn-delete_1q7ly_177:active{opacity:var(--opacity-btn-active, .7)}@keyframes _presets-modal-confirm-in_1q7ly_1{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){._presets-modal__confirm-dialog_1q7ly_135{animation-duration:1ms}}._select_2m3ql_1{position:relative;height:2.5rem;flex-shrink:0}._select__btn_2m3ql_7{height:100%;width:6.5rem;padding:4px;display:flex;align-items:center;justify-content:center;gap:.5rem;overflow:hidden}._select__btn_2m3ql_7>svg{flex-shrink:0}._select__label_2m3ql_22{font-family:var(--select-label-ff, var(--action-font-family));font-size:var(--type-control-size-md, .875rem);font-weight:var(--select-label-fw, var(--action-font-weight));text-transform:var(--select-label-transform, var(--action-text-transform));letter-spacing:var(--select-label-letter-spacing, var(--action-letter-spacing));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._select__chevrons_2m3ql_33{display:flex;flex-direction:column;opacity:.4;flex-shrink:0}._select__chevrons_2m3ql_33>*:not(:first-child){margin-top:-.25rem}._select__dropdown_2m3ql_44{position:absolute;width:10rem;padding:.375rem;z-index:50;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;border-radius:var(--surface-floating-radius, var(--radius-modal));border:var( --surface-floating-border, var(--surface-floating-border-width, 1px) solid var(--surface-floating-border-color, var(--border-base)) );box-shadow:var(--surface-floating-shadow, var(--shadow-modal)),var(--surface-floating-inner-shadow, inset 0 1px 0 rgba(255, 255, 255, .08));background:var(--surface-floating-bg, var(--bg-surface));backdrop-filter:blur(var(--surface-floating-blur, var(--overlay-blur, 0px)));-webkit-backdrop-filter:blur(var(--surface-floating-blur, var(--overlay-blur, 0px)));color:var(--text-primary);opacity:0;pointer-events:none;will-change:transform,opacity;transition:opacity .14s cubic-bezier(.4,0,1,1),transform .14s cubic-bezier(.4,0,1,1);transform:translate3d(var(--select-dropdown-x, 0),var(--select-dropdown-y-closed, 0),0) scale(.985)}._select__dropdown_2m3ql_44[data-state=open]{opacity:1;pointer-events:auto;transition-duration:.18s;transition-timing-function:cubic-bezier(.16,1,.3,1);transform:translate3d(var(--select-dropdown-x, 0),0,0) scale(1)}._select__dropdown--top_2m3ql_84{bottom:100%;margin-bottom:.75rem;--select-dropdown-y-closed: .5rem}._select__dropdown--bottom_2m3ql_90{top:100%;margin-top:.75rem;--select-dropdown-y-closed: -.5rem}._select__dropdown--left_2m3ql_96{left:0;--select-dropdown-x: 0}._select__dropdown--center_2m3ql_101{left:50%;--select-dropdown-x: -50%}._select__dropdown--right_2m3ql_106{right:0;left:auto;--select-dropdown-x: 0}._select__overlay_2m3ql_112{position:absolute;top:0;left:0;right:0;height:50%;background:var(--surface-floating-sheen, var(--overlay-sheen, none));pointer-events:none;mix-blend-mode:overlay}._select__dropdown-title_2m3ql_123{font-size:var(--type-caption-size, .75rem);font-family:var(--select-dropdown-title-ff, var(--type-control-ff, var(--font-display)));font-weight:var(--select-dropdown-title-fw, var(--type-caption-fw, 600));text-transform:var(--select-dropdown-title-transform, var(--type-control-transform, uppercase));letter-spacing:var( --select-dropdown-title-letter-spacing, var(--type-control-title-letter-spacing, var(--ui-chrome-title-letter-spacing, .08em)) );padding:.375rem .75rem;color:var(--select-dropdown-title-color, var(--text-muted))}._select__options_2m3ql_136{display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;max-height:40vh;scrollbar-width:thin;scrollbar-color:var(--select-scrollbar-color, var(--border-base)) transparent;padding-right:2px}._select__options_2m3ql_136::-webkit-scrollbar{width:4px}._select__options_2m3ql_136::-webkit-scrollbar-track{background:transparent}._select__options_2m3ql_136::-webkit-scrollbar-thumb{background-color:var(--select-scrollbar-color, var(--border-base));border-radius:var(--select-option-radius, var(--control-radius, var(--radius-control)))}._select__option_2m3ql_136{--action-ghost-selected-bg: var( --action-outline-selected-bg, var(--control-quiet-selected-bg, var(--fill-subtle)) );--action-ghost-selected-color: var( --action-outline-selected-color, var(--control-quiet-selected-color, var(--accent-primary)) );--action-ghost-selected-border-width: var( --action-outline-selected-border-width, var(--control-quiet-selected-border-width, var(--control-border-width, 1px)) );--action-ghost-selected-border-color: var( --action-outline-selected-border-color, var(--control-quiet-selected-border-color, var(--border-active)) );--action-ghost-selected-shadow: var( --action-outline-selected-shadow, var(--control-quiet-selected-shadow, none) );position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:.5rem .75rem;font-size:var(--type-body-size-md, 1rem);font-family:var(--select-option-ff, var(--type-body-ff, var(--font-app-sans)));font-weight:var(--select-option-fw, var(--type-body-strong-fw, 600));text-transform:var(--select-option-transform, none);letter-spacing:var(--select-option-letter-spacing, 0);border-radius:var( --select-option-radius, var(--action-radius, var(--control-radius, var(--radius-control))) );text-align:left;z-index:10;color:var(--select-option-color, var(--text-primary));background:transparent;border:1px solid transparent}._select__active-dot_2m3ql_203{position:absolute;right:.5rem;width:.375rem;height:.375rem;background-color:var(--select-dot-color, currentColor);border-radius:var(--radius-pill);box-shadow:var(--select-dot-shadow, none);animation:_select-active-dot-in_2m3ql_1 .16s cubic-bezier(.16,1,.3,1) both}@keyframes _select-active-dot-in_2m3ql_1{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){._select__dropdown_2m3ql_44{transition-duration:1ms}._select__active-dot_2m3ql_203{animation-duration:1ms}}._speed-trainer-modal__panel_1ho7z_1{--modal-shell-min-width: 320px;--modal-shell-max-width: 400px}._speed-trainer-modal__content_1ho7z_6{display:flex;flex-direction:column;gap:16px;min-height:280px}._speed-trainer-modal__row_1ho7z_13{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}._speed-trainer-modal__label_1ho7z_21{flex:1;min-width:0;font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem);font-weight:var(--type-body-strong-fw, 600);color:var(--text-primary)}._speed-trainer-modal__input_1ho7z_30{width:5rem;flex:0 0 5rem}._speed-trainer-modal__divider_1ho7z_35{height:1px;background:var(--border-subtle);margin:4px 0}._speed-trainer-modal__divider--hidden_1ho7z_41{opacity:0}._speed-trainer-modal__status_1ho7z_45{padding:12px;background:var(--field-bg, var(--bg-surface));border:var( --field-border, var(--field-border-width, 1px) solid var(--field-border-color, var(--border-subtle)) );border-radius:var(--field-radius, var(--radius-control));text-align:center}._speed-trainer-modal__status--inactive_1ho7z_56{opacity:0;pointer-events:none}._speed-trainer-modal__status-text_1ho7z_61{font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-sm, .875rem);color:var(--text-primary);line-height:1.5}._speed-trainer-modal__status-highlight_1ho7z_68{color:inherit;font-weight:600}._slider_1g2tz_1{--slider-progress: 0%;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:var(--range-thumb-size);background:transparent;border:0;padding:0;outline:none;cursor:pointer;transition:var(--transition-fast, var(--transition-base))}._slider_1g2tz_1:disabled{opacity:var(--opacity-disabled, .5);cursor:not-allowed}._slider_1g2tz_1::-moz-focus-outer{border:0}._slider_1g2tz_1::-webkit-slider-runnable-track{height:var(--range-track-height);background:var(--range-progress-bg) left center / var(--slider-progress, 0%) 100% no-repeat,var(--range-track-bg);box-shadow:var(--range-track-shadow);border:var(--range-track-border-width) solid var(--range-track-border-color);border-radius:var(--field-radius, var(--radius-control));transition:var(--transition-fast, var(--transition-base))}._slider_1g2tz_1::-webkit-slider-thumb{-webkit-appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);margin-top:calc((var(--range-track-height) - var(--range-thumb-size)) / 2);background:var(--range-thumb-bg);border-radius:var(--range-thumb-radius);cursor:pointer;box-shadow:var(--range-thumb-shadow);border:var(--range-thumb-border-width) solid var(--range-thumb-border-color);transition:var(--transition-fast, var(--transition-base))}._slider_1g2tz_1::-moz-range-track{height:var(--range-track-height);background:var(--range-track-bg);box-shadow:var(--range-track-shadow);border-radius:var(--field-radius, var(--radius-control));border:var(--range-track-border-width) solid var(--range-track-border-color);transition:var(--transition-fast, var(--transition-base))}._slider_1g2tz_1::-moz-range-progress{height:var(--range-track-height);background:var(--range-progress-bg);border-radius:var(--field-radius, var(--radius-control));border:0}._slider_1g2tz_1::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--range-thumb-bg);border-radius:var(--range-thumb-radius);cursor:pointer;box-shadow:var(--range-thumb-shadow);border:var(--range-thumb-border-width) solid var(--range-thumb-border-color);transition:var(--transition-fast, var(--transition-base))}._slider_1g2tz_1:active::-webkit-slider-thumb{opacity:var(--control-active-opacity, var(--opacity-btn-active, .7))}._slider_1g2tz_1:active::-moz-range-thumb{opacity:var(--control-active-opacity, var(--opacity-btn-active, .7))}._slider_1g2tz_1:focus-visible::-webkit-slider-runnable-track{box-shadow:var(--range-track-shadow),0 0 0 2px var(--range-focus-ring)}._slider_1g2tz_1:focus-visible::-moz-range-track{box-shadow:var(--range-track-shadow),0 0 0 2px var(--range-focus-ring)}._swing-trainer-modal__panel_19u6w_1{--modal-shell-min-width: 320px;--modal-shell-max-width: 400px}._swing-trainer-modal__header_19u6w_6{--modal-shell-header-margin: 24px}._swing-trainer-modal__content_19u6w_10{display:flex;flex-direction:column;gap:24px}._swing-trainer-modal__section_19u6w_16{display:flex;flex-direction:column;gap:12px}._swing-trainer-modal__label-row_19u6w_22{display:flex;justify-content:space-between;align-items:center}._swing-trainer-modal__label_19u6w_22{font-family:var(--type-body-ff, var(--font-app-sans));font-size:var(--type-body-size-md, 1rem);font-weight:var(--type-body-strong-fw, 600);color:var(--text-primary)}._swing-trainer-modal__value_19u6w_35{font-family:var(--type-metric-ff, var(--font-app-mono));font-size:var(--type-body-size-sm, .875rem);font-weight:var(--type-metric-fw, 600);letter-spacing:var(--type-metric-letter-spacing, -.02em);font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--field-bg, var(--fill-subtle));padding:2px 8px;border-radius:var(--field-radius, var(--radius-control));border:var( --field-border, var(--field-border-width, 1px) solid var(--field-border-color, var(--border-subtle)) );box-shadow:var(--field-shadow, none)}._swing-trainer-modal__desc_19u6w_52{font-family:var(--type-caption-ff, var(--font-app-sans));font-size:var(--type-caption-size, .75rem);color:var(--text-secondary);margin-top:-8px;margin-bottom:4px}._swing-trainer-modal__slider-container_19u6w_60{display:flex;align-items:center;gap:12px}._swing-trainer-modal__slider_19u6w_60{flex:1}._swing-trainer-modal__reset-btn_19u6w_70{margin-top:8px;width:100%;padding:10px;font-size:var(--type-control-size-md, .875rem)}._swing-trainer-modal__reset-icon_19u6w_77{transform:translateY(1px)}._swing-trainer-modal__reset-btn_19u6w_70:active{opacity:var(--opacity-btn-active, .7)}._trainer-dock_zn0u5_1{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center;gap:8px;padding:8px;background:var(--surface-panel-bg, var(--bg-surface));backdrop-filter:blur(var(--surface-panel-blur, var(--overlay-blur, 0px)));-webkit-backdrop-filter:blur(var(--surface-panel-blur, var(--overlay-blur, 0px)));border-radius:var(--surface-panel-radius, var(--radius-panel));border:var( --surface-panel-border, var(--surface-panel-border-width, 1px) solid var(--surface-panel-border-color, var(--border-subtle)) );box-shadow:var(--surface-panel-shadow, var(--shadow-panel));margin-bottom:12px}@media (min-width: 640px){._trainer-dock_zn0u5_1{display:flex;justify-content:space-evenly}}._trainer-dock__btn_zn0u5_28{width:100%}._visualizer_eiepg_1{width:100%;display:flex;flex-direction:column;gap:12px}._visualizer__container_eiepg_8{width:100%;display:flex;align-items:flex-end;justify-content:center;gap:.375rem;pointer-events:auto;height:6.25rem}@media (min-width: 768px){._visualizer__container_eiepg_8{gap:.75rem}}._visualizer__column_eiepg_24{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;-webkit-user-select:none;user-select:none;height:100%;flex:1;cursor:pointer;z-index:1}._visualizer__stack_eiepg_37{display:flex;flex-direction:column;gap:4px;width:100%;justify-content:flex-end;height:100%}._visualizer__block_eiepg_46{width:100%;flex:1;border-radius:var(--meter-block-radius);border:var(--meter-block-border);background:var(--meter-block-bg);box-shadow:var(--meter-block-shadow)}._visualizer__block--empty_eiepg_55{background:var(--meter-block-empty)}._visualizer__block--filled_eiepg_59{background:var(--meter-block-accent-dim);box-shadow:var(--meter-block-shadow-filled)}._visualizer__block--filled-active_eiepg_64{background:var(--meter-block-accent);box-shadow:var(--meter-block-shadow-active, var(--meter-block-shadow-filled))}._visualizer__header_eiepg_69{--shift-row-height: var(--control-size-icon-sm, 2rem);display:flex;align-items:center;justify-content:center;gap:16px;height:var(--shift-row-height)}._visualizer__label_eiepg_78{font-family:var(--meter-label-ff);font-size:var(--type-control-size-md, .875rem);color:var(--meter-label-color);font-weight:var(--meter-label-fw);text-transform:var(--meter-label-transform);letter-spacing:var(--meter-label-letter-spacing)}._visualizer__controls_eiepg_87{display:flex;align-items:center;gap:8px;height:100%;background:var(--meter-controls-bg);padding:2px;border-radius:var(--meter-controls-radius);border:var(--meter-controls-border);box-shadow:var(--meter-controls-shadow)}._visualizer__control-btn_eiepg_99{width:var(--shift-row-height);height:var(--shift-row-height)}._visualizer__value_eiepg_104{font-family:var(--meter-value-ff);font-size:var(--type-body-size-md, 1rem);font-weight:var(--meter-value-fw);letter-spacing:var(--type-metric-letter-spacing, -.02em);color:var(--meter-value-color);min-width:24px;text-align:center;font-variant-numeric:tabular-nums;transition:var(--meter-value-transition)}._visualizer__value--active_eiepg_116{color:var(--meter-value-active-color)}._visualizer__reset-btn_eiepg_120{width:var(--shift-row-height);height:var(--shift-row-height)}._visualizer__reset-btn--hidden_eiepg_125{visibility:hidden}._bpm-display_1s5jm_1{--readout-value-size: var(--readout-value-size-mobile);position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none;width:100%}@media (min-width: 768px){._bpm-display_1s5jm_1{--readout-value-size: var(--readout-value-size-desktop)}}._bpm-display__resize-area_1s5jm_18{--readout-action-gap: .5rem;position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(40px * 4 + var(--readout-action-gap) * 3);transition:var(--readout-transition, var(--transition-base))}._bpm-display__label_1s5jm_29{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--readout-label-gap);color:var(--readout-label-color);font-family:var(--readout-label-ff);font-weight:var(--readout-label-weight);font-size:var(--readout-label-size);text-transform:var(--type-control-transform, uppercase);letter-spacing:var(--readout-label-letter-spacing);pointer-events:none;width:4rem}._bpm-display__value-wrapper_1s5jm_45{position:relative;display:grid;place-items:center;flex:1;cursor:pointer;font-family:var(--readout-value-ff);font-size:var(--readout-value-size);font-weight:var(--readout-value-weight);letter-spacing:var(--readout-value-letter-spacing);line-height:1;font-variant-numeric:tabular-nums;min-width:3ch}._bpm-display__value--main_1s5jm_60{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;text-align:center;transition:var(--transition-fast, opacity .2s ease);background-clip:var(--readout-value-bg-clip);-webkit-background-clip:var(--readout-value-webkit-bg-clip);color:var(--readout-value-color);background-image:var(--readout-value-gradient);filter:var(--readout-value-filter);text-shadow:var(--readout-value-shadow)}._bpm-display__value--blur_1s5jm_74{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:100%;text-align:center;color:var(--readout-blur-color);filter:blur(1px);transform:translateY(4px);mix-blend-mode:overlay;visibility:var(--readout-blur-visibility)}._bpm-display__input_1s5jm_87{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;text-align:center;background:transparent;border:var(--readout-input-border);outline:none;padding:0;margin:0;color:var(--readout-input-color);filter:var(--readout-input-filter);font-family:var(--readout-input-ff);font-weight:var(--readout-value-weight);font-size:var(--readout-value-size);line-height:1;letter-spacing:var(--readout-input-letter-spacing);font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;caret-color:var(--readout-input-caret-color)}._bpm-display__input_1s5jm_87::selection{background-color:var(--readout-input-selection)}._visible_1s5jm_115{opacity:1}._hidden_1s5jm_119{opacity:0}._bpm-display__input_1s5jm_87::-webkit-inner-spin-button,._bpm-display__input_1s5jm_87::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._bpm-display__controls_1s5jm_129{display:flex;flex-direction:row;align-items:stretch;gap:.5rem;color:var(--readout-controls-color);width:auto;height:100%}._bpm-display__buttons-col_1s5jm_139{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.25rem;width:var(--control-size-icon-md, 2.5rem)}._bpm-display__btn_1s5jm_148{padding:.25rem;display:flex;align-items:center;justify-content:center;width:var(--control-size-icon-md, 2.5rem);height:var(--control-size-icon-md, 2.5rem)}._bpm-display__btn_1s5jm_148:disabled{opacity:var(--opacity-disabled, .5);cursor:not-allowed;pointer-events:none}._bpm-display__wheel_1s5jm_163{--wheel-offset: 0;width:var(--control-size-icon-md, 2.5rem);flex-shrink:0;background:var(--readout-wheel-bg);border-radius:var(--readout-wheel-radius);cursor:grab;position:relative;border:var(--readout-wheel-border);box-shadow:var(--readout-wheel-shadow);overflow:hidden;touch-action:none;transition:var(--transition-fast)}._bpm-display__wheel--dragging_1s5jm_178{cursor:grabbing;opacity:var(--readout-wheel-active-opacity);box-shadow:var(--readout-wheel-active-shadow);transform:var(--readout-wheel-active-transform)}._bpm-display__wheel_1s5jm_163:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,transparent 45%,var(--readout-wheel-tick) 50%,transparent 55%);background-size:100% 1rem;background-position-y:var(--wheel-offset, 0);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}._bpm-display__wheel_1s5jm_163:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--readout-wheel-line);box-shadow:0 0 5px var(--readout-wheel-line-glow);transform:translateY(-50%);pointer-events:none}.theme-aurora{--bg-primary: #08111f;--bg-surface: rgba(14, 25, 48, .64);--bg-elevated: rgba(10, 20, 39, .9);--bg-overlay: rgba(5, 10, 24, .82);--fill-subtle: rgba(17, 30, 54, .46);--fill-muted: rgba(102, 214, 255, .08);--fill-active: rgba(92, 240, 198, .14);--border-subtle: rgba(72, 143, 178, .16);--border-base: rgba(86, 171, 204, .2);--border-active: rgba(92, 240, 198, .28);--radius-panel: 20px;--radius-modal: 24px;--radius-control: 14px;--radius-pill: 9999px;--text-primary: #e4f7ff;--text-secondary: #b9ebff;--text-muted: #8ea8c8;--text-inverse: #04101c;--accent-primary: #5cf0c6;--accent-primary-muted: rgba(92, 240, 198, .2);--accent-warning: #ffd36b;--accent-danger: #f08fcb;--accent-success: #74e6b0;--shadow-sm: 0 4px 12px rgba(2, 8, 22, .18);--shadow-panel: 0 14px 36px rgba(2, 8, 22, .28);--shadow-modal: 0 24px 72px rgba(2, 8, 22, .52), 0 0 0 1px rgba(86, 171, 204, .12);--shadow-active-item: 0 0 0 1px rgba(92, 240, 198, .16), 0 0 20px rgba(92, 240, 198, .14);--shadow-glow: 0 0 48px rgba(92, 240, 198, .18);--shadow-glow-primary: 0 0 28px rgba(92, 240, 198, .26);--shadow-glow-warning: 0 0 24px rgba(255, 211, 107, .32);--shadow-glow-danger: 0 0 24px rgba(240, 143, 203, .28);--shadow-glow-elevated: 0 10px 36px rgba(3, 8, 22, .36), 0 0 24px rgba(102, 214, 255, .08);--overlay-blur: 30px;--overlay-sheen: linear-gradient( to bottom, rgba(116, 194, 222, .07) 0%, rgba(116, 194, 222, .02) 38%, rgba(92, 240, 198, 0) 100% );--opacity-btn-hover: 1;--opacity-btn-active: .7;--transition-base: transform .3s ease-out, opacity .3s ease-out, filter .3s ease-out, box-shadow .3s ease-out, background-color .3s ease-out, border-color .3s ease-out, color .3s ease-out;--transition-fast: transform .15s ease-out, opacity .15s ease-out, filter .15s ease-out, box-shadow .15s ease-out, background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out;--ui-chrome-transform: none;--ui-chrome-letter-spacing: .03em;--ui-chrome-title-letter-spacing: .06em;--app-bg-gradient: radial-gradient(circle at 14% 16%, rgba(92, 240, 198, .32) 0%, transparent 36%), radial-gradient(ellipse at 82% 4%, rgba(102, 214, 255, .22) 0%, transparent 34%), radial-gradient(circle at 54% 100%, rgba(186, 145, 255, .16) 0%, transparent 44%), linear-gradient(180deg, #08111f 0%, #13203c 100%);--app-text-color: var(--text-primary);--app-title-icon-color: #7be9d5;--surface-panel-bg: linear-gradient( 180deg, rgba(18, 34, 60, .72) 0%, rgba(10, 20, 40, .84) 100% );--surface-panel-border: 1px solid rgba(86, 171, 204, .12);--surface-panel-shadow: 0 18px 42px rgba(3, 8, 22, .28), inset 0 1px 0 rgba(108, 190, 219, .05);--surface-panel-blur: var(--overlay-blur);--surface-floating-bg: linear-gradient( 180deg, rgba(16, 30, 56, .94) 0%, rgba(8, 17, 34, .97) 100% );--surface-floating-border: 1px solid rgba(86, 171, 204, .14);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: inset 0 1px 0 rgba(112, 192, 219, .06);--surface-floating-sheen: var(--overlay-sheen);--control-bg: rgba(14, 28, 52, .58);--control-color: var(--text-primary);--control-border-width: 1px;--control-border-color: rgba(82, 162, 194, .11);--control-shadow: 0 10px 20px rgba(3, 8, 22, .18), inset 0 1px 0 rgba(108, 190, 219, .05);--control-active-bg: rgba(10, 22, 42, .74);--control-active-shadow: 0 12px 24px rgba(3, 8, 22, .24), 0 0 0 1px rgba(92, 240, 198, .08), inset 0 1px 0 rgba(108, 190, 219, .06);--control-quiet-color: #d5efff;--control-quiet-border-color: rgba(82, 162, 194, .07);--control-quiet-selected-bg: rgba(92, 240, 198, .1);--control-quiet-selected-color: #7ff5de;--control-quiet-selected-border-color: rgba(92, 240, 198, .18);--control-quiet-selected-shadow: 0 0 0 1px rgba(92, 240, 198, .12), 0 0 16px rgba(92, 240, 198, .08);--field-bg: rgba(9, 20, 40, .7);--field-border: 1px solid rgba(86, 171, 204, .13);--field-shadow: inset 0 1px 0 rgba(108, 190, 219, .05);--field-focus-border: rgba(102, 214, 255, .38);--field-focus-bg: rgba(11, 24, 46, .9);--action-solid-bg: rgba(14, 28, 52, .58);--action-solid-color: rgba(228, 247, 255, .94);--action-solid-shadow: var(--control-shadow);--action-solid-active-bg: rgba(10, 22, 42, .74);--action-solid-active-shadow: var(--control-active-shadow);--action-solid-selected-color: #06231d;--action-outline-bg: rgba(10, 22, 42, .28);--action-outline-color: rgba(205, 234, 248, .84);--action-outline-border-color: rgba(86, 171, 204, .13);--action-outline-active-bg: rgba(92, 240, 198, .06);--action-outline-selected-bg: rgba(92, 240, 198, .14);--action-outline-selected-color: #7ff5de;--action-outline-selected-border-color: rgba(92, 240, 198, .2);--action-outline-selected-shadow: 0 0 0 1px rgba(92, 240, 198, .14), 0 0 18px rgba(92, 240, 198, .1);--action-ghost-selected-color: #7ff5de;--readout-value-gradient: linear-gradient(135deg, #5cf0c6, #66d6ff, #b691ff);--readout-value-filter: drop-shadow(0 0 12px rgba(92, 240, 198, .2));--readout-value-color: transparent;--readout-blur-color: rgba(102, 214, 255, .12);--readout-blur-visibility: hidden;--readout-input-color: #e8fbff;--readout-input-caret-color: #7be9d5;--readout-input-selection: rgba(92, 240, 198, .24);--readout-label-color: rgba(228, 247, 255, .58);--readout-controls-color: rgba(188, 226, 245, .82);--readout-wheel-bg: linear-gradient( 180deg, rgba(123, 217, 255, .14) 0%, rgba(123, 217, 255, .04) 42%, rgba(92, 240, 198, .08) 100% ), rgba(14, 28, 52, .74);--readout-wheel-border: 1px solid rgba(86, 171, 204, .13);--readout-wheel-shadow: 0 10px 24px rgba(3, 8, 22, .2), inset 0 1px 0 rgba(108, 190, 219, .06);--readout-wheel-active-shadow: 0 0 0 1px rgba(92, 240, 198, .15), 0 0 20px rgba(92, 240, 198, .1), inset 0 1px 0 rgba(108, 190, 219, .08);--readout-wheel-line: #66d6ff;--readout-wheel-line-glow: 0 0 15px rgba(102, 214, 255, .45);--readout-wheel-tick: rgba(228, 247, 255, .36);--select-dot-color: #5cf0c6;--select-dot-shadow: 0 0 12px rgba(92, 240, 198, .3);--meter-block-radius: 12px;--meter-block-bg: rgba(228, 247, 255, .08);--meter-block-empty: rgba(228, 247, 255, .08);--meter-block-empty-active: rgba(102, 214, 255, .16);--meter-block-border: 1px solid rgba(82, 162, 194, .11);--meter-block-accent: #74eccd;--meter-block-accent-dim: rgba(92, 240, 198, .28);--meter-block-shadow-filled: 0 0 18px rgba(92, 240, 198, .14);--meter-label-color: rgba(166, 191, 225, .74);--meter-value-color: rgba(198, 233, 250, .84);--meter-value-active-color: #8fe8ff;--meter-controls-bg: rgba(8, 18, 36, .34);--meter-controls-border: 1px solid rgba(86, 171, 204, .12);--meter-controls-shadow: inset 0 1px 0 rgba(108, 190, 219, .05);--control-selected-bg: rgba(92, 240, 198, .2);--control-selected-color: #d9fff5;--control-selected-border-color: rgba(92, 240, 198, .22);--control-selected-shadow: 0 0 24px rgba(92, 240, 198, .2), 0 10px 24px rgba(3, 8, 22, .18);--control-handle-bg: rgba(196, 245, 255, .88);--control-handle-border-color: rgba(88, 170, 202, .32);--control-handle-shadow: 0 6px 14px rgba(3, 8, 22, .24), 0 0 12px rgba(102, 214, 255, .12);--control-handle-selected-bg: rgba(207, 249, 255, .94);--control-handle-selected-border-color: rgba(92, 240, 198, .28);--control-handle-selected-shadow: 0 8px 18px rgba(3, 8, 22, .28), 0 0 16px rgba(92, 240, 198, .12);--control-handle-accent-bg: linear-gradient(135deg, #5cf0c6, #66d6ff);--control-handle-accent-border-color: rgba(122, 221, 232, .42);--control-handle-accent-shadow: 0 8px 18px rgba(3, 8, 22, .24), 0 0 18px rgba(92, 240, 198, .14);--switch-track-bg: linear-gradient(180deg, rgba(9, 20, 40, .86) 0%, rgba(7, 15, 31, .92) 100%);--switch-track-border-color: rgba(82, 162, 194, .14);--switch-track-shadow: inset 0 1px 0 rgba(108, 190, 219, .05);--switch-track-selected-bg: linear-gradient( 90deg, rgba(92, 240, 198, .26) 0%, rgba(102, 214, 255, .22) 100% );--switch-track-selected-border-color: rgba(92, 240, 198, .24);--switch-track-selected-shadow: 0 0 0 1px rgba(92, 240, 198, .12), 0 0 18px rgba(92, 240, 198, .1);--switch-thumb-bg: rgba(178, 228, 244, .9);--switch-thumb-border-color: rgba(88, 170, 202, .28);--switch-thumb-shadow: 0 4px 10px rgba(3, 8, 22, .24);--switch-thumb-selected-bg: rgba(224, 255, 247, .96);--switch-thumb-selected-border-color: rgba(92, 240, 198, .3);--switch-thumb-selected-shadow: 0 6px 14px rgba(3, 8, 22, .24), 0 0 14px rgba(92, 240, 198, .12);--select-dropdown-title-color: rgba(170, 196, 228, .7);--select-scrollbar-color: rgba(82, 162, 194, .24);--range-track-bg: linear-gradient(180deg, rgba(9, 20, 40, .9) 0%, rgba(7, 15, 31, .96) 100%);--range-track-shadow: inset 0 1px 0 rgba(108, 190, 219, .05), inset 0 -1px 0 rgba(2, 8, 22, .42);--range-track-border-color: rgba(86, 171, 204, .13);--range-thumb-bg: linear-gradient(135deg, #5cf0c6, #7be3ff);--range-thumb-border-color: rgba(122, 221, 232, .36);--range-thumb-shadow: 0 8px 18px rgba(3, 8, 22, .22), 0 0 18px rgba(92, 240, 198, .16);--range-focus-ring: rgba(102, 214, 255, .46);--range-progress-bg: linear-gradient(90deg, #5cf0c6, #66d6ff)}.theme-blueprint{--blueprint-paper-deep: rgba(3, 29, 58, 1);--blueprint-paper: rgba(8, 41, 78, 1);--blueprint-paper-raised: rgba(18, 57, 97, 1);--blueprint-ink: rgba(244, 249, 255, .98);--blueprint-ink-soft: rgba(170, 207, 225, .84);--blueprint-ink-muted: rgba(120, 151, 180, .88);--blueprint-line: rgba(132, 208, 238, .42);--blueprint-line-soft: rgba(132, 208, 238, .18);--blueprint-line-strong: rgba(160, 232, 252, .88);--blueprint-accent: rgba(126, 220, 248, 1);--blueprint-accent-soft: rgba(126, 220, 248, .16);--blueprint-accent-fill: rgba(145, 227, 250, .26);--blueprint-shadow: rgba(0, 18, 42, .44);--blueprint-shadow-deep: rgba(0, 14, 32, .64);--bg-primary: var(--blueprint-paper-deep);--bg-surface: var(--blueprint-paper);--bg-elevated: var(--blueprint-paper-raised);--bg-overlay: rgba(2, 24, 49, .84);--fill-subtle: rgba(14, 49, 89, 1);--fill-muted: rgba(28, 65, 104, 1);--fill-active: var(--blueprint-accent-fill);--border-subtle: var(--blueprint-line-soft);--border-base: var(--blueprint-line);--border-active: var(--blueprint-line-strong);--radius-panel: 2px;--radius-modal: 4px;--radius-control: 2px;--radius-pill: 2px;--radius-badge: 9999px;--text-primary: var(--blueprint-ink);--text-secondary: var(--blueprint-ink-soft);--text-muted: var(--blueprint-ink-muted);--text-inverse: rgba(8, 31, 59, 1);--font-app-sans: var(--font-mono);--font-display: var(--font-mono);--accent-primary: var(--blueprint-accent);--accent-primary-muted: var(--blueprint-accent-soft);--accent-warning: rgba(255, 194, 73, 1);--accent-danger: rgba(250, 103, 110, 1);--accent-success: rgba(133, 233, 138, 1);--shadow-sm: 0 0 0 1px rgba(244, 249, 255, .04);--shadow-panel: 0 0 0 1px rgba(160, 232, 252, .12), 4px 4px 0 var(--blueprint-shadow);--shadow-modal: 0 0 0 1px rgba(160, 232, 252, .16), 8px 8px 0 var(--blueprint-shadow-deep);--shadow-active-item: inset 0 0 0 1px rgba(244, 249, 255, .08), 0 0 0 1px rgba(132, 208, 238, .6);--shadow-glow-primary: none;--shadow-glow-warning: none;--shadow-glow-danger: none;--shadow-glow-elevated: var(--shadow-modal);--shadow-glow: none;--overlay-blur: 0px;--overlay-sheen: none;--opacity-btn-hover: 1;--opacity-btn-active: .8;--transition-base: transform .1s linear, opacity .1s linear, filter .1s linear, box-shadow .1s linear, background-color .1s linear, border-color .1s linear, color .1s linear;--transition-fast: transform .05s linear, opacity .05s linear, filter .05s linear, box-shadow .05s linear, background-color .05s linear, border-color .05s linear, color .05s linear;--ui-chrome-letter-spacing: .14em;--ui-chrome-title-letter-spacing: .18em;--app-bg-gradient: radial-gradient(circle at center, transparent 0%, rgba(2, 24, 49, .72) 100%), repeating-linear-gradient( to bottom, rgba(126, 220, 248, .09) 0, rgba(126, 220, 248, .09) 1px, transparent 1px, transparent 100px ), repeating-linear-gradient( to right, rgba(126, 220, 248, .09) 0, rgba(126, 220, 248, .09) 1px, transparent 1px, transparent 100px ), repeating-linear-gradient( to bottom, rgba(126, 220, 248, .03) 0, rgba(126, 220, 248, .03) 1px, transparent 1px, transparent 20px ), repeating-linear-gradient( to right, rgba(126, 220, 248, .03) 0, rgba(126, 220, 248, .03) 1px, transparent 1px, transparent 20px );--app-title-icon-color: rgba(170, 207, 225, .76);--surface-panel-bg: linear-gradient( 180deg, rgba(16, 54, 95, .94) 0%, rgba(5, 32, 64, .98) 100% );--surface-panel-border: 1px solid var(--border-base);--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: linear-gradient( 180deg, rgba(21, 60, 101, .98) 0%, rgba(8, 36, 69, .99) 100% );--surface-floating-border: 1px solid var(--border-base);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: inset 0 0 0 1px rgba(244, 249, 255, .04);--control-bg: rgba(11, 46, 85, .82);--control-color: var(--text-secondary);--control-border-width: 1px;--control-border-color: var(--border-base);--control-shadow: inset 0 0 0 1px rgba(244, 249, 255, .04);--control-active-bg: rgba(9, 41, 75, .92);--control-active-shadow: inset 0 0 0 1px rgba(244, 249, 255, .06);--control-quiet-color: var(--text-secondary);--control-quiet-selected-bg: var(--blueprint-accent-soft);--control-quiet-selected-color: var(--text-primary);--control-quiet-selected-border-color: var(--border-active);--control-quiet-selected-shadow: inset 0 0 0 1px rgba(244, 249, 255, .06), 0 0 0 1px rgba(126, 220, 248, .24);--field-bg: rgba(7, 35, 67, .86);--field-border: 1px solid var(--border-base);--field-shadow: inset 0 0 0 1px rgba(244, 249, 255, .04);--field-focus-border: var(--border-active);--field-focus-bg: rgba(13, 47, 85, .94);--action-solid-bg: var(--control-bg);--action-solid-border-width: 1px;--action-solid-border-color: var(--border-base);--action-solid-color: var(--text-primary);--action-solid-shadow: var(--control-shadow);--action-solid-active-bg: var(--control-active-bg);--action-solid-active-shadow: var(--control-active-shadow);--action-outline-bg: rgba(8, 41, 78, .36);--action-outline-color: var(--text-secondary);--action-outline-shadow: inset 0 0 0 1px rgba(244, 249, 255, .03);--action-outline-active-bg: rgba(10, 45, 83, .52);--action-outline-active-shadow: inset 0 0 0 1px rgba(244, 249, 255, .06);--action-outline-border-color: var(--border-base);--action-outline-selected-bg: rgba(126, 220, 248, .14);--action-outline-selected-color: var(--text-primary);--action-outline-selected-border-color: var(--border-active);--action-outline-selected-shadow: inset 0 0 0 1px rgba(244, 249, 255, .06), 0 0 0 1px rgba(126, 220, 248, .18);--action-ghost-selected-bg: rgba(126, 220, 248, .12);--action-ghost-selected-color: var(--text-primary);--action-ghost-selected-border-color: rgba(160, 232, 252, .44);--action-ghost-selected-shadow: inset 0 0 0 1px rgba(244, 249, 255, .05);--control-selected-bg: rgba(145, 227, 250, .24);--control-selected-color: var(--text-primary);--control-selected-border-color: var(--border-active);--control-selected-shadow: var(--shadow-active-item);--control-handle-bg: var(--blueprint-ink);--control-handle-shadow: 0 0 0 1px rgba(0, 15, 34, .08);--control-handle-border-color: rgba(8, 31, 59, .34);--control-handle-selected-bg: var(--blueprint-ink);--control-handle-selected-border-color: var(--border-active);--control-handle-selected-shadow: 0 0 0 1px rgba(126, 220, 248, .14);--control-handle-accent-bg: var(--blueprint-ink);--control-handle-accent-border-color: var(--accent-primary);--control-handle-accent-shadow: 0 0 0 1px rgba(126, 220, 248, .22);--switch-track-bg: rgba(15, 52, 92, .9);--switch-track-border-color: rgba(160, 232, 252, .34);--switch-track-shadow: inset 0 0 0 1px rgba(244, 249, 255, .05);--switch-thumb-bg: var(--blueprint-ink);--switch-thumb-border-color: rgba(8, 31, 59, .34);--switch-thumb-shadow: 0 0 0 1px rgba(0, 15, 34, .08);--switch-track-selected-bg: rgba(145, 227, 250, .22);--switch-track-selected-border-color: var(--border-active);--switch-track-selected-shadow: var(--shadow-active-item);--switch-thumb-selected-bg: var(--blueprint-ink);--switch-thumb-selected-border-color: var(--border-active);--switch-thumb-selected-shadow: 0 0 0 1px rgba(126, 220, 248, .14);--readout-value-gradient: none;--readout-value-color: var(--text-primary);--readout-label-color: var(--text-muted);--readout-value-filter: none;--readout-value-shadow: 1px 1px 0 rgba(0, 16, 38, .4);--readout-blur-visibility: hidden;--readout-input-color: var(--text-primary);--readout-input-caret-color: var(--accent-primary);--readout-input-selection: rgba(126, 220, 248, .24);--readout-controls-color: var(--text-secondary);--readout-wheel-bg: linear-gradient( 180deg, rgba(22, 63, 104, .96) 0%, rgba(10, 44, 80, .96) 100% ), repeating-linear-gradient( to bottom, rgba(126, 220, 248, .06) 0, rgba(126, 220, 248, .06) 1px, transparent 1px, transparent 12px );--readout-wheel-border: 1px solid rgba(160, 232, 252, .34);--readout-wheel-shadow: inset 0 0 0 1px rgba(244, 249, 255, .05), inset 1px 0 0 rgba(244, 249, 255, .04), inset -1px 0 0 rgba(0, 18, 42, .22);--readout-wheel-active-shadow: inset 0 0 0 1px rgba(244, 249, 255, .08), 0 0 0 1px rgba(160, 232, 252, .46), 0 0 0 1px rgba(126, 220, 248, .12);--readout-wheel-line: rgba(214, 245, 255, .96);--readout-wheel-line-glow: transparent;--readout-wheel-tick: rgba(160, 232, 252, .32);--select-dropdown-title-color: rgba(170, 207, 225, .68);--select-scrollbar-color: rgba(132, 208, 238, .32);--select-dot-color: var(--accent-primary);--select-dot-shadow: none;--meter-block-bg: rgba(11, 46, 85, .54);--meter-block-empty: rgba(11, 46, 85, .54);--meter-block-empty-active: rgba(19, 60, 97, .74);--meter-block-border: 1px solid rgba(132, 208, 238, .18);--meter-block-accent: var(--accent-primary);--meter-block-accent-dim: rgba(126, 220, 248, .34);--meter-block-shadow-filled: inset 0 0 0 1px rgba(244, 249, 255, .06);--meter-controls-bg: rgba(8, 41, 78, .42);--meter-controls-border: 1px solid rgba(132, 208, 238, .16);--meter-controls-shadow: inset 0 0 0 1px rgba(244, 249, 255, .03);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--accent-primary);--range-track-bg: var(--field-bg);--range-track-border-color: var(--border-base);--range-track-shadow: var(--field-shadow);--range-progress-bg: linear-gradient(90deg, rgba(108, 207, 238, .72), rgba(165, 237, 255, .94));--range-thumb-bg: var(--blueprint-ink);--range-thumb-border-color: var(--border-active);--range-thumb-shadow: 0 0 0 1px rgba(126, 220, 248, .22)}.theme-brutalism{--brutalism-paper-base: #f1ead8;--brutalism-paper: #fffdf7;--brutalism-paper-press: #e6ddc7;--brutalism-ink: #000000;--brutalism-ink-soft: #3f392f;--brutalism-ink-muted: #6a6252;--brutalism-signal: #ffd43b;--brutalism-signal-soft: #fff0a6;--brutalism-alert: #ff5a36;--brutalism-cyan: #00c2ff;--bg-primary: var(--brutalism-paper-base);--bg-surface: var(--brutalism-paper);--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .92);--fill-subtle: var(--brutalism-paper-base);--fill-muted: var(--brutalism-paper-press);--fill-active: var(--brutalism-signal);--border-subtle: var(--brutalism-ink);--border-base: var(--brutalism-ink);--border-active: var(--brutalism-ink);--radius-panel: 0px;--radius-modal: 0px;--radius-control: 0px;--radius-pill: 0px;--text-primary: var(--brutalism-ink);--text-secondary: var(--brutalism-ink-soft);--text-muted: var(--brutalism-ink-muted);--text-inverse: #ffffff;--font-display: "Arial Black", "Helvetica Neue", var(--font-sans);--accent-primary: var(--brutalism-signal);--accent-primary-muted: var(--brutalism-signal-soft);--accent-warning: #ff8a00;--accent-danger: var(--brutalism-alert);--accent-success: var(--brutalism-cyan);--shadow-sm: 3px 3px 0px 0px var(--brutalism-ink);--shadow-panel: 8px 8px 0px 0px var(--brutalism-ink);--shadow-modal: 12px 12px 0px 0px var(--brutalism-ink);--shadow-active-item: 4px 4px 0px 0px var(--brutalism-ink);--shadow-glow-primary: none;--shadow-glow-warning: none;--shadow-glow-danger: none;--shadow-glow-elevated: none;--shadow-glow: none;--overlay-blur: 0px;--overlay-sheen: none;--opacity-btn-hover: 1;--opacity-btn-active: 1;--opacity-disabled: .5;--transition-base: transform .1s linear, opacity .1s linear, filter .1s linear, box-shadow .1s linear, background-color .1s linear, border-color .1s linear, color .1s linear;--transition-fast: transform .05s linear, opacity .05s linear, filter .05s linear, box-shadow .05s linear, background-color .05s linear, border-color .05s linear, color .05s linear;--ui-chrome-fw: 800;--ui-chrome-letter-spacing: .12em;--ui-chrome-title-letter-spacing: .16em;--app-title-icon-color: var(--text-secondary);--surface-panel-bg: var(--brutalism-paper);--surface-panel-border: 2px solid var(--brutalism-ink);--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: #ffffff;--surface-floating-border: 2px solid var(--brutalism-ink);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: none;--control-bg: var(--brutalism-paper);--control-color: var(--text-primary);--control-border-width: 2px;--control-border-color: var(--brutalism-ink);--control-shadow: 3px 3px 0px 0px var(--brutalism-ink);--control-active-bg: var(--brutalism-paper-press);--control-active-shadow: 0 0 0 0 var(--brutalism-ink);--control-active-transform: translate(3px, 3px);--control-quiet-bg: var(--brutalism-paper);--control-quiet-color: var(--text-primary);--control-quiet-border-width: 2px;--control-quiet-border-color: var(--brutalism-ink);--control-quiet-shadow: 3px 3px 0px 0px var(--brutalism-ink);--control-quiet-active-bg: var(--brutalism-paper-press);--control-quiet-active-shadow: 0 0 0 0 var(--brutalism-ink);--control-selected-bg: var(--brutalism-signal);--control-selected-color: var(--brutalism-ink);--control-selected-border-width: 2px;--control-selected-border-color: var(--brutalism-ink);--control-selected-shadow: 4px 4px 0px 0px var(--brutalism-ink);--control-quiet-selected-bg: var(--brutalism-signal);--control-quiet-selected-color: var(--brutalism-ink);--control-quiet-selected-border-width: 2px;--control-quiet-selected-border-color: var(--brutalism-ink);--control-quiet-selected-shadow: 4px 4px 0px 0px var(--brutalism-ink);--field-bg: #ffffff;--field-border: 2px solid var(--brutalism-ink);--field-border-width: 2px;--field-color: var(--text-primary);--field-shadow: var(--control-shadow);--field-focus-border: var(--brutalism-ink);--field-focus-bg: #fff3bf;--action-solid-bg: var(--control-bg);--action-solid-color: var(--control-color);--action-solid-border-width: 2px;--action-solid-border-color: var(--brutalism-ink);--action-solid-shadow: var(--control-shadow);--action-solid-active-bg: var(--control-active-bg);--action-solid-active-shadow: 0 0 0 0 var(--brutalism-ink);--action-outline-bg: var(--control-quiet-bg);--action-outline-color: var(--control-quiet-color);--action-outline-border-width: 2px;--action-outline-border-color: var(--brutalism-ink);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: var(--control-quiet-active-bg);--action-outline-active-shadow: 0 0 0 0 var(--brutalism-ink);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-width: 2px;--action-outline-selected-border-color: var(--brutalism-ink);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--action-ghost-selected-bg: var(--control-quiet-selected-bg);--action-ghost-selected-color: var(--control-quiet-selected-color);--action-ghost-selected-border-width: 2px;--action-ghost-selected-border-color: var(--brutalism-ink);--action-ghost-selected-shadow: var(--control-quiet-selected-shadow);--readout-value-weight: 900;--readout-value-color: var(--brutalism-ink);--readout-value-shadow: 4px 4px 0px var(--brutalism-signal);--readout-label-color: var(--text-secondary);--readout-value-filter: none;--readout-blur-visibility: hidden;--readout-input-color: var(--brutalism-ink);--readout-input-caret-color: var(--brutalism-ink);--readout-input-selection: rgba(255, 212, 59, .55);--readout-controls-color: var(--text-secondary);--readout-wheel-bg: var(--brutalism-paper);--readout-wheel-border: 2px solid var(--brutalism-ink);--readout-wheel-shadow: 2px 2px 0px 0px var(--brutalism-ink);--readout-wheel-active-shadow: 2px 2px 0px 0px var(--brutalism-ink), inset 0 0 0 4px var(--brutalism-signal);--readout-wheel-line: var(--brutalism-ink);--readout-wheel-line-glow: transparent;--readout-wheel-tick: var(--text-muted);--control-handle-bg: #ffffff;--control-handle-border-width: 2px;--control-handle-border-color: var(--brutalism-ink);--control-handle-shadow: 3px 3px 0px 0px var(--brutalism-ink);--control-handle-selected-bg: #ffffff;--control-handle-selected-border-width: 2px;--control-handle-selected-border-color: var(--brutalism-ink);--control-handle-selected-shadow: 3px 3px 0px 0px var(--brutalism-ink);--control-handle-accent-bg: var(--brutalism-signal);--control-handle-accent-border-width: 2px;--control-handle-accent-border-color: var(--brutalism-ink);--control-handle-accent-shadow: 3px 3px 0px 0px var(--brutalism-ink);--switch-track-bg: var(--brutalism-paper);--switch-track-border-color: var(--brutalism-ink);--switch-track-shadow: var(--control-shadow);--switch-track-selected-bg: var(--brutalism-signal);--switch-track-selected-border-color: var(--brutalism-ink);--switch-track-selected-shadow: 4px 4px 0px 0px var(--brutalism-ink);--switch-thumb-bg: #ffffff;--switch-thumb-border-color: var(--brutalism-ink);--switch-thumb-shadow: var(--control-handle-shadow);--switch-thumb-selected-bg: #ffffff;--switch-thumb-selected-border-color: var(--brutalism-ink);--switch-thumb-selected-shadow: var(--control-handle-shadow);--meter-block-bg: var(--brutalism-paper);--meter-block-empty: var(--brutalism-paper);--meter-block-empty-active: repeating-linear-gradient( 135deg, var(--brutalism-paper) 0, var(--brutalism-paper) 8px, var(--brutalism-paper-base) 8px, var(--brutalism-paper-base) 16px );--meter-block-border: 2px solid var(--brutalism-ink);--meter-block-shadow: var(--control-shadow);--meter-block-accent: var(--brutalism-signal);--meter-block-accent-dim: var(--brutalism-signal-soft);--meter-block-shadow-filled: 3px 3px 0px 0px var(--brutalism-ink);--meter-label-color: var(--text-secondary);--meter-controls-bg: var(--brutalism-paper);--meter-controls-border: 2px solid var(--brutalism-ink);--meter-controls-shadow: var(--control-shadow);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--brutalism-ink);--range-track-bg: #ffffff;--range-track-border-width: 2px;--range-track-border-color: var(--brutalism-ink);--range-track-shadow: var(--control-shadow);--range-progress-bg: var(--brutalism-signal);--range-thumb-bg: var(--brutalism-signal);--range-thumb-radius: 0px;--range-thumb-border-width: 2px;--range-thumb-border-color: var(--brutalism-ink);--range-thumb-shadow: var(--control-handle-accent-shadow);--select-dropdown-title-color: var(--text-muted);--select-scrollbar-color: var(--brutalism-ink);--select-option-radius: 4px;--select-option-color: var(--text-primary);--select-option-fw: 700;--select-option-transform: uppercase;--select-option-letter-spacing: .04em;--select-dot-color: var(--brutalism-ink);--select-dot-shadow: none}.theme-clay{--clay-base: rgba(237, 223, 208, 1);--clay-surface: rgba(237, 225, 212, 1);--clay-elevated: rgba(238, 227, 215, 1);--clay-surface-soft: rgba(244, 234, 224, 1);--clay-glow: rgba(241, 232, 222, 1);--clay-shade: rgba(219, 201, 184, 1);--clay-shade-deep: rgba(203, 178, 158, 1);--clay-pressed: rgba(229, 212, 196, 1);--clay-pressed-deep: rgba(221, 201, 183, 1);--clay-accent-deep: rgba(171, 90, 60, 1);--clay-accent-soft: rgba(227, 187, 167, 1);--clay-press-fill: rgba(227, 198, 176, 1);--clay-press-fill-soft: rgba(235, 209, 190, 1);--clay-press-fill-deep: rgba(215, 179, 153, 1);--clay-press-ink: rgba(145, 106, 82, 1);--clay-press-ink-deep: rgba(101, 68, 51, 1);--clay-rim: rgba(109, 78, 58, .1);--clay-rim-strong: rgba(109, 78, 58, .16);--clay-rim-accent: rgba(171, 102, 74, .18);--clay-accent-wash: rgba(198, 104, 67, .18);--clay-highlight: rgba(243, 232, 222, .34);--clay-highlight-soft: rgba(243, 234, 224, .24);--clay-highlight-edge: rgba(246, 237, 228, .2);--clay-highlight-core: rgba(249, 242, 235, .52);--clay-shadow-soft: rgba(212, 189, 170, .58);--clay-shadow-strong: rgba(193, 167, 146, .48);--clay-shadow-core: rgba(180, 150, 128, .54);--clay-press-shadow: inset 6px 6px 10px rgba(206, 175, 152, .74), inset -3px -3px 6px rgba(244, 233, 224, .16), 0 0 0 1px rgba(171, 102, 74, .12);--clay-press-shadow-soft: inset 5px 5px 9px rgba(206, 181, 161, .72), inset -3px -3px 5px rgba(243, 232, 223, .18), 0 0 0 1px rgba(171, 102, 74, .08);--bg-primary: var(--clay-base);--bg-surface: var(--clay-surface);--bg-elevated: var(--clay-elevated);--bg-overlay: rgba(74, 52, 38, .32);--fill-subtle: var(--clay-base);--fill-muted: rgba(231, 218, 206, 1);--fill-active: var(--clay-pressed);--border-subtle: var(--clay-rim);--border-base: var(--clay-rim-strong);--border-active: var(--clay-accent-wash);--radius-panel: 30px;--radius-modal: 38px;--radius-control: 18px;--radius-pill: 9999px;--text-primary: rgba(91, 65, 48, 1);--text-secondary: rgba(125, 107, 94, 1);--text-muted: rgba(152, 135, 121, 1);--text-inverse: rgba(248, 245, 238, 1);--type-readout-ff: "Avenir Next Rounded", "Nunito", "Avenir Next", "Segoe UI", var(--font-sans);--type-readout-letter-spacing: -.035em;--accent-primary: rgba(198, 104, 67, 1);--accent-primary-muted: rgba(220, 188, 176, 1);--accent-warning: rgba(228, 162, 73, 1);--accent-danger: rgba(206, 81, 79, 1);--accent-success: rgba(101, 166, 126, 1);--shadow-sm: inset 1px 1px 0 var(--clay-highlight-edge), 6px 6px 12px rgba(212, 189, 170, .66), -4px -4px 9px rgba(243, 232, 222, .26);--shadow-panel: inset 1px 1px 0 var(--clay-highlight-soft), inset -1px -1px 0 rgba(203, 178, 158, .12), 14px 14px 28px rgba(212, 189, 170, .68), -10px -10px 20px rgba(243, 232, 222, .24);--shadow-modal: inset 1px 1px 0 var(--clay-highlight), inset -1px -1px 0 rgba(203, 178, 158, .14), 18px 18px 38px var(--clay-shadow-core), -12px -12px 24px rgba(243, 232, 222, .2);--shadow-active-item: inset 4px 4px 7px rgba(212, 189, 170, .62), inset -3px -3px 6px rgba(243, 232, 222, .22);--shadow-glow-primary: var(--shadow-active-item);--shadow-glow-warning: var(--shadow-active-item);--shadow-glow-danger: var(--shadow-active-item);--shadow-glow-elevated: var(--shadow-panel);--shadow-glow: var(--shadow-active-item);--overlay-blur: 0px;--overlay-sheen: none;--modal-shell-overlay-blur: 12px;--opacity-btn-hover: 1;--opacity-btn-active: 1;--opacity-disabled: .4;--transition-base: transform .3s cubic-bezier(.2, .8, .2, 1), opacity .3s cubic-bezier(.2, .8, .2, 1), filter .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s cubic-bezier(.2, .8, .2, 1), background-color .3s cubic-bezier(.2, .8, .2, 1), border-color .3s cubic-bezier(.2, .8, .2, 1), color .3s cubic-bezier(.2, .8, .2, 1);--transition-fast: transform .15s cubic-bezier(.2, .8, .2, 1), opacity .15s cubic-bezier(.2, .8, .2, 1), filter .15s cubic-bezier(.2, .8, .2, 1), box-shadow .15s cubic-bezier(.2, .8, .2, 1), background-color .15s cubic-bezier(.2, .8, .2, 1), border-color .15s cubic-bezier(.2, .8, .2, 1), color .15s cubic-bezier(.2, .8, .2, 1);--ui-chrome-transform: none;--ui-chrome-letter-spacing: .025em;--ui-chrome-title-letter-spacing: .05em;--control-focus-ring: rgba(184, 103, 72, .34);--app-bg-gradient: radial-gradient( ellipse 70% 52% at 18% 12%, rgba(249, 241, 233, .54) 0%, transparent 62% ), radial-gradient( ellipse 58% 44% at 84% 88%, rgba(207, 171, 144, .18) 0%, transparent 60% ), linear-gradient( 160deg, rgba(241, 229, 216, .36) 0%, rgba(236, 223, 208, 0) 42%, rgba(222, 199, 177, .16) 100% );--app-title-icon-color: rgba(145, 111, 87, .78);--field-bg: rgba(233, 219, 204, 1);--field-border: 1px solid var(--clay-rim);--field-border-width: 1px;--field-border-color: var(--clay-rim);--field-color: var(--text-primary);--field-shadow: var(--shadow-active-item);--field-focus-border: rgba(184, 103, 72, .52);--field-focus-bg: rgba(242, 231, 220, 1);--surface-floating-inner-shadow: inset 1px 1px 0 rgba(244, 236, 227, .32), inset -1px -1px 0 rgba(203, 178, 158, .22);--readout-label-color: var(--text-secondary);--readout-value-color: transparent;--readout-value-gradient: linear-gradient( 180deg, var(--clay-press-ink) 0%, rgba(122, 87, 66, 1) 48%, var(--clay-press-ink-deep) 100% );--readout-value-weight: 740;--readout-value-shadow: -1px -1px 0 rgba(247, 239, 231, .72), 1px 1px 0 rgba(143, 104, 79, .58);--readout-blur-visibility: hidden;--readout-input-color: var(--text-primary);--readout-input-caret-color: var(--accent-primary);--readout-input-selection: rgba(216, 171, 151, .42);--readout-controls-color: rgba(132, 107, 90, .9);--readout-wheel-bg: radial-gradient(circle at 30% 24%, rgba(248, 241, 233, .42) 0%, rgba(248, 241, 233, .1) 34%, transparent 58%), linear-gradient(180deg, rgba(245, 237, 227, 1) 0%, var(--clay-base) 100%);--readout-wheel-border: 1px solid rgba(136, 99, 76, .14);--readout-wheel-shadow: inset 1px 1px 0 rgba(246, 238, 229, .28), inset -1px -1px 0 rgba(184, 155, 132, .14), inset 5px 5px 10px rgba(212, 189, 170, .76), inset -4px -4px 8px rgba(243, 232, 222, .24);--readout-wheel-active-shadow: inset 6px 6px 12px rgba(210, 188, 169, .84), inset -4px -4px 8px rgba(243, 232, 222, .2), 0 0 0 1px rgba(177, 102, 73, .18);--readout-wheel-tick: rgba(151, 126, 110, .66);--readout-wheel-line: var(--accent-primary);--readout-wheel-line-glow: transparent;--meter-block-bg: linear-gradient(145deg, rgba(229, 213, 198, 1) 0%, rgba(220, 202, 186, 1) 100%);--meter-block-border: 0;--meter-label-color: var(--text-secondary);--meter-controls-bg: radial-gradient(circle at 30% 24%, rgba(248, 241, 233, .74) 0%, rgba(248, 241, 233, .24) 36%, transparent 62%), linear-gradient(145deg, rgba(243, 233, 223, 1) 0%, rgba(233, 217, 201, 1) 100%);--meter-controls-border: 0 solid transparent;--meter-controls-shadow: inset 1px 1px 0 rgba(246, 238, 229, .2), 6px 6px 12px rgba(212, 189, 170, .52), -3px -3px 7px rgba(243, 232, 222, .12);--meter-block-shadow: inset 5px 5px 9px rgba(206, 181, 161, .66), inset -3px -3px 5px rgba(243, 232, 223, .14), 0 0 0 1px rgba(171, 102, 74, .05);--meter-block-shadow-filled: inset 6px 6px 10px rgba(188, 147, 122, .72), inset -2px -2px 4px rgba(245, 233, 224, .1), 0 0 0 1px rgba(171, 102, 74, .12);--meter-block-empty: linear-gradient(145deg, rgba(231, 216, 202, 1) 0%, rgba(222, 205, 190, 1) 100%);--meter-block-empty-active: linear-gradient(145deg, rgba(215, 191, 172, 1) 0%, rgba(198, 170, 150, 1) 100%);--meter-block-accent: linear-gradient(145deg, rgba(168, 98, 70, 1) 0%, rgba(128, 61, 40, 1) 100%);--meter-block-accent-dim: linear-gradient(145deg, rgba(220, 178, 157, 1) 0%, rgba(196, 145, 120, 1) 100%);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--accent-primary);--control-bg: rgba(238, 223, 209, 1);--control-color: var(--text-primary);--control-border-width: 0px;--control-border-color: transparent;--control-shadow: inset 1px 1px 0 rgba(247, 239, 231, .28), 7px 7px 14px rgba(212, 189, 170, .68), -3px -3px 6px rgba(243, 232, 222, .16);--control-active-bg: rgba(228, 209, 194, 1);--control-active-shadow: var(--shadow-active-item);--control-active-opacity: 1;--control-quiet-bg: rgba(241, 229, 219, .9);--control-quiet-color: var(--text-secondary);--control-quiet-border-width: 0px;--control-quiet-border-color: transparent;--control-quiet-shadow: 6px 6px 12px rgba(214, 194, 177, .62);--control-quiet-active-shadow: var(--shadow-active-item);--control-selected-bg: var(--clay-press-fill);--control-selected-color: rgba(104, 72, 54, 1);--control-selected-border-width: 0px;--control-selected-border-color: transparent;--control-selected-shadow: var(--clay-press-shadow);--control-quiet-selected-bg: var(--control-selected-bg);--control-quiet-selected-color: var(--control-selected-color);--control-quiet-selected-border-width: 0px;--control-quiet-selected-border-color: transparent;--control-quiet-selected-shadow: var(--control-selected-shadow);--action-solid-bg: radial-gradient(circle at 30% 24%, rgba(248, 241, 233, .78) 0%, rgba(248, 241, 233, .24) 36%, transparent 62%), linear-gradient(145deg, var(--clay-surface-soft) 0%, rgba(233, 217, 201, 1) 100%);--action-solid-color: var(--text-primary);--action-solid-border-width: 0px;--action-solid-border-color: transparent;--action-solid-shadow: var(--control-shadow);--action-solid-active-bg: radial-gradient(circle at 28% 22%, rgba(245, 230, 217, .22) 0%, rgba(245, 230, 217, .04) 30%, transparent 54%), linear-gradient(145deg, var(--clay-pressed) 0%, var(--clay-pressed-deep) 100%);--action-solid-active-shadow: inset 5px 5px 9px rgba(209, 178, 157, .68), inset -3px -3px 5px rgba(243, 232, 223, .16);--action-solid-selected-bg: radial-gradient(circle at 28% 20%, rgba(246, 232, 221, .18) 0%, rgba(246, 232, 221, .04) 28%, transparent 56%), linear-gradient(145deg, var(--clay-press-fill-soft) 0%, var(--clay-press-fill-deep) 100%);--action-solid-selected-color: var(--control-selected-color);--action-solid-selected-border-width: 0px;--action-solid-selected-border-color: transparent;--action-solid-selected-shadow: var(--control-selected-shadow);--action-outline-bg: radial-gradient(circle at 30% 24%, rgba(248, 241, 233, .62) 0%, rgba(248, 241, 233, .16) 34%, transparent 60%), linear-gradient(180deg, rgba(246, 238, 230, .92) 0%, rgba(232, 216, 201, .82) 100%);--action-outline-color: var(--text-secondary);--action-outline-border-width: 0px;--action-outline-border-color: transparent;--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: radial-gradient(circle at 28% 22%, rgba(245, 230, 217, .14) 0%, rgba(245, 230, 217, .04) 28%, transparent 52%), linear-gradient(145deg, rgba(228, 200, 179, 1) 0%, rgba(218, 184, 159, 1) 100%);--action-outline-active-shadow: inset 5px 5px 9px rgba(207, 176, 155, .64), inset -3px -3px 5px rgba(244, 234, 226, .14);--action-outline-selected-bg: radial-gradient(circle at 28% 20%, rgba(246, 232, 221, .16) 0%, rgba(246, 232, 221, .04) 28%, transparent 56%), linear-gradient(145deg, var(--clay-press-fill-soft) 0%, var(--clay-press-fill-deep) 100%);--action-outline-selected-color: var(--control-selected-color);--action-outline-selected-border-width: 0px;--action-outline-selected-border-color: transparent;--action-outline-selected-shadow: var(--clay-press-shadow);--action-ghost-selected-bg: rgba(226, 196, 175, .58);--action-ghost-selected-color: var(--text-primary);--action-ghost-selected-border-width: 0px;--action-ghost-selected-border-color: transparent;--action-ghost-selected-shadow: var(--control-selected-shadow);--switch-track-bg: linear-gradient(180deg, rgba(230, 212, 196, 1) 0%, rgba(238, 225, 212, 1) 100%);--switch-track-border-width: 0px;--switch-track-border-color: transparent;--switch-track-shadow: var(--shadow-active-item);--switch-track-selected-bg: linear-gradient(180deg, rgba(224, 190, 167, 1) 0%, rgba(237, 221, 208, 1) 100%);--switch-track-selected-border-color: transparent;--switch-track-selected-shadow: inset 5px 5px 9px rgba(209, 181, 161, .7), inset -4px -4px 7px rgba(244, 235, 227, .18), 0 0 0 1px rgba(171, 102, 74, .14);--switch-thumb-bg: radial-gradient(circle at 30% 24%, rgba(248, 241, 233, .72) 0%, rgba(248, 241, 233, .18) 34%, transparent 58%), linear-gradient(145deg, var(--clay-glow) 0%, rgba(236, 221, 206, 1) 100%);--switch-thumb-border-width: 0px;--switch-thumb-border-color: transparent;--switch-thumb-shadow: 5px 5px 9px rgba(214, 194, 177, .64);--switch-thumb-selected-bg: radial-gradient(circle at 30% 24%, rgba(249, 242, 235, .72) 0%, rgba(249, 242, 235, .18) 34%, transparent 58%), linear-gradient(145deg, rgba(245, 232, 222, 1) 0%, rgba(228, 198, 176, 1) 100%);--switch-thumb-selected-border-width: 0px;--switch-thumb-selected-border-color: transparent;--switch-thumb-selected-shadow: inset 1px 1px 0 rgba(249, 241, 233, .18), 5px 5px 9px rgba(201, 173, 153, .44), 0 0 0 1px rgba(171, 102, 74, .12);--control-handle-bg: var(--switch-thumb-bg);--control-handle-border-width: 0px;--control-handle-border-color: transparent;--control-handle-shadow: var(--switch-thumb-shadow);--control-handle-selected-bg: var(--switch-thumb-selected-bg);--control-handle-selected-border-width: 0px;--control-handle-selected-border-color: transparent;--control-handle-selected-shadow: var(--switch-thumb-selected-shadow);--control-handle-accent-bg: radial-gradient(circle at 30% 24%, rgba(250, 240, 232, .38) 0%, rgba(250, 240, 232, .08) 32%, transparent 58%), linear-gradient(145deg, rgba(224, 171, 147, 1) 0%, rgba(197, 121, 88, 1) 100%);--control-handle-accent-border-width: 0px;--control-handle-accent-border-color: transparent;--control-handle-accent-shadow: inset 1px 1px 0 rgba(248, 234, 225, .22), 5px 5px 9px rgba(196, 168, 147, .4), 0 0 0 1px rgba(171, 102, 74, .12);--surface-panel-bg: radial-gradient(circle at 28% 20%, rgba(248, 241, 233, .72) 0%, rgba(248, 241, 233, .22) 38%, transparent 64%), linear-gradient(145deg, rgba(241, 229, 216, 1) 0%, rgba(234, 219, 204, 1) 100%);--surface-panel-border: 0;--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: radial-gradient(circle at 28% 20%, rgba(248, 241, 233, .74) 0%, rgba(248, 241, 233, .24) 36%, transparent 62%), linear-gradient(145deg, var(--clay-surface-soft) 0%, rgba(235, 220, 205, 1) 100%);--surface-floating-border: 0;--surface-floating-border-width: 0px;--surface-floating-shadow: var(--shadow-modal);--surface-floating-blur: 0px;--range-track-bg: linear-gradient(180deg, rgba(229, 210, 194, 1) 0%, rgba(238, 225, 212, 1) 100%);--range-track-border-width: 0px;--range-track-border-color: transparent;--range-track-shadow: var(--shadow-active-item);--range-progress-bg: linear-gradient(90deg, rgba(194, 111, 78, .92) 0%, rgba(225, 163, 137, .84) 100%);--range-thumb-bg: var(--control-handle-accent-bg);--range-thumb-border-width: 0px;--range-thumb-border-color: transparent;--range-thumb-shadow: var(--control-handle-accent-shadow);--range-focus-ring: rgba(198, 104, 67, .3);--select-dropdown-title-color: rgba(145, 111, 87, .82);--select-scrollbar-color: rgba(121, 88, 66, .28);--select-option-radius: 12px;--select-option-fw: 600;--select-dot-color: var(--accent-primary);--select-dot-shadow: none}.theme-cyberpunk{--white: rgba(246, 250, 255, 1);--black: rgba(1, 2, 16, 1);--cyberpunk-panel-top: rgba(24, 37, 84, 1);--cyberpunk-panel-mid: rgba(13, 21, 52, 1);--cyberpunk-panel-bottom: rgba(4, 8, 26, 1);--cyberpunk-cyan-glow: rgba(0, 240, 242, .22);--cyberpunk-magenta-glow: rgba(255, 0, 190, .22);--cyberpunk-scanline: rgba(126, 232, 255, .06);--bg-primary: rgba(2, 4, 18, 1);--bg-surface: rgba(8, 13, 36, .9);--bg-elevated: rgba(13, 20, 49, .96);--bg-overlay: rgba(1, 2, 16, .88);--fill-subtle: rgba(5, 9, 29, .96);--fill-muted: rgba(16, 26, 63, .92);--fill-active: rgba(0, 240, 242, .18);--accent-primary: rgba(0, 240, 242, 1);--accent-primary-muted: rgba(0, 240, 242, .18);--accent-warning: rgba(255, 209, 0, 1);--accent-danger: rgba(255, 0, 190, 1);--accent-success: rgba(90, 255, 150, 1);--text-primary: rgba(239, 250, 255, 1);--text-secondary: rgba(147, 239, 241, .9);--text-muted: rgba(132, 143, 193, .92);--text-inverse: rgba(1, 2, 16, 1);--border-subtle: rgba(52, 71, 142, .34);--border-base: rgba(68, 182, 206, .38);--border-active: rgba(0, 240, 242, .58);--radius-panel: 0px;--radius-modal: 0px;--radius-control: 0px;--radius-pill: 0px;--radius-badge: 0px;--surface-panel-radius: 0px;--surface-floating-radius: 0px;--control-radius: 0px;--field-radius: 0px;--control-handle-radius: 0px;--action-radius: 0px;--switch-track-radius: 0px;--switch-thumb-radius: 0px;--range-thumb-radius: 0px;--readout-wheel-radius: 0px;--meter-controls-radius: 0px;--font-display: var(--font-mono);--type-readout-ff: var(--font-mono);--shadow-sm: inset 0 1px 0 rgba(255, 255, 255, .02), 0 0 10px rgba(0, 240, 242, .08);--shadow-panel: 0 0 0 1px rgba(68, 182, 206, .12), 0 18px 42px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(126, 232, 255, .04);--shadow-modal: 0 0 0 1px rgba(0, 240, 242, .26), 0 28px 60px rgba(0, 0, 0, .72), 0 0 24px rgba(0, 240, 242, .1);--shadow-active-item: 0 0 0 1px rgba(0, 240, 242, .22), 0 0 18px rgba(0, 240, 242, .18), 0 10px 24px rgba(0, 0, 0, .32);--shadow-glow-primary: 0 0 18px rgba(0, 240, 242, .24);--shadow-glow-warning: 0 0 18px rgba(255, 209, 0, .28);--shadow-glow-danger: 0 0 18px rgba(255, 0, 190, .28);--shadow-glow-elevated: 0 18px 40px rgba(0, 0, 0, .56), 0 0 18px rgba(0, 240, 242, .08);--shadow-glow: var(--shadow-glow-primary);--overlay-blur: 10px;--overlay-sheen: linear-gradient( to bottom, rgba(126, 232, 255, .06) 0%, rgba(255, 0, 190, .03) 38%, rgba(255, 255, 255, 0) 100% );--transition-base: transform .12s steps(4), opacity .12s steps(4), filter .12s steps(4), box-shadow .12s steps(4), background-color .12s steps(4), border-color .12s steps(4), color .12s steps(4);--transition-fast: transform .06s steps(2), opacity .06s steps(2), filter .06s steps(2), box-shadow .06s steps(2), background-color .06s steps(2), border-color .06s steps(2), color .06s steps(2);--opacity-btn-hover: 1;--opacity-btn-active: .72;--ui-chrome-letter-spacing: .14em;--ui-chrome-title-letter-spacing: .2em;--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-bg-gradient: radial-gradient(circle at 18% 16%, rgba(255, 0, 190, .16) 0%, transparent 34%), radial-gradient(circle at 82% 12%, rgba(0, 240, 242, .14) 0%, transparent 32%), radial-gradient(circle at 50% 100%, rgba(30, 68, 164, .22) 0%, transparent 48%), repeating-linear-gradient( 0deg, rgba(126, 232, 255, .05) 0px, rgba(126, 232, 255, .05) 1px, transparent 1px, transparent 3px ), linear-gradient(180deg, rgba(10, 14, 36, 1) 0%, rgba(2, 4, 18, 1) 100%);--app-title-icon-color: rgba(118, 240, 241, .76);--surface-panel-bg: linear-gradient(180deg, rgba(33, 49, 108, .16) 0%, rgba(255, 0, 190, .04) 100%), linear-gradient(180deg, rgba(17, 26, 63, .96) 0%, rgba(6, 10, 28, .98) 100%);--surface-panel-border: 1px solid rgba(68, 182, 206, .24);--surface-panel-shadow: 0 0 0 1px rgba(0, 240, 242, .08), 0 20px 42px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(126, 232, 255, .05);--surface-floating-bg: linear-gradient(180deg, rgba(28, 42, 94, .18) 0%, rgba(255, 0, 190, .06) 100%), linear-gradient(180deg, rgba(13, 20, 50, .98) 0%, rgba(4, 8, 24, 1) 100%);--surface-floating-border: 1px solid rgba(0, 240, 242, .34);--surface-floating-border-color: rgba(0, 240, 242, .34);--surface-floating-shadow: 0 0 0 1px rgba(255, 0, 190, .06), 0 28px 56px rgba(0, 0, 0, .76), 0 0 18px rgba(0, 240, 242, .14);--surface-floating-inner-shadow: inset 0 1px 0 rgba(126, 232, 255, .06), inset 0 0 0 1px rgba(255, 0, 190, .05);--surface-floating-sheen: var(--overlay-sheen);--control-bg: linear-gradient(180deg, rgba(25, 38, 86, .96) 0%, rgba(8, 12, 33, 1) 100%);--control-color: var(--text-primary);--control-border-width: 1px;--control-border-color: rgba(68, 182, 206, .34);--control-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), 0 0 0 1px rgba(0, 240, 242, .06), 0 10px 20px rgba(0, 0, 0, .3);--control-active-bg: linear-gradient(180deg, rgba(14, 22, 54, .98) 0%, rgba(6, 9, 24, 1) 100%);--control-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .01), 0 0 0 1px rgba(255, 0, 190, .12), 0 0 14px rgba(255, 0, 190, .12);--control-active-transform: translateY(1px);--control-quiet-bg: rgba(6, 10, 28, .42);--control-quiet-color: rgba(161, 238, 244, .84);--control-quiet-border-width: 1px;--control-quiet-border-color: rgba(68, 182, 206, .2);--control-quiet-shadow: inset 0 0 0 1px rgba(0, 240, 242, .04);--control-quiet-active-bg: rgba(13, 21, 52, .76);--control-quiet-active-shadow: inset 0 0 0 1px rgba(255, 0, 190, .08);--control-selected-bg: linear-gradient(180deg, rgba(0, 240, 242, .14) 0%, rgba(255, 0, 190, .05) 100%), rgba(8, 13, 35, .96);--control-selected-color: var(--text-primary);--control-selected-border-color: rgba(0, 240, 242, .54);--control-selected-shadow: 0 0 0 1px rgba(0, 240, 242, .18), 0 0 18px rgba(0, 240, 242, .16), 0 8px 20px rgba(0, 0, 0, .3);--control-quiet-selected-bg: linear-gradient(180deg, rgba(0, 240, 242, .12) 0%, rgba(255, 0, 190, .04) 100%), rgba(7, 11, 31, .92);--control-quiet-selected-color: rgba(210, 253, 255, 1);--control-quiet-selected-border-color: rgba(0, 240, 242, .44);--control-quiet-selected-shadow: 0 0 0 1px rgba(0, 240, 242, .16), 0 0 16px rgba(0, 240, 242, .12);--field-bg: linear-gradient(180deg, rgba(8, 13, 35, .98) 0%, rgba(3, 7, 22, 1) 100%);--field-border-width: 1px;--field-border-color: rgba(68, 182, 206, .32);--field-border: var(--field-border-width) solid var(--field-border-color);--field-color: var(--text-primary);--field-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 0 0 1px rgba(0, 240, 242, .04);--field-focus-border: rgba(0, 240, 242, .52);--field-focus-bg: linear-gradient(180deg, rgba(11, 19, 46, .98) 0%, rgba(5, 10, 28, 1) 100%);--action-solid-bg: var(--control-bg);--action-solid-color: var(--text-primary);--action-solid-border-width: 1px;--action-solid-border-color: var(--control-border-color);--action-solid-shadow: var(--control-shadow);--action-solid-active-bg: var(--control-active-bg);--action-solid-active-shadow: var(--control-active-shadow);--action-solid-selected-bg: var(--control-selected-bg);--action-solid-selected-color: var(--text-primary);--action-solid-selected-border-color: var(--control-selected-border-color);--action-solid-selected-shadow: var(--control-selected-shadow);--action-outline-bg: rgba(6, 10, 28, .3);--action-outline-color: rgba(161, 238, 244, .84);--action-outline-border-color: rgba(68, 182, 206, .24);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: rgba(13, 21, 52, .68);--action-outline-active-shadow: var(--control-quiet-active-shadow);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-color: var(--control-quiet-selected-border-color);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--action-ghost-selected-bg: var(--control-quiet-selected-bg);--action-ghost-selected-color: var(--control-quiet-selected-color);--action-ghost-selected-border-color: rgba(255, 0, 190, .32);--action-ghost-selected-shadow: 0 0 0 1px rgba(255, 0, 190, .14), 0 0 14px rgba(255, 0, 190, .1);--readout-value-color: transparent;--readout-value-webkit-bg-clip: text;--readout-value-bg-clip: text;--readout-value-gradient: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(124, 255, 255, 1) 34%, rgba(0, 240, 242, 1) 100%);--readout-value-filter: drop-shadow(0 0 14px rgba(0, 240, 242, .24));--readout-value-shadow: none;--readout-value-letter-spacing: .015em;--readout-blur-color: rgba(0, 240, 242, .14);--readout-blur-visibility: hidden;--readout-input-color: var(--text-primary);--readout-input-caret-color: var(--accent-primary);--readout-input-selection: rgba(0, 240, 242, .24);--readout-label-color: rgba(150, 163, 216, .88);--readout-controls-color: rgba(178, 239, 243, .82);--readout-wheel-bg: repeating-linear-gradient( 0deg, rgba(126, 232, 255, .06) 0px, rgba(126, 232, 255, .06) 1px, transparent 1px, transparent 7px ), linear-gradient(180deg, rgba(22, 33, 76, .96) 0%, rgba(5, 9, 28, .98) 100%);--readout-wheel-border: 1px solid rgba(68, 182, 206, .36);--readout-wheel-shadow: 0 0 0 1px rgba(0, 240, 242, .08), inset 0 1px 0 rgba(126, 232, 255, .06), inset 0 0 14px rgba(0, 240, 242, .06);--readout-wheel-active-shadow: 0 0 0 1px rgba(255, 0, 190, .18), 0 0 16px rgba(255, 0, 190, .16), inset 0 0 14px rgba(255, 0, 190, .12);--readout-wheel-line: var(--accent-danger);--readout-wheel-line-glow: 0 0 10px rgba(255, 0, 190, .52);--readout-wheel-tick: rgba(132, 239, 241, .42);--meter-block-radius: 0px;--meter-block-bg: linear-gradient(180deg, rgba(18, 29, 68, .68) 0%, rgba(6, 10, 28, .88) 100%);--meter-block-empty: linear-gradient(180deg, rgba(18, 29, 68, .52) 0%, rgba(6, 10, 28, .82) 100%);--meter-block-empty-active: linear-gradient(180deg, rgba(0, 240, 242, .18) 0%, rgba(10, 19, 42, .9) 100%);--meter-block-border: 1px solid rgba(68, 182, 206, .18);--meter-block-accent: linear-gradient(180deg, rgba(168, 255, 255, .98) 0%, rgba(0, 240, 242, .92) 54%, rgba(255, 0, 190, .7) 100%);--meter-block-accent-dim: linear-gradient(180deg, rgba(0, 240, 242, .46) 0%, rgba(0, 240, 242, .26) 100%);--meter-block-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), 0 0 8px rgba(0, 240, 242, .08);--meter-block-shadow-filled: 0 0 14px rgba(0, 240, 242, .16), 0 0 20px rgba(255, 0, 190, .08);--meter-label-color: rgba(150, 163, 216, .82);--meter-controls-bg: rgba(5, 9, 27, .64);--meter-controls-border: 1px solid rgba(68, 182, 206, .22);--meter-controls-shadow: inset 0 1px 0 rgba(126, 232, 255, .05), 0 0 0 1px rgba(0, 240, 242, .04);--meter-value-color: rgba(188, 232, 247, .86);--meter-value-active-color: rgba(124, 255, 255, 1);--control-handle-bg: rgba(222, 251, 255, .92);--control-handle-border-color: rgba(68, 182, 206, .28);--control-handle-shadow: 0 4px 10px rgba(0, 0, 0, .26), 0 0 10px rgba(0, 240, 242, .12);--control-handle-selected-bg: rgba(242, 254, 255, .98);--control-handle-selected-border-color: rgba(0, 240, 242, .36);--control-handle-selected-shadow: 0 6px 12px rgba(0, 0, 0, .26), 0 0 14px rgba(0, 240, 242, .16);--control-handle-accent-bg: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(0, 240, 242, .92) 70%, rgba(255, 0, 190, .78) 100%);--control-handle-accent-border-color: rgba(0, 240, 242, .4);--control-handle-accent-shadow: 0 6px 12px rgba(0, 0, 0, .26), 0 0 16px rgba(0, 240, 242, .16);--switch-track-bg: linear-gradient(180deg, rgba(14, 22, 53, .96) 0%, rgba(5, 9, 27, 1) 100%);--switch-track-border-color: rgba(68, 182, 206, .28);--switch-track-shadow: inset 0 1px 0 rgba(126, 232, 255, .04);--switch-track-selected-bg: linear-gradient(90deg, rgba(0, 240, 242, .28) 0%, rgba(255, 0, 190, .2) 100%);--switch-track-selected-border-color: rgba(0, 240, 242, .44);--switch-track-selected-shadow: 0 0 0 1px rgba(0, 240, 242, .14), 0 0 14px rgba(0, 240, 242, .12);--switch-thumb-bg: rgba(214, 249, 255, .94);--switch-thumb-border-color: rgba(68, 182, 206, .26);--switch-thumb-shadow: 0 4px 10px rgba(0, 0, 0, .24);--switch-thumb-selected-bg: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(124, 255, 255, .96) 64%, rgba(255, 0, 190, .82) 100%);--switch-thumb-selected-border-color: rgba(0, 240, 242, .38);--switch-thumb-selected-shadow: 0 4px 10px rgba(0, 0, 0, .24), 0 0 14px rgba(0, 240, 242, .14);--range-track-bg: linear-gradient(180deg, rgba(10, 16, 42, .96) 0%, rgba(4, 8, 24, 1) 100%);--range-track-border-color: rgba(68, 182, 206, .26);--range-track-shadow: inset 0 1px 0 rgba(126, 232, 255, .04), inset 0 0 0 1px rgba(0, 240, 242, .04);--range-progress-bg: linear-gradient(90deg, rgba(0, 240, 242, .96) 0%, rgba(124, 255, 255, .88) 68%, rgba(255, 0, 190, .62) 100%);--range-thumb-bg: var(--control-handle-accent-bg);--range-thumb-border-color: rgba(0, 240, 242, .42);--range-thumb-shadow: var(--control-handle-accent-shadow);--range-focus-ring: rgba(0, 240, 242, .42);--select-dropdown-title-color: rgba(148, 163, 216, .84);--select-scrollbar-color: rgba(68, 182, 206, .34);--select-option-radius: 0px;--select-option-color: var(--text-primary);--select-option-fw: 700;--select-option-transform: uppercase;--select-option-letter-spacing: .06em;--select-dot-color: var(--accent-danger);--select-dot-shadow: 0 0 10px rgba(255, 0, 190, .42)}.theme-disco{--disco-walnut: rgba(39, 20, 46, 1);--disco-walnut-mid: rgba(62, 32, 73, 1);--disco-walnut-light: rgba(89, 46, 101, 1);--disco-walnut-highlight: rgba(178, 130, 157, 1);--disco-cream: rgba(249, 232, 210, 1);--disco-cream-dim: rgba(208, 171, 150, 1);--disco-amber: rgba(255, 141, 74, 1);--disco-amber-muted: rgba(171, 90, 56, 1);--disco-amber-glow: rgba(255, 141, 74, .22);--disco-copper: rgba(237, 188, 91, 1);--disco-copper-dim: rgba(151, 115, 44, 1);--disco-ruby: rgba(255, 82, 148, 1);--disco-jade: rgba(79, 167, 163, 1);--disco-charcoal: rgba(184, 145, 165, 1);--disco-ink: rgba(248, 232, 214, 1);--disco-ink-soft: rgba(224, 193, 177, 1);--disco-smoke: rgba(59, 33, 55, 1);--disco-smoke-deep: rgba(28, 15, 34, 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: rgba(28, 14, 33, 1);--bg-surface: rgba(53, 28, 59, 1);--bg-elevated: rgba(78, 41, 83, 1);--bg-overlay: rgba(13, 4, 14, .82);--fill-subtle: rgba(66, 35, 69, .94);--fill-muted: rgba(91, 49, 95, .96);--fill-active: rgba(255, 141, 74, .18);--border-subtle: rgba(173, 114, 144, .22);--border-base: rgba(233, 175, 107, .28);--border-active: rgba(255, 141, 74, .58);--radius-panel: 12px;--radius-modal: 14px;--radius-control: 999px;--radius-pill: 999px;--text-primary: var(--disco-ink);--text-secondary: var(--disco-ink-soft);--text-muted: var(--disco-charcoal);--text-inverse: rgba(48, 21, 40, 1);--font-display: "Avenir Next Condensed", "Trebuchet MS", var(--font-sans);--accent-primary: var(--disco-amber);--accent-primary-muted: rgba(255, 141, 74, .24);--accent-warning: var(--disco-copper);--accent-danger: var(--disco-ruby);--accent-success: var(--disco-jade);--shadow-sm: inset 0 1px 0 rgba(255, 240, 225, .08), inset 0 -1px 0 rgba(31, 8, 29, .42), 0 8px 18px rgba(13, 4, 16, .18);--shadow-panel: inset 0 1px 0 rgba(255, 240, 225, .08), 0 0 0 1px rgba(233, 175, 107, .1), 0 16px 34px rgba(12, 3, 18, .34);--shadow-modal: inset 0 1px 0 rgba(255, 240, 225, .1), 0 0 0 1px rgba(255, 82, 148, .12), 0 24px 44px rgba(12, 3, 18, .42);--shadow-active-item: inset 0 1px 0 rgba(255, 222, 194, .18), 0 0 0 1px rgba(255, 141, 74, .42), 0 0 18px rgba(255, 82, 148, .14);--shadow-glow-primary: 0 0 14px rgba(255, 141, 74, .16);--shadow-glow-warning: 0 0 14px rgba(237, 188, 91, .16);--shadow-glow-danger: 0 0 16px rgba(255, 82, 148, .18);--shadow-glow-elevated: 0 18px 38px rgba(12, 3, 18, .32);--shadow-glow: var(--shadow-glow-primary);--overlay-blur: 0px;--modal-shell-overlay-blur: 10px;--overlay-sheen: linear-gradient( 180deg, rgba(255, 235, 214, .16) 0%, rgba(255, 235, 214, .04) 28%, transparent 68% );--opacity-btn-hover: .92;--opacity-btn-active: .78;--opacity-disabled: .46;--transition-base: transform .22s cubic-bezier(.26, 0, .12, 1), opacity .22s cubic-bezier(.26, 0, .12, 1), filter .22s cubic-bezier(.26, 0, .12, 1), box-shadow .22s cubic-bezier(.26, 0, .12, 1), background-color .22s cubic-bezier(.26, 0, .12, 1), border-color .22s cubic-bezier(.26, 0, .12, 1), color .22s cubic-bezier(.26, 0, .12, 1);--transition-fast: transform .11s cubic-bezier(.26, 0, .12, 1), opacity .11s cubic-bezier(.26, 0, .12, 1), filter .11s cubic-bezier(.26, 0, .12, 1), box-shadow .11s cubic-bezier(.26, 0, .12, 1), background-color .11s cubic-bezier(.26, 0, .12, 1), border-color .11s cubic-bezier(.26, 0, .12, 1), color .11s cubic-bezier(.26, 0, .12, 1);--ui-chrome-letter-spacing: .12em;--ui-chrome-title-letter-spacing: .18em;--control-focus-ring: rgba(255, 190, 124, .42);--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-bg-gradient: radial-gradient(circle at 16% 18%, rgba(255, 82, 148, .22) 0%, transparent 32%), radial-gradient(circle at 82% 14%, rgba(255, 197, 93, .16) 0%, transparent 28%), radial-gradient(circle at 78% 84%, rgba(255, 197, 217, .1) 0%, transparent 23%), radial-gradient(circle at 44% 10%, rgba(255, 235, 214, .08) 0%, transparent 18%), linear-gradient(180deg, rgba(69, 33, 66, 1) 0%, rgba(28, 14, 33, 1) 100%);--surface-panel-bg: linear-gradient(180deg, rgba(118, 62, 109, .2) 0%, rgba(255, 82, 148, .05) 100%), linear-gradient(180deg, rgba(73, 38, 82, .96) 0%, rgba(42, 22, 50, .98) 100%);--surface-panel-border: 1px solid rgba(233, 175, 107, .16);--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: linear-gradient(180deg, rgba(255, 218, 154, .08) 0%, rgba(255, 82, 148, .04) 32%, transparent 100%), linear-gradient(180deg, rgba(84, 44, 92, .98) 0%, rgba(49, 25, 58, 1) 100%);--surface-floating-border: 1px solid rgba(255, 197, 93, .18);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: inset 0 1px 0 rgba(255, 239, 221, .08), inset 0 -1px 0 rgba(26, 8, 30, .26);--surface-floating-sheen: var(--overlay-sheen);--readout-value-color: transparent;--readout-value-webkit-bg-clip: text;--readout-value-gradient: linear-gradient( 180deg, rgba(255, 240, 209, 1) 0%, rgba(255, 191, 125, 1) 28%, rgba(255, 136, 103, 1) 56%, rgba(255, 82, 148, 1) 100% );--readout-value-weight: 800;--readout-value-letter-spacing: -.03em;--readout-value-filter: drop-shadow(0 0 8px rgba(255, 82, 148, .15)) drop-shadow(0 0 14px rgba(255, 191, 125, .08));--readout-value-shadow: 0 0 1px rgba(255, 244, 221, .34);--readout-blur-color: rgba(255, 141, 74, .42);--readout-blur-visibility: visible;--readout-label-color: rgba(236, 206, 189, .84);--readout-input-color: rgba(255, 218, 172, 1);--readout-input-caret-color: rgba(255, 141, 74, 1);--readout-input-selection: rgba(255, 82, 148, .24);--readout-controls-color: rgba(235, 204, 187, .8);--readout-wheel-bg: repeating-linear-gradient( 0deg, rgba(255, 238, 218, .035) 0px, rgba(255, 238, 218, .035) 1px, transparent 1px, transparent 9px ), linear-gradient(180deg, rgba(89, 48, 90, .22) 0%, rgba(255, 197, 93, .04) 100%), linear-gradient(180deg, rgba(52, 28, 60, 1) 0%, rgba(30, 16, 37, 1) 100%);--readout-wheel-border: 1px solid rgba(255, 200, 128, .22);--readout-wheel-shadow: inset 0 1px 0 rgba(255, 238, 218, .06), inset 0 -1px 0 rgba(0, 0, 0, .4), inset 0 8px 14px rgba(0, 0, 0, .18), 0 8px 18px rgba(12, 4, 16, .18);--readout-wheel-active-shadow: inset 0 1px 0 rgba(255, 238, 218, .08), inset 0 -1px 0 rgba(0, 0, 0, .46), inset 0 8px 14px rgba(0, 0, 0, .22), 0 0 0 1px rgba(255, 191, 125, .34), 0 0 18px rgba(255, 82, 148, .14);--readout-wheel-line: var(--disco-amber);--readout-wheel-line-glow: rgba(255, 82, 148, .32);--readout-wheel-tick: rgba(205, 167, 182, .62);--field-bg: linear-gradient(180deg, rgba(57, 31, 58, 1) 0%, rgba(32, 17, 39, 1) 100%);--field-border: 1px solid rgba(233, 175, 107, .16);--field-border-width: 1px;--field-border-color: rgba(233, 175, 107, .16);--field-color: var(--disco-ink);--field-shadow: inset 0 1px 2px rgba(0, 0, 0, .38), inset 0 -1px 0 rgba(255, 240, 225, .02);--field-focus-border: rgba(255, 183, 120, .52);--field-focus-bg: linear-gradient(180deg, rgba(67, 37, 68, 1) 0%, rgba(39, 21, 46, 1) 100%);--control-bg: linear-gradient(180deg, rgba(255, 237, 217, .2) 0%, rgba(255, 141, 74, .06) 100%), linear-gradient(180deg, rgba(102, 52, 97, .98) 0%, rgba(69, 34, 72, 1) 100%);--control-color: var(--disco-ink);--control-border-width: 1px;--control-border-color: rgba(233, 175, 107, .2);--control-shadow: var(--shadow-sm);--control-active-bg: linear-gradient(180deg, rgba(255, 211, 157, .14) 0%, rgba(255, 82, 148, .06) 100%), linear-gradient(180deg, rgba(80, 39, 80, 1) 0%, rgba(53, 26, 58, 1) 100%);--control-active-shadow: inset 0 2px 6px rgba(0, 0, 0, .24), 0 0 0 1px rgba(255, 141, 74, .18);--control-active-transform: translateY(1px);--control-quiet-bg: linear-gradient(180deg, rgba(255, 237, 217, .1) 0%, rgba(255, 82, 148, .03) 100%), rgba(72, 37, 72, .72);--control-quiet-color: rgba(235, 205, 190, .88);--control-quiet-border-width: 1px;--control-quiet-border-color: rgba(233, 175, 107, .14);--control-quiet-shadow: inset 0 1px 0 rgba(255, 241, 223, .06), 0 4px 10px rgba(12, 4, 16, .1);--control-quiet-active-bg: linear-gradient(180deg, rgba(255, 237, 217, .08) 0%, rgba(255, 82, 148, .04) 100%), rgba(58, 30, 61, .86);--control-quiet-active-shadow: inset 0 2px 5px rgba(0, 0, 0, .18);--control-selected-bg: linear-gradient(180deg, rgba(255, 234, 201, .24) 0%, rgba(255, 82, 148, .1) 100%), linear-gradient(180deg, rgba(138, 62, 111, 1) 0%, rgba(97, 38, 84, 1) 100%);--control-selected-color: rgba(255, 241, 223, 1);--control-selected-border-width: 1px;--control-selected-border-color: rgba(255, 191, 125, .48);--control-selected-shadow: var(--shadow-active-item);--control-quiet-selected-bg: linear-gradient(180deg, rgba(255, 223, 180, .16) 0%, rgba(255, 82, 148, .08) 100%), linear-gradient(180deg, rgba(112, 51, 94, .98) 0%, rgba(77, 33, 71, 1) 100%);--control-quiet-selected-color: rgba(255, 235, 211, 1);--control-quiet-selected-border-width: 1px;--control-quiet-selected-border-color: rgba(255, 191, 125, .4);--control-quiet-selected-shadow: inset 0 1px 0 rgba(255, 236, 212, .12), 0 0 0 1px rgba(255, 82, 148, .14), 0 0 14px rgba(255, 141, 74, .08);--action-outline-bg: var(--control-quiet-bg);--action-outline-color: var(--control-quiet-color);--action-outline-border-width: var(--control-quiet-border-width);--action-outline-border-color: var(--control-quiet-border-color);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: var(--control-quiet-active-bg);--action-outline-active-shadow: var(--control-quiet-active-shadow);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-width: var(--control-quiet-selected-border-width);--action-outline-selected-border-color: var(--control-quiet-selected-border-color);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--action-ghost-selected-bg: var(--control-quiet-selected-bg);--action-ghost-selected-color: var(--control-quiet-selected-color);--action-ghost-selected-border-width: var(--control-quiet-selected-border-width);--action-ghost-selected-border-color: var(--control-quiet-selected-border-color);--action-ghost-selected-shadow: var(--control-quiet-selected-shadow);--meter-block-radius: 6px;--meter-block-bg: linear-gradient(180deg, rgba(67, 37, 68, .88) 0%, rgba(41, 20, 45, .92) 100%);--meter-block-empty: linear-gradient(180deg, rgba(67, 37, 68, .88) 0%, rgba(41, 20, 45, .92) 100%);--meter-block-empty-active: linear-gradient(180deg, rgba(183, 92, 132, .78) 0%, rgba(120, 55, 92, .88) 58%, rgba(77, 34, 67, .94) 100%);--meter-block-border: 1px solid rgba(255, 191, 125, .14);--meter-block-accent: linear-gradient(180deg, rgba(255, 242, 198, 1) 0%, rgba(255, 182, 102, 1) 34%, rgba(255, 118, 123, .98) 68%, rgba(255, 82, 148, 1) 100%);--meter-block-accent-dim: linear-gradient(180deg, rgba(180, 94, 78, .82) 0%, rgba(125, 52, 82, .92) 54%, rgba(79, 32, 65, .98) 100%);--meter-block-shadow: inset 0 1px 0 rgba(255, 240, 225, .03), inset 0 -1px 0 rgba(0, 0, 0, .34);--meter-block-shadow-filled: inset 0 1px 0 rgba(255, 223, 182, .08), 0 0 8px rgba(255, 82, 148, .05);--meter-block-shadow-active: inset 0 1px 0 rgba(255, 239, 206, .2), 0 0 0 1px rgba(255, 205, 136, .42), 0 0 22px rgba(255, 82, 148, .24);--meter-label-color: rgba(224, 193, 177, .84);--meter-controls-bg: linear-gradient(180deg, rgba(255, 237, 217, .12) 0%, rgba(255, 82, 148, .03) 100%), rgba(72, 37, 72, .78);--meter-controls-border: 1px solid rgba(233, 175, 107, .14);--meter-controls-shadow: inset 0 1px 0 rgba(255, 240, 225, .06), 0 6px 14px rgba(12, 4, 16, .1);--meter-value-color: rgba(239, 214, 198, .78);--meter-value-active-color: var(--disco-copper);--switch-track-bg: linear-gradient(180deg, rgba(71, 39, 72, 1) 0%, rgba(45, 22, 50, 1) 100%);--switch-track-border-width: 1px;--switch-track-border-color: rgba(233, 175, 107, .16);--switch-track-shadow: inset 0 1px 3px rgba(0, 0, 0, .36), 0 1px 0 rgba(255, 240, 225, .04);--switch-track-selected-bg: linear-gradient(180deg, rgba(222, 114, 82, 1) 0%, rgba(176, 67, 94, 1) 100%);--switch-track-selected-border-color: rgba(255, 197, 93, .28);--switch-track-selected-shadow: inset 0 1px 0 rgba(255, 225, 185, .1), 0 0 0 1px rgba(255, 82, 148, .08);--switch-thumb-bg: linear-gradient(180deg, rgba(255, 249, 241, 1) 0%, rgba(231, 198, 206, 1) 100%);--switch-thumb-border-color: rgba(210, 162, 148, .34);--switch-thumb-shadow: 0 2px 5px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .42);--switch-thumb-selected-bg: linear-gradient(180deg, rgba(255, 238, 204, 1) 0%, rgba(255, 163, 117, 1) 100%);--switch-thumb-selected-border-color: rgba(192, 98, 79, .4);--switch-thumb-selected-shadow: 0 2px 5px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 247, 220, .46);--control-handle-bg: var(--switch-thumb-bg);--control-handle-border-width: 1px;--control-handle-border-color: var(--switch-thumb-border-color);--control-handle-shadow: var(--switch-thumb-shadow);--control-handle-selected-bg: var(--switch-thumb-selected-bg);--control-handle-selected-border-width: 1px;--control-handle-selected-border-color: var(--switch-thumb-selected-border-color);--control-handle-selected-shadow: var(--switch-thumb-selected-shadow);--control-handle-accent-bg: linear-gradient(180deg, rgba(255, 236, 200, 1) 0%, rgba(255, 173, 118, 1) 46%, rgba(255, 91, 150, .92) 100%);--control-handle-accent-border-width: 1px;--control-handle-accent-border-color: rgba(255, 197, 93, .3);--control-handle-accent-shadow: 0 2px 6px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 242, 209, .3);--range-track-bg: linear-gradient(180deg, rgba(69, 38, 69, 1) 0%, rgba(45, 22, 50, 1) 100%);--range-track-border-width: 1px;--range-track-border-color: rgba(233, 175, 107, .16);--range-track-shadow: inset 0 1px 4px rgba(0, 0, 0, .34), 0 1px 0 rgba(255, 240, 225, .04);--range-progress-bg: linear-gradient(90deg, rgba(255, 197, 93, 1) 0%, rgba(255, 141, 74, 1) 48%, rgba(255, 82, 148, 1) 100%);--range-thumb-bg: var(--control-handle-accent-bg);--range-thumb-border-width: 1px;--range-thumb-border-color: var(--control-handle-accent-border-color);--range-thumb-shadow: var(--control-handle-accent-shadow);--range-focus-ring: rgba(255, 141, 74, .26);--select-dot-color: var(--disco-copper);--select-dot-shadow: 0 0 6px rgba(255, 197, 93, .16);--app-title-icon-color: var(--disco-copper)}.theme-e-ink{--ink-paper: rgba(247, 246, 240, 1);--ink-panel: rgba(253, 252, 249, 1);--ink-panel-ghost: rgba(242, 241, 238, 1);--ink-muted: rgba(236, 235, 232, 1);--ink-black: rgba(33, 31, 26, 1);--ink-edge: rgba(129, 128, 124, 1);--ink-faded: rgba(86, 85, 82, 1);--ink-dim: rgba(184, 183, 180, 1);--ink-ghost: rgba(206, 206, 203, .7);--ink-dither-soft: repeating-linear-gradient( to bottom, rgba(247, 246, 240, 1) 0, rgba(247, 246, 240, 1) 3px, rgba(232, 231, 227, .82) 3px, rgba(232, 231, 227, .82) 4px );--ink-dither-mid: repeating-linear-gradient( to bottom, rgba(210, 209, 205, 1) 0, rgba(210, 209, 205, 1) 2px, rgba(236, 235, 232, 1) 2px, rgba(236, 235, 232, 1) 3px );--bg-primary: var(--ink-paper);--bg-surface: var(--ink-panel);--bg-elevated: var(--ink-panel);--bg-overlay: rgba(247, 246, 240, .92);--fill-subtle: var(--ink-panel);--fill-muted: var(--ink-panel-ghost);--fill-active: var(--ink-black);--border-subtle: var(--ink-ghost);--border-base: var(--ink-edge);--border-active: var(--ink-black);--radius-panel: 4px;--radius-modal: 6px;--radius-control: 3px;--radius-pill: 999px;--radius-full: 999px;--text-primary: var(--ink-black);--text-secondary: var(--ink-faded);--text-muted: var(--ink-edge);--text-inverse: var(--ink-panel);--accent-primary: var(--ink-black);--accent-primary-muted: var(--ink-dim);--accent-warning: var(--ink-black);--accent-danger: var(--ink-black);--accent-success: var(--ink-black);--shadow-sm: none;--shadow-panel: none;--shadow-modal: 0 6px 18px rgba(33, 31, 26, .08);--shadow-active-item: inset 0 0 0 1px var(--border-active);--shadow-glow-primary: none;--shadow-glow-warning: none;--shadow-glow-danger: none;--shadow-glow-elevated: none;--shadow-glow: none;--overlay-blur: 0px;--overlay-sheen: none;--opacity-btn-hover: 1;--opacity-btn-active: .72;--opacity-disabled: .36;--transition-base: opacity .12s ease-out, background-color .12s ease-out, border-color .12s ease-out, color .12s ease-out;--transition-fast: opacity .08s ease-out, background-color .08s ease-out, border-color .08s ease-out, color .08s ease-out;--ui-chrome-letter-spacing: .08em;--ui-chrome-title-letter-spacing: .12em;--app-title-icon-color: var(--ink-faded);--app-bg-gradient: repeating-linear-gradient( to bottom, transparent 0, transparent 11px, rgba(184, 183, 180, .06) 11px, rgba(184, 183, 180, .06) 12px ), linear-gradient(180deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, 0) 18%), linear-gradient(180deg, var(--ink-paper) 0%, rgba(241, 240, 235, 1) 100%);--surface-panel-bg: var(--ink-panel);--surface-panel-border: 1px solid var(--border-base);--surface-panel-shadow: none;--surface-floating-bg: var(--ink-panel);--surface-floating-border: 1px solid var(--border-base);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: none;--field-bg: var(--ink-panel);--field-border: 1px solid var(--border-base);--field-border-width: 1px;--field-color: var(--ink-black);--field-shadow: none;--field-focus-border: var(--ink-black);--field-focus-bg: var(--ink-panel-ghost);--control-bg: var(--ink-panel);--control-color: var(--ink-black);--control-border-width: 1px;--control-border-color: var(--border-base);--control-shadow: none;--control-active-bg: var(--ink-muted);--control-active-shadow: none;--control-active-transform: none;--control-quiet-border-width: 1px;--control-quiet-shadow: none;--control-quiet-active-bg: var(--ink-panel-ghost);--control-quiet-active-shadow: none;--control-quiet-selected-bg: var(--ink-muted);--control-quiet-selected-color: var(--ink-black);--control-quiet-selected-border-width: 1px;--control-quiet-selected-border-color: var(--ink-black);--control-quiet-selected-shadow: inset 0 0 0 1px var(--ink-black);--action-outline-bg: var(--ink-panel);--action-outline-color: var(--ink-faded);--action-outline-border-color: var(--ink-edge);--action-outline-active-bg: var(--ink-muted);--action-outline-selected-bg: var(--ink-muted);--action-outline-selected-color: var(--ink-black);--action-outline-selected-border-width: 1px;--action-outline-selected-border-color: var(--ink-black);--action-outline-selected-shadow: inset 0 0 0 1px var(--ink-black);--action-ghost-selected-bg: var(--ink-panel-ghost);--action-ghost-selected-color: var(--ink-black);--action-ghost-selected-border-width: 1px;--action-ghost-selected-border-color: var(--ink-black);--action-ghost-selected-shadow: none;--control-selected-bg: var(--ink-black);--control-selected-color: var(--ink-panel);--control-selected-border-color: var(--ink-black);--control-selected-shadow: none;--readout-label-color: var(--ink-faded);--readout-value-color: var(--ink-black);--readout-wheel-bg: var(--ink-panel);--readout-wheel-border: 1px solid var(--border-base);--readout-wheel-shadow: none;--readout-wheel-active-shadow: inset 0 0 0 1px var(--ink-black);--readout-wheel-line: var(--ink-black);--readout-wheel-line-glow: transparent;--readout-wheel-tick: rgba(86, 85, 82, .44);--readout-blur-visibility: hidden;--readout-input-color: var(--ink-black);--readout-input-caret-color: var(--ink-black);--readout-input-selection: var(--ink-muted);--readout-input-border: none;--readout-controls-color: var(--ink-faded);--meter-block-bg: var(--ink-panel);--meter-block-border: 1px solid var(--border-subtle);--meter-block-shadow: none;--meter-block-shadow-filled: none;--meter-block-empty: var(--ink-panel);--meter-block-empty-active: var(--ink-dither-soft);--meter-block-accent: var(--ink-black);--meter-block-accent-dim: var(--ink-dither-mid);--meter-label-color: var(--ink-edge);--meter-controls-bg: var(--ink-panel-ghost);--meter-controls-border: 1px solid var(--border-base);--meter-controls-shadow: none;--meter-value-color: var(--ink-faded);--meter-value-active-color: var(--ink-black);--control-handle-bg: var(--ink-panel);--control-handle-border-width: 1px;--control-handle-border-color: var(--border-base);--control-handle-shadow: none;--control-handle-selected-bg: var(--ink-panel);--control-handle-selected-border-width: 1px;--control-handle-selected-border-color: var(--border-base);--control-handle-selected-shadow: none;--control-handle-accent-bg: var(--ink-black);--control-handle-accent-border-width: 1px;--control-handle-accent-border-color: var(--ink-panel);--control-handle-accent-shadow: none;--switch-track-bg: var(--ink-panel-ghost);--switch-track-border-width: 1px;--switch-track-border-color: var(--ink-edge);--switch-track-shadow: none;--switch-track-selected-bg: var(--ink-black);--switch-track-selected-border-color: var(--ink-black);--switch-track-selected-shadow: inset 0 0 0 1px var(--ink-black);--switch-thumb-bg: var(--ink-panel);--switch-thumb-border-width: 1px;--switch-thumb-border-color: var(--ink-edge);--switch-thumb-shadow: none;--switch-thumb-selected-bg: var(--ink-panel);--switch-thumb-selected-border-color: var(--ink-panel);--switch-thumb-selected-shadow: none;--range-track-bg: var(--ink-muted);--range-track-border-width: 1px;--range-track-border-color: var(--border-base);--range-track-shadow: none;--range-progress-bg: var(--ink-black);--range-thumb-bg: var(--ink-black);--range-thumb-border-width: 1px;--range-thumb-border-color: var(--ink-panel);--range-thumb-shadow: none;--select-dropdown-title-color: var(--ink-edge);--select-scrollbar-color: var(--ink-edge);--select-option-radius: 3px;--select-option-color: var(--ink-black);--select-dot-color: var(--ink-black);--select-dot-shadow: none}.theme-kids{--kids-paper: rgba(252, 245, 229, 1);--kids-card: rgba(255, 252, 247, 1);--kids-ink: rgba(87, 79, 128, 1);--kids-ink-soft: rgba(118, 109, 166, 1);--kids-ink-muted: rgba(161, 152, 201, 1);--kids-lilac: rgba(123, 117, 255, 1);--kids-lilac-deep: rgba(101, 92, 221, 1);--kids-pink: rgba(255, 137, 195, 1);--kids-coral: rgba(255, 160, 132, 1);--kids-yellow: rgba(255, 209, 94, 1);--kids-aqua: rgba(58, 217, 213, 1);--kids-shadow: rgba(114, 101, 196, .18);--bg-primary: var(--kids-paper);--bg-surface: var(--kids-card);--bg-elevated: rgba(255, 255, 255, .96);--bg-overlay: rgba(88, 74, 146, .42);--fill-subtle: rgba(255, 249, 240, 1);--fill-muted: rgba(255, 236, 212, 1);--fill-active: rgba(255, 216, 169, 1);--border-subtle: rgba(185, 177, 235, .72);--border-base: rgba(121, 111, 214, .9);--border-active: rgba(255, 160, 132, .96);--radius-panel: 26px;--radius-modal: 32px;--radius-control: 16px;--radius-pill: 9999px;--radius-badge: 14px;--text-primary: var(--kids-ink);--text-secondary: var(--kids-ink-soft);--text-muted: var(--kids-ink-muted);--text-inverse: rgba(255, 255, 255, 1);--font-app-sans: "Nunito", "Comic Sans MS", "Quicksand", var(--font-sans);--font-app-mono: "Nunito", "Comic Sans MS", "Quicksand", var(--font-mono);--font-display: "Nunito", "Comic Sans MS", "Quicksand", var(--font-sans);--type-readout-ff: "Nunito", "Comic Sans MS", "Quicksand", var(--font-sans);--type-readout-fw: 900;--type-readout-letter-spacing: -.045em;--accent-primary: var(--kids-lilac);--accent-primary-muted: rgba(192, 186, 255, 1);--accent-warning: var(--kids-yellow);--accent-danger: var(--kids-pink);--accent-success: var(--kids-aqua);--shadow-sm: 0 3px 0 0 var(--kids-shadow);--shadow-panel: 0 8px 0 0 rgba(255, 219, 132, .34), 0 18px 28px rgba(114, 101, 196, .12);--shadow-modal: 0 10px 0 0 rgba(255, 219, 132, .34), 0 24px 36px rgba(114, 101, 196, .14);--shadow-active-item: 0 0 0 4px rgba(255, 160, 132, .22);--shadow-glow-primary: 0 0 0 4px rgba(123, 117, 255, .18);--shadow-glow-warning: 0 0 0 4px rgba(255, 209, 94, .22);--shadow-glow-danger: 0 0 0 4px rgba(255, 137, 195, .2);--shadow-glow-elevated: var(--shadow-panel);--shadow-glow: var(--shadow-glow-primary);--overlay-blur: 0px;--overlay-sheen: none;--modal-shell-overlay-blur: 10px;--opacity-btn-hover: .96;--opacity-btn-active: 1;--opacity-disabled: .5;--transition-base: transform .28s cubic-bezier(.34, 1.56, .64, 1), opacity .28s cubic-bezier(.34, 1.56, .64, 1), filter .28s cubic-bezier(.34, 1.56, .64, 1), box-shadow .28s cubic-bezier(.34, 1.56, .64, 1), background-color .28s cubic-bezier(.34, 1.56, .64, 1), border-color .28s cubic-bezier(.34, 1.56, .64, 1), color .28s cubic-bezier(.34, 1.56, .64, 1);--transition-fast: transform .16s cubic-bezier(.34, 1.56, .64, 1), opacity .16s cubic-bezier(.34, 1.56, .64, 1), filter .16s cubic-bezier(.34, 1.56, .64, 1), box-shadow .16s cubic-bezier(.34, 1.56, .64, 1), background-color .16s cubic-bezier(.34, 1.56, .64, 1), border-color .16s cubic-bezier(.34, 1.56, .64, 1), color .16s cubic-bezier(.34, 1.56, .64, 1);--ui-chrome-fw: 800;--ui-chrome-transform: none;--ui-chrome-letter-spacing: .025em;--ui-chrome-title-letter-spacing: .05em;--control-focus-ring: rgba(255, 160, 132, .72);--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-bg-gradient: radial-gradient(circle, rgba(255, 176, 194, .5) 0, rgba(255, 176, 194, .5) 2px, transparent 2.5px) 0 0 / 28px 28px repeat, radial-gradient(circle, rgba(160, 223, 255, .58) 0, rgba(160, 223, 255, .58) 2px, transparent 2.5px) 14px 14px / 28px 28px repeat, linear-gradient(180deg, rgba(255, 255, 255, .26) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, rgba(255, 246, 232, 0) 0%, rgba(255, 232, 203, .32) 100%);--app-title-icon-color: var(--kids-pink);--surface-panel-bg: linear-gradient(180deg, rgba(255, 249, 239, .96) 0%, rgba(246, 235, 210, .96) 100%);--surface-panel-border: 2px solid var(--border-base);--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 245, 233, .98) 100%);--surface-floating-border: 2px solid var(--border-base);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);--surface-floating-sheen: linear-gradient(180deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, 0) 100%);--control-bg: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 245, 233, 1) 100%);--control-color: var(--text-primary);--control-border-width: 2px;--control-border-color: var(--border-base);--control-shadow: 0 4px 0 0 var(--kids-shadow);--control-active-bg: linear-gradient(180deg, rgba(255, 239, 221, 1) 0%, rgba(255, 228, 198, 1) 100%);--control-active-shadow: 0 1px 0 0 var(--kids-shadow);--control-active-transform: translateY(3px);--control-quiet-bg: rgba(255, 255, 255, .88);--control-quiet-color: var(--text-secondary);--control-quiet-border-width: 2px;--control-quiet-border-color: rgba(121, 111, 214, .24);--control-quiet-shadow: 0 3px 0 0 rgba(114, 101, 196, .12);--control-quiet-active-bg: rgba(255, 245, 233, .96);--control-quiet-active-shadow: 0 1px 0 0 rgba(114, 101, 196, .12);--control-selected-bg: linear-gradient(180deg, rgba(255, 226, 193, 1) 0%, rgba(255, 207, 161, 1) 100%);--control-selected-color: var(--kids-lilac-deep);--control-selected-border-width: 2px;--control-selected-border-color: var(--border-active);--control-selected-shadow: 0 4px 0 0 rgba(255, 189, 90, .26);--control-quiet-selected-bg: var(--control-selected-bg);--control-quiet-selected-color: var(--control-selected-color);--control-quiet-selected-border-width: 2px;--control-quiet-selected-border-color: var(--border-active);--control-quiet-selected-shadow: var(--control-selected-shadow);--action-solid-bg: var(--control-bg);--action-solid-color: var(--control-color);--action-solid-border-width: 2px;--action-solid-border-color: var(--control-border-color);--action-solid-shadow: var(--control-shadow);--action-solid-active-bg: var(--control-active-bg);--action-solid-active-shadow: var(--control-active-shadow);--action-solid-selected-bg: var(--control-selected-bg);--action-solid-selected-color: var(--control-selected-color);--action-solid-selected-border-width: 2px;--action-solid-selected-border-color: var(--control-selected-border-color);--action-solid-selected-shadow: var(--control-selected-shadow);--action-outline-bg: rgba(255, 255, 255, .94);--action-outline-color: var(--text-secondary);--action-outline-border-width: 2px;--action-outline-border-color: var(--border-base);--action-outline-shadow: 0 4px 0 0 rgba(114, 101, 196, .14);--action-outline-active-bg: rgba(255, 245, 233, 1);--action-outline-active-shadow: 0 1px 0 0 rgba(114, 101, 196, .14);--action-outline-selected-bg: var(--control-selected-bg);--action-outline-selected-color: var(--control-selected-color);--action-outline-selected-border-width: 2px;--action-outline-selected-border-color: var(--control-selected-border-color);--action-outline-selected-shadow: var(--control-selected-shadow);--action-ghost-selected-bg: rgba(255, 232, 212, .92);--action-ghost-selected-color: var(--kids-lilac-deep);--action-ghost-selected-border-width: 2px;--action-ghost-selected-border-color: rgba(255, 160, 132, .72);--action-ghost-selected-shadow: 0 2px 0 0 rgba(255, 189, 90, .2);--field-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 248, 240, .98) 100%);--field-border: 2px solid var(--border-base);--field-border-width: 2px;--field-border-color: var(--border-base);--field-color: var(--text-primary);--field-shadow: 0 3px 0 0 rgba(114, 101, 196, .12);--field-focus-border: var(--border-active);--field-focus-bg: rgba(255, 252, 247, 1);--readout-label-color: var(--kids-lilac-deep);--readout-value-size-mobile: 6.5rem;--readout-value-size-desktop: 11rem;--readout-value-weight: 900;--readout-value-letter-spacing: -.05em;--readout-value-color: transparent;--readout-value-gradient: linear-gradient(180deg, rgba(255, 174, 150, 1) 0%, rgba(255, 211, 104, 1) 55%, rgba(255, 151, 189, 1) 100%);--readout-value-shadow: 2px 2px 0 rgba(101, 92, 221, .48), 5px 5px 0 rgba(255, 209, 94, .45);--readout-blur-color: rgba(255, 214, 124, .7);--readout-blur-visibility: hidden;--readout-input-color: var(--kids-lilac-deep);--readout-input-caret-color: var(--kids-coral);--readout-input-selection: rgba(255, 205, 157, .52);--readout-controls-color: var(--text-secondary);--readout-wheel-bg: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 244, 228, 1) 100%);--readout-wheel-border: 2px solid var(--border-base);--readout-wheel-shadow: 0 3px 0 0 rgba(114, 101, 196, .18);--readout-wheel-active-shadow: 0 0 0 4px rgba(255, 160, 132, .2), 0 3px 0 0 rgba(114, 101, 196, .18);--readout-wheel-line: var(--kids-coral);--readout-wheel-line-glow: transparent;--readout-wheel-tick: rgba(180, 170, 228, .92);--control-handle-bg: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(247, 240, 255, 1) 100%);--control-handle-border-width: 2px;--control-handle-border-color: var(--border-base);--control-handle-shadow: 0 3px 0 0 rgba(114, 101, 196, .18);--control-handle-selected-bg: rgba(255, 255, 255, 1);--control-handle-selected-border-width: 2px;--control-handle-selected-border-color: var(--border-active);--control-handle-selected-shadow: 0 3px 0 0 rgba(255, 189, 90, .24);--control-handle-accent-bg: linear-gradient(180deg, rgba(255, 221, 143, 1) 0%, rgba(255, 171, 132, 1) 100%);--control-handle-accent-border-width: 2px;--control-handle-accent-border-color: var(--border-base);--control-handle-accent-shadow: 0 3px 0 0 rgba(255, 189, 90, .28);--switch-track-bg: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(252, 245, 255, 1) 100%);--switch-track-radius: 9999px;--switch-track-border-width: 2px;--switch-track-border-color: var(--border-base);--switch-track-shadow: 0 3px 0 0 rgba(114, 101, 196, .16);--switch-track-selected-bg: linear-gradient(180deg, rgba(255, 223, 170, 1) 0%, rgba(255, 184, 139, 1) 100%);--switch-track-selected-border-color: var(--border-active);--switch-track-selected-shadow: 0 3px 0 0 rgba(255, 189, 90, .26);--switch-thumb-bg: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(245, 239, 255, 1) 100%);--switch-thumb-radius: 9999px;--switch-thumb-border-width: 2px;--switch-thumb-border-color: var(--border-base);--switch-thumb-shadow: 0 3px 0 0 rgba(114, 101, 196, .18);--switch-thumb-selected-bg: linear-gradient(180deg, rgba(177, 244, 239, 1) 0%, rgba(58, 217, 213, 1) 100%);--switch-thumb-selected-border-color: var(--border-base);--switch-thumb-selected-shadow: 0 3px 0 0 rgba(58, 217, 213, .24);--meter-block-radius: 14px;--meter-block-bg: linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(244, 236, 219, .94) 100%);--meter-block-empty: linear-gradient(180deg, rgba(240, 253, 250, .96) 0%, rgba(218, 244, 238, .96) 100%);--meter-block-empty-active: linear-gradient(180deg, rgba(255, 230, 171, 1) 0%, rgba(255, 184, 128, 1) 100%);--meter-block-border: 2px solid rgba(121, 111, 214, .18);--meter-block-shadow: 0 3px 0 0 rgba(114, 101, 196, .1);--meter-block-shadow-filled: 0 3px 0 0 rgba(58, 217, 213, .18);--meter-block-shadow-active: 0 3px 0 0 rgba(255, 160, 132, .24), 0 0 0 3px rgba(255, 160, 132, .16);--meter-block-accent: linear-gradient(180deg, rgba(90, 232, 226, 1) 0%, rgba(6, 180, 196, 1) 100%);--meter-block-accent-dim: linear-gradient(180deg, rgba(208, 247, 243, 1) 0%, rgba(150, 231, 225, 1) 100%);--meter-label-color: var(--text-secondary);--meter-controls-bg: rgba(255, 255, 255, .84);--meter-controls-border: 2px solid rgba(121, 111, 214, .22);--meter-controls-shadow: 0 3px 0 0 rgba(114, 101, 196, .1);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--kids-coral);--range-track-bg: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(247, 239, 230, 1) 100%);--range-track-border-width: 2px;--range-track-border-color: rgba(121, 111, 214, .5);--range-track-shadow: 0 2px 0 0 rgba(114, 101, 196, .12);--range-track-height: 10px;--range-progress-bg: linear-gradient(90deg, rgba(255, 171, 132, 1) 0%, rgba(255, 210, 94, 1) 100%);--range-thumb-size: 20px;--range-thumb-bg: var(--control-handle-accent-bg);--range-thumb-radius: 9999px;--range-thumb-border-width: 2px;--range-thumb-border-color: var(--border-base);--range-thumb-shadow: var(--control-handle-accent-shadow);--range-focus-ring: rgba(255, 160, 132, .5);--select-label-ff: var(--font-display);--select-label-fw: 800;--select-label-transform: none;--select-label-letter-spacing: .02em;--select-dropdown-title-ff: var(--font-display);--select-dropdown-title-fw: 700;--select-dropdown-title-transform: none;--select-dropdown-title-letter-spacing: .04em;--select-dropdown-title-color: var(--text-secondary);--select-scrollbar-color: rgba(121, 111, 214, .48);--select-option-radius: 12px;--select-option-color: var(--text-primary);--select-option-ff: var(--font-app-sans);--select-option-fw: 700;--select-option-transform: none;--select-option-letter-spacing: .01em;--select-dot-color: var(--kids-coral);--select-dot-shadow: none}.theme-mechanical{--mech-iron-950: rgba(16, 13, 11, 1);--mech-iron-900: rgba(24, 20, 17, 1);--mech-iron-850: rgba(34, 29, 25, 1);--mech-iron-800: rgba(45, 39, 34, 1);--mech-iron-750: rgba(58, 51, 45, 1);--mech-iron-700: rgba(77, 70, 63, 1);--mech-iron-650: rgba(101, 93, 84, 1);--mech-steel-250: rgba(225, 219, 210, 1);--mech-steel-300: rgba(197, 189, 177, 1);--mech-steel-400: rgba(157, 145, 130, 1);--mech-steel-500: rgba(123, 112, 100, 1);--mech-brass-250: rgba(248, 225, 179, 1);--mech-brass-350: rgba(225, 181, 98, 1);--mech-brass-450: rgba(184, 130, 43, 1);--mech-brass-550: rgba(128, 83, 20, 1);--mech-rust: rgba(187, 83, 44, 1);--mech-oxide: rgba(146, 47, 55, 1);--mech-patina: rgba(89, 143, 108, 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: var(--mech-iron-900);--bg-surface: var(--mech-iron-850);--bg-elevated: var(--mech-iron-800);--bg-overlay: rgba(0, 0, 0, .88);--fill-subtle: var(--mech-iron-950);--fill-muted: var(--mech-iron-800);--fill-active: rgba(100, 67, 21, 1);--border-subtle: rgba(66, 60, 54, 1);--border-base: rgba(98, 90, 81, 1);--border-active: var(--mech-brass-350);--radius-panel: 2px;--radius-modal: 4px;--radius-control: 2px;--radius-pill: 2px;--text-primary: rgba(228, 223, 216, 1);--text-secondary: rgba(171, 163, 152, 1);--text-muted: rgba(110, 102, 94, 1);--text-inverse: rgba(24, 18, 12, 1);--font-app-sans: var(--font-mono);--font-app-mono: var(--font-mono);--accent-primary: var(--mech-brass-350);--accent-primary-muted: rgba(116, 82, 31, 1);--accent-warning: var(--mech-rust);--accent-danger: var(--mech-oxide);--accent-success: var(--mech-patina);--shadow-sm: inset 1px 1px 0 rgba(255, 255, 255, .08), inset -1px -1px 0 rgba(0, 0, 0, .64), 0 2px 4px rgba(0, 0, 0, .42);--shadow-panel: inset 1px 1px 0 rgba(255, 255, 255, .08), inset -1px -1px 0 rgba(0, 0, 0, .78), 0 10px 22px rgba(0, 0, 0, .58);--shadow-modal: inset 1px 1px 0 rgba(255, 255, 255, .1), inset -1px -1px 0 rgba(0, 0, 0, .82), 0 22px 42px rgba(0, 0, 0, .86);--shadow-active-item: inset 1px 1px 0 rgba(255, 244, 220, .08), inset -1px -1px 0 rgba(0, 0, 0, .78), inset 0 0 0 1px rgba(225, 181, 98, .34);--shadow-glow-primary: 0 0 0 1px rgba(225, 181, 98, .18);--shadow-glow-warning: 0 0 0 1px rgba(187, 83, 44, .22);--shadow-glow-danger: 0 0 0 1px rgba(146, 47, 55, .22);--shadow-glow-elevated: 0 12px 28px rgba(0, 0, 0, .62);--shadow-glow: var(--shadow-glow-primary);--overlay-blur: 0px;--overlay-sheen: linear-gradient( 180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .015) 32%, rgba(255, 255, 255, 0) 100% );--modal-shell-overlay-blur: 0px;--opacity-btn-hover: 1;--opacity-btn-active: 1;--opacity-disabled: .4;--transition-base: transform .1s ease-out, opacity .1s ease-out, filter .1s ease-out, box-shadow .1s ease-out, background-color .1s ease-out, border-color .1s ease-out, color .1s ease-out;--transition-fast: transform .05s ease-out, opacity .05s ease-out, filter .05s ease-out, box-shadow .05s ease-out, background-color .05s ease-out, border-color .05s ease-out, color .05s ease-out;--ui-chrome-fw: 700;--ui-chrome-letter-spacing: .14em;--ui-chrome-title-letter-spacing: .2em;--control-focus-ring: rgba(225, 181, 98, .62);--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-bg-gradient: radial-gradient(circle at 50% -10%, rgba(184, 130, 43, .16) 0%, transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, transparent 18%), repeating-linear-gradient( 135deg, rgba(255, 255, 255, .018) 0px, rgba(255, 255, 255, .018) 2px, transparent 2px, transparent 8px ), linear-gradient(180deg, rgba(49, 43, 38, 1) 0%, rgba(14, 11, 9, 1) 100%);--app-title-icon-color: var(--mech-brass-350);--surface-panel-bg: linear-gradient( 180deg, rgba(70, 61, 54, .94) 0%, rgba(42, 36, 32, .98) 48%, rgba(22, 18, 15, .98) 100% );--surface-panel-border: 1px solid var(--border-base);--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: linear-gradient( 180deg, rgba(76, 67, 59, .98) 0%, rgba(47, 40, 35, .98) 42%, rgba(24, 19, 16, .99) 100% );--surface-floating-border: 1px solid rgba(115, 105, 94, 1);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: inset 1px 1px 0 rgba(255, 255, 255, .06), inset -1px -1px 0 rgba(0, 0, 0, .6);--surface-floating-sheen: var(--overlay-sheen);--control-bg: linear-gradient( 180deg, rgba(69, 61, 54, 1) 0%, rgba(49, 42, 37, 1) 46%, rgba(29, 24, 21, 1) 100% );--control-color: var(--text-primary);--control-border-width: 1px;--control-border-color: var(--border-base);--control-shadow: var(--shadow-sm);--control-active-bg: linear-gradient( 180deg, rgba(26, 21, 18, 1) 0%, rgba(33, 28, 24, 1) 44%, rgba(22, 18, 15, 1) 100% );--control-active-shadow: inset 1px 1px 0 rgba(255, 255, 255, .03), inset -1px -1px 0 rgba(0, 0, 0, .76), inset 0 2px 6px rgba(0, 0, 0, .52);--control-active-transform: translateY(1px);--control-quiet-bg: linear-gradient( 180deg, rgba(71, 63, 56, .72) 0%, rgba(42, 35, 31, .72) 42%, rgba(24, 20, 17, .76) 100% );--control-quiet-color: var(--text-secondary);--control-quiet-border-width: 1px;--control-quiet-border-color: rgba(95, 87, 78, .9);--control-quiet-shadow: inset 1px 1px 0 rgba(255, 255, 255, .05), inset -1px -1px 0 rgba(0, 0, 0, .56), 0 1px 3px rgba(0, 0, 0, .28);--control-quiet-active-bg: linear-gradient( 180deg, rgba(37, 31, 27, .9) 0%, rgba(23, 19, 16, .94) 100% );--control-quiet-active-shadow: inset 1px 1px 0 rgba(255, 255, 255, .03), inset -1px -1px 0 rgba(0, 0, 0, .72);--control-selected-bg: linear-gradient( 180deg, rgba(122, 87, 31, 1) 0%, rgba(93, 63, 20, 1) 46%, rgba(58, 37, 10, 1) 100% );--control-selected-color: rgba(242, 234, 219, 1);--control-selected-border-width: 1px;--control-selected-border-color: rgba(235, 198, 123, .94);--control-selected-shadow: inset 1px 1px 0 rgba(255, 242, 211, .12), inset -1px -1px 0 rgba(45, 24, 0, .42), 0 0 0 1px rgba(225, 181, 98, .22);--control-quiet-selected-bg: linear-gradient( 180deg, rgba(82, 61, 27, .96) 0%, rgba(57, 40, 14, .98) 100% );--control-quiet-selected-color: var(--mech-brass-250);--control-quiet-selected-border-width: 1px;--control-quiet-selected-border-color: rgba(225, 181, 98, .82);--control-quiet-selected-shadow: inset 1px 1px 0 rgba(255, 242, 211, .08), inset -1px -1px 0 rgba(0, 0, 0, .65);--action-solid-bg: var(--control-bg);--action-solid-color: var(--control-color);--action-solid-border-width: var(--control-border-width);--action-solid-border-color: var(--control-border-color);--action-solid-shadow: var(--control-shadow);--action-solid-active-bg: var(--control-active-bg);--action-solid-active-shadow: var(--control-active-shadow);--action-solid-selected-bg: var(--control-selected-bg);--action-solid-selected-color: var(--control-selected-color);--action-solid-selected-border-width: var(--control-selected-border-width);--action-solid-selected-border-color: var(--control-selected-border-color);--action-solid-selected-shadow: var(--control-selected-shadow);--action-outline-bg: var(--control-quiet-bg);--action-outline-color: var(--control-quiet-color);--action-outline-border-width: var(--control-quiet-border-width);--action-outline-border-color: var(--control-quiet-border-color);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: var(--control-quiet-active-bg);--action-outline-active-shadow: var(--control-quiet-active-shadow);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-width: var(--control-quiet-selected-border-width);--action-outline-selected-border-color: var(--control-quiet-selected-border-color);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--action-ghost-selected-bg: var(--control-quiet-selected-bg);--action-ghost-selected-color: var(--control-quiet-selected-color);--action-ghost-selected-border-width: var(--control-quiet-selected-border-width);--action-ghost-selected-border-color: var(--control-quiet-selected-border-color);--action-ghost-selected-shadow: var(--control-quiet-selected-shadow);--field-bg: linear-gradient( 180deg, rgba(28, 23, 20, 1) 0%, rgba(18, 15, 13, 1) 100% );--field-border: 1px solid var(--border-base);--field-border-width: 1px;--field-border-color: var(--border-base);--field-color: var(--text-primary);--field-shadow: inset 1px 1px 0 rgba(255, 255, 255, .04), inset -1px -1px 0 rgba(0, 0, 0, .72), inset 0 3px 7px rgba(0, 0, 0, .45);--field-focus-border: rgba(235, 198, 123, .94);--field-focus-bg: linear-gradient( 180deg, rgba(35, 29, 25, 1) 0%, rgba(22, 18, 15, 1) 100% );--readout-label-color: var(--text-muted);--readout-value-webkit-bg-clip: text;--readout-value-bg-clip: text;--readout-value-color: transparent;--readout-value-gradient: linear-gradient( 180deg, rgba(244, 239, 229, 1) 0%, rgba(225, 181, 98, 1) 42%, rgba(128, 83, 20, 1) 100% );--readout-value-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .82));--readout-value-shadow: 0 1px 0 rgba(255, 245, 221, .12);--readout-blur-color: rgba(184, 130, 43, .42);--readout-blur-visibility: hidden;--readout-input-color: var(--mech-brass-250);--readout-input-caret-color: var(--mech-brass-350);--readout-input-selection: rgba(225, 181, 98, .28);--readout-controls-color: var(--text-secondary);--readout-wheel-bg: linear-gradient( 180deg, rgba(58, 51, 45, 1) 0%, rgba(34, 29, 25, 1) 46%, rgba(17, 14, 12, 1) 100% );--readout-wheel-border: 1px solid var(--border-base);--readout-wheel-shadow: inset 1px 1px 0 rgba(255, 255, 255, .08), inset -1px -1px 0 rgba(0, 0, 0, .74), inset 0 4px 10px rgba(0, 0, 0, .46);--readout-wheel-active-shadow: inset 1px 1px 0 rgba(255, 255, 255, .1), inset -1px -1px 0 rgba(0, 0, 0, .78), inset 0 5px 12px rgba(0, 0, 0, .58), 0 0 0 1px rgba(225, 181, 98, .28);--readout-wheel-line: var(--mech-brass-350);--readout-wheel-line-glow: transparent;--readout-wheel-tick: rgba(120, 111, 101, 1);--control-handle-bg: linear-gradient( 180deg, rgba(212, 206, 196, 1) 0%, rgba(169, 157, 143, 1) 54%, rgba(121, 110, 97, 1) 100% );--control-handle-border-width: 1px;--control-handle-border-color: rgba(229, 222, 210, .48);--control-handle-shadow: inset 1px 1px 0 rgba(255, 255, 255, .16), inset -1px -1px 0 rgba(0, 0, 0, .56), 0 2px 4px rgba(0, 0, 0, .5);--control-handle-selected-bg: linear-gradient( 180deg, rgba(233, 227, 216, 1) 0%, rgba(191, 179, 162, 1) 58%, rgba(137, 123, 108, 1) 100% );--control-handle-selected-border-width: 1px;--control-handle-selected-border-color: rgba(238, 199, 121, .54);--control-handle-selected-shadow: inset 1px 1px 0 rgba(255, 255, 255, .18), inset -1px -1px 0 rgba(0, 0, 0, .56), 0 2px 4px rgba(0, 0, 0, .52);--control-handle-accent-bg: linear-gradient( 180deg, rgba(248, 225, 179, 1) 0%, rgba(207, 156, 72, 1) 48%, rgba(128, 83, 20, 1) 100% );--control-handle-accent-border-width: 1px;--control-handle-accent-border-color: rgba(245, 216, 159, .58);--control-handle-accent-shadow: inset 1px 1px 0 rgba(255, 247, 229, .2), inset -1px -1px 0 rgba(79, 44, 0, .42), 0 2px 4px rgba(0, 0, 0, .52);--switch-track-bg: linear-gradient( 180deg, rgba(43, 37, 32, 1) 0%, rgba(23, 19, 16, 1) 100% );--switch-track-border-width: 1px;--switch-track-border-color: rgba(98, 90, 81, 1);--switch-track-shadow: inset 1px 1px 0 rgba(255, 255, 255, .03), inset -1px -1px 0 rgba(0, 0, 0, .74), inset 0 2px 5px rgba(0, 0, 0, .42);--switch-track-selected-bg: linear-gradient( 180deg, rgba(105, 75, 28, 1) 0%, rgba(65, 43, 12, 1) 100% );--switch-track-selected-border-color: rgba(225, 181, 98, .82);--switch-track-selected-shadow: inset 1px 1px 0 rgba(255, 242, 211, .08), inset -1px -1px 0 rgba(38, 22, 2, .48), 0 0 0 1px rgba(225, 181, 98, .18);--switch-thumb-bg: var(--control-handle-bg);--switch-thumb-border-width: 1px;--switch-thumb-border-color: var(--control-handle-border-color);--switch-thumb-shadow: var(--control-handle-shadow);--switch-thumb-selected-bg: var(--control-handle-selected-bg);--switch-thumb-selected-border-color: var(--control-handle-selected-border-color);--switch-thumb-selected-shadow: var(--control-handle-selected-shadow);--meter-block-radius: 2px;--meter-block-bg: rgba(19, 15, 12, 1);--meter-block-empty: rgba(19, 15, 12, 1);--meter-block-empty-active: rgba(59, 42, 18, 1);--meter-block-border: 1px solid rgba(74, 65, 57, 1);--meter-block-shadow: inset 1px 1px 0 rgba(255, 255, 255, .03), inset -1px -1px 0 rgba(0, 0, 0, .68), inset 0 2px 4px rgba(0, 0, 0, .4);--meter-block-accent: rgba(225, 181, 98, 1);--meter-block-accent-dim: rgba(148, 108, 46, 1);--meter-block-shadow-filled: inset 1px 1px 0 rgba(255, 242, 211, .08), inset -1px -1px 0 rgba(67, 41, 5, .3);--meter-block-shadow-active: inset 1px 1px 0 rgba(255, 246, 223, .12), inset -1px -1px 0 rgba(52, 30, 0, .34), 0 0 0 1px rgba(225, 181, 98, .2);--meter-label-color: var(--text-secondary);--meter-controls-bg: linear-gradient( 180deg, rgba(54, 47, 42, 1) 0%, rgba(30, 26, 22, 1) 100% );--meter-controls-radius: 2px;--meter-controls-border: 1px solid rgba(98, 90, 81, 1);--meter-controls-shadow: inset 1px 1px 0 rgba(255, 255, 255, .05), inset -1px -1px 0 rgba(0, 0, 0, .7);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--mech-brass-250);--range-track-bg: linear-gradient( 180deg, rgba(28, 23, 20, 1) 0%, rgba(16, 13, 11, 1) 100% );--range-track-border-width: 1px;--range-track-border-color: rgba(98, 90, 81, 1);--range-track-shadow: inset 1px 1px 0 rgba(255, 255, 255, .04), inset -1px -1px 0 rgba(0, 0, 0, .74), inset 0 3px 6px rgba(0, 0, 0, .38);--range-track-height: 10px;--range-progress-bg: linear-gradient( 90deg, rgba(128, 83, 20, 1) 0%, rgba(225, 181, 98, 1) 100% );--range-thumb-size: 18px;--range-thumb-bg: var(--control-handle-accent-bg);--range-thumb-radius: 2px;--range-thumb-border-width: 1px;--range-thumb-border-color: var(--control-handle-accent-border-color);--range-thumb-shadow: var(--control-handle-accent-shadow);--range-focus-ring: rgba(225, 181, 98, .48);--select-dropdown-title-color: var(--text-muted);--select-scrollbar-color: rgba(111, 101, 90, 1);--select-option-radius: var(--radius-modal);--select-option-color: var(--text-primary);--select-option-fw: 700;--select-option-transform: uppercase;--select-option-letter-spacing: .04em;--select-dot-color: var(--mech-brass-250);--select-dot-shadow: none}.theme-oled{--bg-primary: #000000;--bg-surface: #000000;--bg-elevated: #000000;--bg-overlay: rgba(0, 0, 0, .9);--fill-subtle: rgba(4, 8, 11, .84);--fill-muted: rgba(9, 14, 18, .94);--fill-active: #eafcff;--border-subtle: rgba(120, 160, 172, .12);--border-base: rgba(136, 187, 201, .22);--border-active: var(--accent-primary);--radius-panel: 12px;--radius-modal: 16px;--radius-control: 8px;--radius-pill: 9999px;--text-primary: #ffffff;--text-secondary: #a3bcc6;--text-muted: #5c7380;--text-inverse: #000000;--accent-primary: #00e5ff;--accent-primary-muted: rgba(0, 229, 255, .15);--accent-warning: #ffd24a;--accent-danger: #ff453a;--accent-success: #32d74b;--shadow-sm: none;--shadow-panel: 0 0 0 1px var(--border-base);--shadow-modal: 0 0 0 1px var(--border-subtle), 0 20px 60px rgba(0, 0, 0, 1);--shadow-active-item: 0 0 0 1px var(--border-active), 0 0 10px rgba(0, 229, 255, .22);--shadow-glow-primary: 0 0 16px rgba(0, 229, 255, .42);--shadow-glow-warning: 0 0 12px rgba(255, 210, 74, .24);--shadow-glow-danger: 0 0 12px rgba(255, 69, 58, .24);--shadow-glow-elevated: 0 20px 60px rgba(0, 0, 0, .9), 0 0 14px rgba(0, 229, 255, .06);--shadow-glow: 0 0 16px rgba(0, 229, 255, .42);--overlay-blur: 6px;--overlay-sheen: none;--modal-shell-overlay-blur: 10px;--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-bg-gradient: radial-gradient(circle at 50% 68%, rgba(0, 229, 255, .045) 0%, transparent 34%), radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .02) 0%, transparent 28%), linear-gradient(180deg, rgba(4, 9, 12, .16) 0%, rgba(0, 0, 0, 0) 38%);--app-title-icon-color: var(--accent-primary);--opacity-btn-hover: 1;--opacity-btn-active: .6;--opacity-disabled: .42;--transition-base: transform .25s cubic-bezier(.16, 1, .3, 1), opacity .25s cubic-bezier(.16, 1, .3, 1), filter .25s cubic-bezier(.16, 1, .3, 1), box-shadow .25s cubic-bezier(.16, 1, .3, 1), background-color .25s cubic-bezier(.16, 1, .3, 1), border-color .25s cubic-bezier(.16, 1, .3, 1), color .25s cubic-bezier(.16, 1, .3, 1);--transition-fast: transform .1s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1), filter .1s cubic-bezier(.4, 0, .2, 1), box-shadow .1s cubic-bezier(.4, 0, .2, 1), background-color .1s cubic-bezier(.4, 0, .2, 1), border-color .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1);--ui-chrome-letter-spacing: .08em;--ui-chrome-title-letter-spacing: .12em;--control-focus-ring: rgba(0, 229, 255, .42);--control-bg: linear-gradient(180deg, rgba(11, 17, 21, .92) 0%, rgba(0, 0, 0, .96) 100%);--control-color: var(--text-primary);--control-border-width: 1px;--control-border-color: rgba(132, 182, 196, .2);--control-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 0 0 1px rgba(255, 255, 255, .02);--control-active-bg: linear-gradient(180deg, rgba(6, 12, 16, .96) 0%, rgba(0, 0, 0, 1) 100%);--control-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .015), 0 0 0 1px rgba(0, 229, 255, .08);--control-active-transform: translateY(1px);--control-quiet-bg: rgba(4, 8, 11, .72);--control-quiet-color: var(--text-secondary);--control-quiet-border-width: 1px;--control-quiet-border-color: rgba(132, 182, 196, .14);--control-quiet-shadow: inset 0 0 0 1px rgba(255, 255, 255, .015);--control-quiet-active-bg: rgba(5, 11, 15, .88);--control-quiet-active-shadow: inset 0 0 0 1px rgba(0, 229, 255, .06);--action-solid-bg: var(--control-bg);--action-solid-color: var(--text-primary);--action-solid-border-width: 1px;--action-solid-border-color: var(--control-border-color);--action-solid-shadow: var(--control-shadow);--action-solid-active-bg: var(--control-active-bg);--action-solid-active-shadow: var(--control-active-shadow);--control-selected-bg: linear-gradient(180deg, rgba(0, 229, 255, .12) 0%, rgba(0, 229, 255, .04) 100%), rgba(4, 9, 12, .94);--control-selected-color: #defcff;--control-selected-border-color: var(--border-active);--control-selected-shadow: 0 0 0 1px rgba(0, 229, 255, .16), 0 0 14px rgba(0, 229, 255, .12);--control-quiet-selected-bg: linear-gradient(180deg, rgba(0, 229, 255, .08) 0%, rgba(0, 229, 255, .025) 100%), rgba(4, 8, 11, .9);--control-quiet-selected-color: #bafaff;--control-quiet-selected-border-width: 1px;--control-quiet-selected-border-color: rgba(0, 229, 255, .3);--control-quiet-selected-shadow: 0 0 0 1px rgba(0, 229, 255, .12), 0 0 12px rgba(0, 229, 255, .08);--action-solid-selected-bg: var(--control-selected-bg);--action-solid-selected-color: var(--control-selected-color);--action-solid-selected-border-width: 1px;--action-solid-selected-border-color: var(--control-selected-border-color);--action-solid-selected-shadow: var(--control-selected-shadow);--action-outline-bg: var(--control-quiet-bg);--action-outline-color: var(--control-quiet-color);--action-outline-border-width: 1px;--action-outline-border-color: var(--control-quiet-border-color);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: var(--control-quiet-active-bg);--action-outline-active-shadow: var(--control-quiet-active-shadow);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-width: 1px;--action-outline-selected-border-color: var(--control-quiet-selected-border-color);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--action-ghost-selected-bg: rgba(0, 229, 255, .08);--action-ghost-selected-color: var(--control-quiet-selected-color);--action-ghost-selected-border-width: 1px;--action-ghost-selected-border-color: rgba(0, 229, 255, .22);--action-ghost-selected-shadow: 0 0 10px rgba(0, 229, 255, .08);--surface-panel-bg: linear-gradient(180deg, rgba(9, 15, 19, .74) 0%, rgba(0, 0, 0, .82) 100%);--surface-panel-blur: 8px;--surface-panel-border: 1px solid var(--border-subtle);--surface-panel-shadow: 0 0 0 1px rgba(132, 182, 196, .06), 0 18px 44px rgba(0, 0, 0, .52);--surface-floating-bg: linear-gradient(180deg, rgba(10, 16, 21, .94) 0%, rgba(0, 0, 0, .98) 100%);--surface-floating-blur: 12px;--surface-floating-border: 1px solid rgba(0, 229, 255, .18);--surface-floating-shadow: 0 0 0 1px rgba(0, 229, 255, .08), 0 24px 56px rgba(0, 0, 0, .84), 0 0 16px rgba(0, 229, 255, .08);--surface-floating-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 0 0 1px rgba(255, 255, 255, .015);--field-bg: linear-gradient(180deg, rgba(7, 12, 16, .92) 0%, rgba(0, 0, 0, .98) 100%);--field-border-width: 1px;--field-border-color: rgba(132, 182, 196, .18);--field-border: var(--field-border-width) solid var(--field-border-color);--field-color: var(--text-primary);--field-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 0 0 1px rgba(255, 255, 255, .015);--field-focus-border: rgba(0, 229, 255, .4);--field-focus-bg: linear-gradient(180deg, rgba(8, 15, 20, .96) 0%, rgba(0, 0, 0, 1) 100%);--select-dropdown-title-color: var(--text-muted);--select-scrollbar-color: rgba(0, 229, 255, .22);--select-option-color: var(--text-primary);--select-dot-color: var(--accent-primary);--select-dot-shadow: 0 0 8px rgba(0, 229, 255, .36);--meter-block-radius: 4px;--meter-block-bg: linear-gradient(180deg, rgba(7, 12, 16, .92) 0%, rgba(1, 3, 5, .98) 100%);--meter-block-empty: linear-gradient(180deg, rgba(4, 7, 10, .96) 0%, rgba(0, 0, 0, 1) 100%);--meter-block-empty-active: rgba(0, 229, 255, .12);--meter-block-border: 1px solid rgba(0, 229, 255, .08);--meter-block-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 0 0 1px rgba(255, 255, 255, .01);--meter-block-accent: linear-gradient(180deg, rgba(142, 239, 248, .92) 0%, rgba(0, 213, 237, .84) 52%, rgba(0, 133, 154, .76) 100%);--meter-block-accent-dim: linear-gradient(180deg, rgba(0, 229, 255, .42) 0%, rgba(0, 229, 255, .24) 100%);--meter-block-shadow-filled: 0 0 12px rgba(0, 229, 255, .14), 0 0 20px rgba(0, 229, 255, .08);--meter-block-shadow-active: 0 0 0 1px rgba(0, 229, 255, .12), 0 0 10px rgba(0, 229, 255, .12);--meter-label-color: var(--text-secondary);--meter-controls-bg: rgba(4, 8, 11, .72);--meter-controls-border: 1px solid rgba(132, 182, 196, .14);--meter-controls-shadow: inset 0 0 0 1px rgba(255, 255, 255, .015);--meter-value-color: var(--text-secondary);--meter-value-active-color: #d4fcff;--readout-value-ff: var(--font-display);--readout-value-weight: 700;--readout-value-letter-spacing: -.05em;--readout-value-color: #f6feff;--readout-value-shadow: 0 0 16px rgba(0, 229, 255, .08);--readout-value-gradient: none;--readout-value-filter: none;--readout-blur-color: rgba(0, 229, 255, .12);--readout-blur-visibility: hidden;--readout-input-color: var(--readout-value-color);--readout-input-caret-color: var(--accent-primary);--readout-input-selection: rgba(0, 229, 255, .2);--readout-label-color: var(--text-secondary);--readout-controls-color: var(--text-secondary);--readout-wheel-bg: repeating-linear-gradient( 0deg, rgba(255, 255, 255, .025) 0px, rgba(255, 255, 255, .025) 1px, transparent 1px, transparent 8px ), linear-gradient(180deg, rgba(9, 14, 18, .94) 0%, rgba(0, 0, 0, 1) 100%);--readout-wheel-border: 1px solid rgba(132, 182, 196, .2);--readout-wheel-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 0 0 1px rgba(255, 255, 255, .015);--readout-wheel-active-shadow: 0 0 0 1px rgba(0, 229, 255, .14), 0 0 14px rgba(0, 229, 255, .14), inset 0 0 14px rgba(0, 229, 255, .05);--readout-wheel-line: var(--accent-primary);--readout-wheel-line-glow: 0 0 8px rgba(0, 229, 255, .42);--readout-wheel-tick: rgba(163, 188, 198, .26);--switch-track-bg: linear-gradient(180deg, rgba(7, 12, 16, .92) 0%, rgba(0, 0, 0, .98) 100%);--switch-track-border-width: 1px;--switch-track-border-color: rgba(132, 182, 196, .18);--switch-track-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), inset 0 0 0 1px rgba(255, 255, 255, .015);--switch-track-selected-bg: linear-gradient(180deg, rgba(0, 229, 255, .18) 0%, rgba(0, 229, 255, .08) 100%), rgba(2, 8, 12, .96);--switch-track-selected-border-color: rgba(0, 229, 255, .3);--switch-track-selected-shadow: 0 0 0 1px rgba(0, 229, 255, .12), 0 0 12px rgba(0, 229, 255, .1);--control-handle-bg: rgba(189, 225, 233, .92);--control-handle-border-width: 1px;--control-handle-border-color: rgba(132, 182, 196, .22);--control-handle-shadow: 0 0 0 1px rgba(255, 255, 255, .03), 0 3px 10px rgba(0, 0, 0, .32);--control-handle-selected-bg: #effeff;--control-handle-selected-border-color: var(--accent-primary);--control-handle-selected-shadow: 0 0 0 1px rgba(0, 229, 255, .18), 0 0 12px rgba(0, 229, 255, .16);--switch-thumb-bg: var(--control-handle-bg);--switch-thumb-border-width: var(--control-handle-border-width);--switch-thumb-border-color: var(--control-handle-border-color);--switch-thumb-shadow: var(--control-handle-shadow);--switch-thumb-selected-bg: var(--control-handle-selected-bg);--switch-thumb-selected-border-color: var(--control-handle-selected-border-color);--switch-thumb-selected-shadow: var(--control-handle-selected-shadow);--control-handle-accent-border-width: 1px;--control-handle-accent-bg: linear-gradient(180deg, rgba(224, 253, 255, 1) 0%, rgba(0, 229, 255, .96) 100%);--control-handle-accent-border-color: rgba(224, 253, 255, .36);--control-handle-accent-shadow: 0 0 0 1px rgba(0, 229, 255, .22), 0 0 14px rgba(0, 229, 255, .18);--range-track-bg: linear-gradient(180deg, rgba(7, 12, 16, .92) 0%, rgba(0, 0, 0, .98) 100%);--range-track-border-width: 1px;--range-track-border-color: rgba(132, 182, 196, .18);--range-track-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), inset 0 0 0 1px rgba(255, 255, 255, .015);--range-track-height: 8px;--range-progress-bg: linear-gradient(90deg, rgba(198, 251, 255, 1) 0%, rgba(0, 229, 255, 1) 100%);--range-focus-ring: rgba(0, 229, 255, .28)}.theme-sketch{--sketch-paper: rgba(250, 243, 229, 1);--sketch-paper-light: rgba(255, 251, 242, 1);--sketch-paper-mid: rgba(241, 236, 224, 1);--sketch-paper-shadow: rgba(226, 218, 205, 1);--sketch-ink: rgba(48, 39, 32, 1);--sketch-ink-soft: rgba(80, 73, 67, 1);--sketch-pencil: rgba(115, 109, 103, 1);--sketch-pencil-light: rgba(184, 179, 173, 1);--sketch-erased: rgba(231, 226, 217, 1);--sketch-charcoal-shadow: rgba(48, 39, 32, .26);--sketch-charcoal-shadow-deep: rgba(48, 39, 32, .16);--sketch-marker-orange: rgba(255, 143, 49, 1);--sketch-marker-orange-muted: rgba(255, 143, 49, .22);--sketch-marker-orange-fill: rgba(255, 184, 130, .44);--sketch-marker-red: rgba(229, 86, 74, 1);--sketch-marker-green: rgba(62, 171, 94, 1);--sketch-marker-blue: rgba(58, 132, 202, 1);--sketch-marker-blue-fill: rgba(145, 190, 228, .72);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: var(--sketch-paper);--bg-surface: var(--sketch-paper-light);--bg-elevated: rgba(255, 253, 247, 1);--bg-overlay: rgba(118, 105, 85, .34);--fill-subtle: var(--sketch-paper-light);--fill-muted: var(--sketch-paper-shadow);--fill-active: var(--sketch-marker-orange-fill);--border-subtle: var(--sketch-pencil-light);--border-base: var(--sketch-ink-soft);--border-active: var(--sketch-marker-orange);--radius-panel: 14px;--radius-modal: 16px;--radius-control: 10px;--radius-pill: 999px;--text-primary: var(--sketch-ink);--text-secondary: var(--sketch-pencil);--text-muted: var(--sketch-pencil-light);--text-inverse: var(--sketch-paper-light);--font-app-sans: "Trebuchet MS", "Avenir Next", "Segoe UI", var(--font-sans);--font-display: "Bradley Hand", "Segoe Print", "Marker Felt", "Comic Sans MS", var(--font-sans);--type-readout-ff: "Marker Felt", "Bradley Hand", "Segoe Print", "Comic Sans MS", var(--font-sans);--type-readout-fw: 800;--type-readout-letter-spacing: -.04em;--accent-primary: var(--sketch-marker-orange);--accent-primary-muted: var(--sketch-marker-orange-muted);--accent-warning: var(--sketch-marker-orange);--accent-danger: var(--sketch-marker-red);--accent-success: var(--sketch-marker-green);--shadow-sm: 1px 2px 0 var(--sketch-charcoal-shadow);--shadow-panel: 2px 3px 0 var(--sketch-charcoal-shadow), inset 0 1px 0 rgba(255, 255, 255, .48);--shadow-modal: 4px 6px 0 rgba(48, 39, 32, .2), 0 14px 28px rgba(48, 39, 32, .08);--shadow-active-item: 0 0 0 2px var(--sketch-marker-orange-muted);--shadow-glow-primary: none;--shadow-glow-warning: none;--shadow-glow-danger: none;--shadow-glow-elevated: none;--shadow-glow: none;--overlay-blur: 0px;--modal-shell-overlay-blur: 2px;--overlay-sheen: linear-gradient( 180deg, rgba(255, 255, 255, .26) 0%, rgba(255, 255, 255, .08) 42%, transparent 100% );--opacity-btn-hover: 1;--opacity-btn-active: .92;--opacity-disabled: .42;--transition-base: transform .12s cubic-bezier(.2, .8, .2, 1), opacity .12s ease-out, box-shadow .12s ease-out, background-color .12s ease-out, border-color .12s ease-out, color .12s ease-out;--transition-fast: transform .08s cubic-bezier(.2, .8, .2, 1), opacity .08s ease-out, box-shadow .08s ease-out, background-color .08s ease-out, border-color .08s ease-out, color .08s ease-out;--ui-chrome-fw: 700;--ui-chrome-transform: none;--ui-chrome-letter-spacing: .045em;--ui-chrome-title-letter-spacing: .08em;--control-focus-ring: rgba(255, 143, 49, .48);--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-bg-gradient: radial-gradient(circle at 14% 16%, rgba(255, 255, 255, .56) 0%, transparent 24%), radial-gradient(circle at 84% 12%, rgba(255, 184, 130, .12) 0%, transparent 24%), radial-gradient(circle at 18% 88%, rgba(145, 190, 228, .08) 0%, transparent 20%), repeating-linear-gradient( -11deg, rgba(120, 116, 110, .05) 0, rgba(120, 116, 110, .05) 1px, transparent 1px, transparent 14px ), repeating-linear-gradient( 9deg, rgba(255, 255, 255, .18) 0, rgba(255, 255, 255, .18) 2px, transparent 2px, transparent 22px ), linear-gradient(180deg, rgba(255, 250, 242, 1) 0%, rgba(244, 237, 225, 1) 100%);--surface-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .42) 0%, rgba(255, 255, 255, 0) 24%), linear-gradient(180deg, rgba(253, 249, 241, .98) 0%, rgba(242, 235, 224, .98) 100%);--surface-panel-border: 2px solid rgba(90, 82, 74, .92);--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 22%), linear-gradient(180deg, rgba(255, 252, 246, .99) 0%, rgba(244, 237, 227, .99) 100%);--surface-floating-border-width: 2px;--surface-floating-border-color: rgba(90, 82, 74, .96);--surface-floating-border: 2px solid rgba(90, 82, 74, .96);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .52);--surface-floating-sheen: var(--overlay-sheen);--control-bg: linear-gradient(180deg, rgba(255, 255, 255, .48) 0%, rgba(255, 255, 255, 0) 26%), linear-gradient(180deg, rgba(255, 251, 243, 1) 0%, rgba(243, 236, 225, 1) 100%);--control-color: var(--sketch-ink);--control-border-width: 2px;--control-border-color: rgba(96, 88, 80, .9);--control-shadow: var(--shadow-sm);--control-active-bg: linear-gradient(180deg, rgba(255, 232, 205, .36) 0%, rgba(255, 232, 205, 0) 30%), linear-gradient(180deg, rgba(247, 240, 228, 1) 0%, rgba(236, 229, 217, 1) 100%);--control-active-shadow: 1px 1px 0 var(--sketch-charcoal-shadow-deep);--control-active-transform: translate(1px, 1px) rotate(-.35deg);--control-quiet-bg: rgba(255, 249, 240, .78);--control-quiet-color: var(--sketch-pencil);--control-quiet-border-width: 2px;--control-quiet-border-color: rgba(130, 120, 109, .5);--control-quiet-shadow: 1px 2px 0 rgba(48, 39, 32, .1);--control-quiet-active-bg: rgba(246, 239, 227, .92);--control-quiet-active-shadow: 1px 1px 0 rgba(48, 39, 32, .08);--control-selected-bg: linear-gradient(180deg, rgba(255, 206, 158, .54) 0%, rgba(255, 166, 104, .34) 100%), linear-gradient(180deg, rgba(255, 251, 243, 1) 0%, rgba(244, 236, 225, 1) 100%);--control-selected-color: var(--sketch-ink);--control-selected-border-width: 2px;--control-selected-border-color: rgba(218, 122, 44, .92);--control-selected-shadow: 1px 2px 0 var(--sketch-charcoal-shadow), 0 0 0 2px var(--sketch-marker-orange-muted);--control-quiet-selected-bg: linear-gradient(180deg, rgba(255, 206, 158, .46) 0%, rgba(255, 166, 104, .24) 100%), rgba(255, 249, 240, .94);--control-quiet-selected-color: var(--sketch-ink);--control-quiet-selected-border-width: 2px;--control-quiet-selected-border-color: rgba(218, 122, 44, .86);--control-quiet-selected-shadow: 1px 2px 0 rgba(48, 39, 32, .12), 0 0 0 2px var(--sketch-marker-orange-muted);--action-outline-bg: var(--control-quiet-bg);--action-outline-color: var(--control-quiet-color);--action-outline-border-width: var(--control-quiet-border-width);--action-outline-border-color: var(--control-quiet-border-color);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: var(--control-quiet-active-bg);--action-outline-active-shadow: var(--control-quiet-active-shadow);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-width: var(--control-quiet-selected-border-width);--action-outline-selected-border-color: var(--control-quiet-selected-border-color);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--action-ghost-selected-bg: rgba(255, 204, 154, .28);--action-ghost-selected-color: var(--sketch-ink);--action-ghost-selected-border-width: 2px;--action-ghost-selected-border-color: rgba(218, 122, 44, .72);--action-ghost-selected-shadow: 0 0 0 2px rgba(255, 143, 49, .12);--field-bg: linear-gradient(180deg, rgba(255, 255, 255, .46) 0%, rgba(255, 255, 255, 0) 28%), linear-gradient(180deg, rgba(255, 251, 245, 1) 0%, rgba(241, 234, 223, 1) 100%);--field-border: 2px solid rgba(95, 87, 79, .84);--field-border-width: 2px;--field-border-color: rgba(95, 87, 79, .84);--field-color: var(--sketch-ink);--field-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);--field-focus-border: rgba(218, 122, 44, .92);--field-focus-bg: rgba(255, 252, 246, 1);--readout-label-color: var(--sketch-pencil);--readout-value-gradient: none;--readout-value-color: var(--sketch-ink);--readout-value-weight: 800;--readout-value-letter-spacing: -.04em;--readout-value-filter: none;--readout-value-shadow: 2px 2px 0 rgba(255, 255, 255, .72), 4px 4px 0 rgba(48, 39, 32, .16);--readout-blur-visibility: hidden;--readout-input-color: var(--sketch-ink);--readout-input-caret-color: var(--sketch-marker-orange);--readout-input-selection: rgba(255, 184, 130, .52);--readout-input-border: none;--readout-controls-color: var(--sketch-pencil);--readout-wheel-bg: repeating-linear-gradient( 180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 8px, rgba(115, 109, 103, .06) 8px, rgba(115, 109, 103, .06) 9px ), linear-gradient(180deg, rgba(255, 252, 246, 1) 0%, rgba(235, 228, 217, 1) 100%);--readout-wheel-border: 2px solid rgba(95, 87, 79, .84);--readout-wheel-shadow: 1px 2px 0 var(--sketch-charcoal-shadow);--readout-wheel-active-shadow: 1px 2px 0 var(--sketch-charcoal-shadow), 0 0 0 2px var(--sketch-marker-orange-muted);--readout-wheel-line: var(--sketch-marker-orange);--readout-wheel-line-glow: transparent;--readout-wheel-tick: rgba(115, 109, 103, .54);--meter-block-radius: 9px;--meter-block-bg: linear-gradient(180deg, rgba(251, 246, 237, 1) 0%, rgba(236, 229, 218, 1) 100%);--meter-block-empty: linear-gradient(180deg, rgba(244, 238, 229, 1) 0%, rgba(232, 225, 214, 1) 100%);--meter-block-empty-active: var(--sketch-marker-orange-muted);--meter-block-border: 1px solid rgba(154, 145, 134, .88);--meter-block-accent: linear-gradient(180deg, rgba(108, 164, 214, 1) 0%, rgba(58, 132, 202, 1) 100%);--meter-block-accent-dim: linear-gradient(180deg, rgba(205, 227, 245, 1) 0%, rgba(145, 190, 228, 1) 100%);--meter-block-shadow: 1px 1px 0 rgba(48, 39, 32, .08);--meter-block-shadow-filled: 1px 2px 0 rgba(48, 39, 32, .16);--meter-block-shadow-active: 1px 2px 0 rgba(48, 39, 32, .18), 0 0 0 2px rgba(58, 132, 202, .16);--meter-label-color: var(--sketch-pencil);--meter-controls-bg: rgba(247, 241, 231, .96);--meter-controls-border: 2px solid rgba(137, 127, 116, .4);--meter-controls-shadow: 1px 2px 0 rgba(48, 39, 32, .08);--meter-value-color: var(--sketch-pencil);--meter-value-active-color: var(--sketch-marker-orange);--control-handle-bg: linear-gradient(180deg, rgba(255, 252, 246, 1) 0%, rgba(243, 236, 226, 1) 100%);--control-handle-border-width: 2px;--control-handle-border-color: rgba(95, 87, 79, .84);--control-handle-shadow: 1px 2px 0 rgba(48, 39, 32, .18);--control-handle-selected-bg: linear-gradient(180deg, rgba(255, 251, 245, 1) 0%, rgba(245, 237, 226, 1) 100%);--control-handle-selected-border-width: 2px;--control-handle-selected-border-color: rgba(218, 122, 44, .74);--control-handle-selected-shadow: 1px 2px 0 rgba(48, 39, 32, .2);--control-handle-accent-bg: linear-gradient(180deg, rgba(255, 197, 145, 1) 0%, rgba(255, 143, 49, 1) 100%);--control-handle-accent-border-width: 2px;--control-handle-accent-border-color: rgba(95, 87, 79, .84);--control-handle-accent-shadow: 1px 2px 0 rgba(48, 39, 32, .18);--switch-track-bg: linear-gradient(180deg, rgba(244, 238, 228, 1) 0%, rgba(232, 225, 214, 1) 100%);--switch-track-radius: 999px;--switch-track-border-width: 2px;--switch-track-border-color: rgba(95, 87, 79, .7);--switch-track-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 1px 2px 0 rgba(48, 39, 32, .12);--switch-track-selected-bg: linear-gradient(180deg, rgba(255, 200, 151, .94) 0%, rgba(255, 157, 88, .96) 100%);--switch-track-selected-border-color: rgba(218, 122, 44, .9);--switch-track-selected-shadow: inset 0 1px 0 rgba(255, 239, 218, .36), 1px 2px 0 rgba(48, 39, 32, .16);--switch-thumb-bg: var(--control-handle-bg);--switch-thumb-radius: 999px;--switch-thumb-border-width: 2px;--switch-thumb-border-color: rgba(95, 87, 79, .82);--switch-thumb-shadow: var(--control-handle-shadow);--switch-thumb-selected-bg: var(--control-handle-selected-bg);--switch-thumb-selected-border-color: rgba(218, 122, 44, .74);--switch-thumb-selected-shadow: var(--control-handle-selected-shadow);--range-track-height: 10px;--range-track-bg: linear-gradient(180deg, rgba(239, 232, 221, 1) 0%, rgba(230, 223, 212, 1) 100%);--range-track-border-width: 2px;--range-track-border-color: rgba(137, 127, 116, .4);--range-track-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);--range-progress-bg: linear-gradient(90deg, rgba(255, 197, 145, 1) 0%, rgba(255, 143, 49, 1) 100%);--range-thumb-size: 20px;--range-thumb-bg: var(--control-handle-accent-bg);--range-thumb-radius: 999px;--range-thumb-border-width: 2px;--range-thumb-border-color: rgba(95, 87, 79, .84);--range-thumb-shadow: 1px 2px 0 rgba(48, 39, 32, .18);--range-focus-ring: rgba(255, 143, 49, .32);--select-label-ff: var(--font-display);--select-label-fw: 700;--select-label-transform: none;--select-label-letter-spacing: .02em;--select-dropdown-title-ff: var(--font-display);--select-dropdown-title-fw: 700;--select-dropdown-title-transform: none;--select-dropdown-title-letter-spacing: .04em;--select-dropdown-title-color: var(--sketch-pencil);--select-scrollbar-color: rgba(137, 127, 116, .48);--select-option-radius: 10px;--select-option-color: var(--sketch-ink);--select-option-ff: var(--font-app-sans);--select-option-fw: 600;--select-dot-color: var(--sketch-marker-red);--select-dot-shadow: none;--app-title-icon-color: var(--sketch-marker-red)}.theme-soft{--soft-shell: rgba(229, 235, 242, 1);--soft-shell-raised: rgba(236, 241, 246, 1);--soft-shell-elevated: rgba(241, 245, 249, 1);--soft-shell-shadow: rgba(199, 208, 218, 1);--soft-shell-shadow-deep: rgba(174, 184, 196, 1);--soft-highlight: rgba(246, 249, 252, 1);--soft-highlight-strong: rgba(255, 255, 255, .82);--soft-well: rgba(219, 226, 234, 1);--soft-well-deep: rgba(207, 216, 226, 1);--soft-rim: rgba(255, 255, 255, .62);--soft-rim-strong: rgba(188, 198, 209, .42);--soft-ink: rgba(62, 72, 85, 1);--soft-ink-muted: rgba(96, 105, 116, 1);--soft-ink-soft: rgba(130, 137, 145, 1);--soft-accent: rgba(103, 147, 198, 1);--soft-accent-deep: rgba(72, 104, 147, 1);--soft-accent-muted: rgba(159, 182, 209, 1);--soft-accent-fill: rgba(216, 227, 239, 1);--soft-warning: rgba(220, 157, 54, 1);--soft-danger: rgba(212, 98, 108, 1);--soft-success: rgba(88, 170, 131, 1);--bg-primary: rgba(225, 231, 238, 1);--bg-surface: var(--soft-shell);--bg-elevated: var(--soft-shell-raised);--bg-overlay: rgba(226, 232, 239, .58);--fill-subtle: var(--soft-shell-raised);--fill-muted: var(--soft-well);--fill-active: var(--soft-accent-fill);--border-subtle: rgba(255, 255, 255, .48);--border-base: rgba(186, 196, 207, .42);--border-active: rgba(103, 147, 198, .34);--radius-panel: 24px;--radius-modal: 32px;--radius-control: 14px;--radius-pill: 9999px;--text-primary: var(--soft-ink);--text-secondary: var(--soft-ink-muted);--text-muted: var(--soft-ink-soft);--text-inverse: rgba(248, 251, 255, 1);--font-app-sans: "Avenir Next", "SF Pro Text", "Segoe UI", var(--font-sans);--font-display: "Avenir Next Rounded", "SF Pro Rounded", "Avenir Next", "Segoe UI", var(--font-sans);--type-readout-ff: "SF Pro Rounded", "Avenir Next Rounded", "Avenir Next", "Helvetica Neue", "Segoe UI", var(--font-sans);--type-readout-fw: 720;--type-readout-letter-spacing: -.028em;--accent-primary: var(--soft-accent);--accent-primary-muted: var(--soft-accent-muted);--accent-warning: var(--soft-warning);--accent-danger: var(--soft-danger);--accent-success: var(--soft-success);--shadow-sm: inset 1px 1px 0 var(--soft-highlight-strong), 6px 6px 14px rgba(196, 205, 214, .74), -5px -5px 12px rgba(246, 249, 252, .94);--shadow-panel: inset 1px 1px 0 rgba(255, 255, 255, .72), inset -1px -1px 0 rgba(192, 201, 211, .22), 16px 16px 34px rgba(194, 203, 213, .76), -12px -12px 28px rgba(245, 248, 251, .9);--shadow-modal: inset 1px 1px 0 rgba(255, 255, 255, .78), inset -1px -1px 0 rgba(189, 198, 208, .24), 22px 22px 46px rgba(191, 200, 211, .82), -16px -16px 34px rgba(246, 249, 252, .94);--shadow-active-item: inset 4px 4px 9px rgba(197, 206, 216, .88), inset -3px -3px 6px rgba(247, 250, 252, .82), 0 0 0 1px rgba(190, 200, 210, .18);--shadow-glow-primary: 0 0 0 1px rgba(103, 147, 198, .14);--shadow-glow-warning: 0 0 0 1px rgba(220, 157, 54, .16);--shadow-glow-danger: 0 0 0 1px rgba(212, 98, 108, .16);--shadow-glow-elevated: var(--shadow-panel);--shadow-glow: var(--shadow-glow-primary);--overlay-blur: 0px;--modal-shell-overlay-blur: 10px;--overlay-sheen: linear-gradient( 180deg, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, .12) 42%, transparent 100% );--opacity-btn-hover: 1;--opacity-btn-active: 1;--opacity-disabled: .42;--transition-base: transform .28s cubic-bezier(.22, .68, 0, 1), opacity .28s cubic-bezier(.22, .68, 0, 1), filter .28s cubic-bezier(.22, .68, 0, 1), box-shadow .28s cubic-bezier(.22, .68, 0, 1), background-color .28s cubic-bezier(.22, .68, 0, 1), border-color .28s cubic-bezier(.22, .68, 0, 1), color .28s cubic-bezier(.22, .68, 0, 1);--transition-fast: transform .14s cubic-bezier(.22, .68, 0, 1), opacity .14s cubic-bezier(.22, .68, 0, 1), filter .14s cubic-bezier(.22, .68, 0, 1), box-shadow .14s cubic-bezier(.22, .68, 0, 1), background-color .14s cubic-bezier(.22, .68, 0, 1), border-color .14s cubic-bezier(.22, .68, 0, 1), color .14s cubic-bezier(.22, .68, 0, 1);--ui-chrome-fw: 700;--ui-chrome-transform: none;--ui-chrome-letter-spacing: .025em;--ui-chrome-title-letter-spacing: .045em;--control-focus-ring: rgba(103, 147, 198, .34);--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-bg-gradient: radial-gradient(circle at 16% 14%, rgba(255, 255, 255, .54) 0%, transparent 26%), radial-gradient(circle at 84% 10%, rgba(178, 202, 228, .18) 0%, transparent 24%), radial-gradient(circle at 24% 86%, rgba(255, 255, 255, .22) 0%, transparent 24%), linear-gradient(180deg, rgba(234, 240, 246, 1) 0%, rgba(223, 230, 238, 1) 100%);--app-title-icon-color: var(--soft-accent-deep);--surface-panel-bg: rgba(231, 237, 243, .96);--surface-panel-border-width: 1px;--surface-panel-border-color: rgba(255, 255, 255, .54);--surface-panel-border: 1px solid rgba(255, 255, 255, .54);--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .12) 22%, transparent 100%), linear-gradient(180deg, rgba(239, 244, 248, .98) 0%, rgba(228, 235, 242, .98) 100%);--surface-floating-border-width: 1px;--surface-floating-border-color: rgba(255, 255, 255, .58);--surface-floating-border: 1px solid rgba(255, 255, 255, .58);--surface-floating-blur: 0px;--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: inset 1px 1px 0 rgba(255, 255, 255, .64), inset -1px -1px 0 rgba(190, 200, 210, .2);--surface-floating-sheen: var(--overlay-sheen);--control-bg: rgba(231, 237, 243, 1);--control-color: var(--text-primary);--control-border-width: 1px;--control-border-color: rgba(255, 255, 255, .56);--control-shadow: var(--shadow-sm);--control-active-bg: rgba(222, 229, 236, 1);--control-active-shadow: var(--shadow-active-item);--control-active-opacity: 1;--control-active-transform: scale(.98);--control-selected-bg: var(--soft-accent-fill);--control-selected-color: var(--soft-accent-deep);--control-selected-border-width: 1px;--control-selected-border-color: rgba(142, 170, 201, .52);--control-selected-shadow: var(--shadow-active-item);--control-quiet-bg: rgba(236, 241, 246, .88);--control-quiet-color: var(--text-secondary);--control-quiet-border-width: 1px;--control-quiet-border-color: rgba(255, 255, 255, .46);--control-quiet-shadow: inset 1px 1px 0 rgba(255, 255, 255, .58), 5px 5px 10px rgba(199, 208, 218, .56), -4px -4px 8px rgba(247, 250, 252, .78);--control-quiet-active-bg: rgba(226, 232, 239, .94);--control-quiet-active-shadow: var(--shadow-active-item);--control-quiet-selected-bg: rgba(220, 230, 240, .96);--control-quiet-selected-color: var(--soft-accent-deep);--control-quiet-selected-border-width: 1px;--control-quiet-selected-border-color: rgba(142, 170, 201, .48);--control-quiet-selected-shadow: var(--shadow-active-item);--action-solid-bg: linear-gradient(180deg, rgba(248, 251, 253, 1) 0%, rgba(230, 236, 242, 1) 100%);--action-solid-color: var(--text-primary);--action-solid-border-width: 1px;--action-solid-border-color: rgba(255, 255, 255, .58);--action-solid-shadow: var(--shadow-sm);--action-solid-active-bg: linear-gradient(180deg, rgba(227, 233, 239, 1) 0%, rgba(218, 225, 232, 1) 100%);--action-solid-active-shadow: var(--shadow-active-item);--action-solid-selected-bg: linear-gradient(180deg, rgba(234, 242, 249, 1) 0%, rgba(216, 227, 239, 1) 100%);--action-solid-selected-color: var(--soft-accent-deep);--action-solid-selected-border-width: 1px;--action-solid-selected-border-color: rgba(142, 170, 201, .56);--action-solid-selected-shadow: var(--shadow-active-item);--action-outline-bg: linear-gradient(180deg, rgba(241, 246, 250, .96) 0%, rgba(230, 236, 242, .94) 100%);--action-outline-color: var(--text-secondary);--action-outline-border-width: 1px;--action-outline-border-color: rgba(255, 255, 255, .52);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: linear-gradient(180deg, rgba(229, 235, 241, .98) 0%, rgba(220, 227, 234, .98) 100%);--action-outline-active-shadow: var(--shadow-active-item);--action-outline-selected-bg: linear-gradient(180deg, rgba(230, 239, 248, .98) 0%, rgba(214, 225, 238, .98) 100%);--action-outline-selected-color: var(--soft-accent-deep);--action-outline-selected-border-width: 1px;--action-outline-selected-border-color: rgba(142, 170, 201, .52);--action-outline-selected-shadow: var(--shadow-active-item);--action-ghost-bg: rgba(239, 244, 248, .68);--action-ghost-color: var(--text-secondary);--action-ghost-border-width: 1px;--action-ghost-border-color: rgba(255, 255, 255, .3);--action-ghost-shadow: 3px 3px 8px rgba(199, 208, 218, .34), -2px -2px 5px rgba(247, 250, 252, .42);--action-ghost-active-bg: rgba(226, 232, 239, .84);--action-ghost-active-shadow: var(--shadow-active-item);--action-ghost-selected-bg: rgba(217, 228, 240, .88);--action-ghost-selected-color: var(--soft-accent-deep);--action-ghost-selected-border-width: 1px;--action-ghost-selected-border-color: rgba(142, 170, 201, .44);--action-ghost-selected-shadow: var(--shadow-active-item);--field-bg: linear-gradient(180deg, rgba(219, 226, 234, 1) 0%, rgba(228, 234, 241, 1) 100%);--field-border: 1px solid rgba(255, 255, 255, .46);--field-border-width: 1px;--field-border-color: rgba(255, 255, 255, .46);--field-color: var(--text-primary);--field-shadow: inset 4px 4px 8px rgba(199, 208, 218, .76), inset -3px -3px 6px rgba(246, 249, 252, .74);--field-focus-border: rgba(124, 160, 203, .68);--field-focus-bg: linear-gradient(180deg, rgba(225, 232, 239, 1) 0%, rgba(234, 240, 246, 1) 100%);--readout-label-color: var(--text-secondary);--readout-value-color: rgba(149, 162, 177, 1);--readout-value-gradient: none;--readout-value-weight: 720;--readout-value-shadow: -1px -1px 0 rgba(255, 255, 255, .86), 1px 1px 0 rgba(185, 196, 208, .92), 0 4px 10px rgba(196, 205, 215, .18);--readout-blur-visibility: hidden;--readout-input-color: rgba(124, 139, 154, 1);--readout-input-caret-color: var(--accent-primary);--readout-input-selection: rgba(170, 196, 223, .52);--readout-controls-color: var(--text-secondary);--readout-wheel-bg: linear-gradient(180deg, rgba(245, 248, 251, .44) 0%, rgba(245, 248, 251, .12) 18%, transparent 100%), linear-gradient(180deg, rgba(220, 227, 234, 1) 0%, rgba(229, 235, 242, 1) 100%);--readout-wheel-border: 1px solid rgba(255, 255, 255, .46);--readout-wheel-shadow: inset 5px 5px 12px rgba(199, 208, 218, .84), inset -4px -4px 9px rgba(246, 249, 252, .72);--readout-wheel-active-shadow: inset 6px 6px 14px rgba(196, 205, 215, .9), inset -4px -4px 9px rgba(247, 250, 252, .68), 0 0 0 1px rgba(124, 160, 203, .18);--readout-wheel-tick: rgba(130, 137, 145, .58);--readout-wheel-line: var(--accent-primary);--readout-wheel-line-glow: transparent;--meter-block-radius: 10px;--meter-block-bg: linear-gradient(180deg, rgba(236, 241, 246, 1) 0%, rgba(225, 231, 238, 1) 100%);--meter-block-border: 1px solid rgba(255, 255, 255, .4);--meter-block-shadow: inset 3px 3px 6px rgba(201, 210, 219, .72), inset -2px -2px 4px rgba(246, 249, 252, .72);--meter-block-shadow-filled: 3px 3px 6px rgba(193, 202, 212, .48), -2px -2px 4px rgba(247, 250, 252, .42);--meter-block-shadow-active: 4px 4px 9px rgba(184, 196, 209, .5), -2px -2px 5px rgba(247, 250, 252, .38), 0 0 0 1px rgba(124, 160, 203, .16);--meter-block-empty: linear-gradient(180deg, rgba(222, 228, 235, 1) 0%, rgba(214, 221, 229, 1) 100%);--meter-block-empty-active: linear-gradient(180deg, rgba(214, 224, 234, 1) 0%, rgba(204, 216, 229, 1) 100%);--meter-block-accent: linear-gradient(180deg, rgba(123, 164, 211, 1) 0%, rgba(92, 137, 189, 1) 100%);--meter-block-accent-dim: linear-gradient(180deg, rgba(193, 212, 232, 1) 0%, rgba(162, 188, 217, 1) 100%);--meter-label-color: var(--text-secondary);--meter-controls-bg: linear-gradient(180deg, rgba(245, 248, 251, .56) 0%, rgba(245, 248, 251, .14) 24%, transparent 100%), linear-gradient(180deg, rgba(236, 241, 246, 1) 0%, rgba(226, 232, 239, 1) 100%);--meter-controls-border: 1px solid rgba(255, 255, 255, .5);--meter-controls-shadow: inset 1px 1px 0 rgba(255, 255, 255, .58), 6px 6px 12px rgba(198, 207, 217, .52), -4px -4px 8px rgba(247, 250, 252, .62);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--soft-accent-deep);--control-handle-bg: linear-gradient(180deg, rgba(248, 251, 253, 1) 0%, rgba(231, 237, 243, 1) 100%);--control-handle-border-width: 1px;--control-handle-border-color: rgba(255, 255, 255, .58);--control-handle-shadow: inset 1px 1px 0 rgba(255, 255, 255, .72), 4px 4px 8px rgba(193, 203, 213, .56), -3px -3px 6px rgba(247, 250, 252, .66);--control-handle-selected-bg: linear-gradient(180deg, rgba(244, 249, 253, 1) 0%, rgba(223, 232, 241, 1) 100%);--control-handle-selected-border-width: 1px;--control-handle-selected-border-color: rgba(150, 177, 206, .46);--control-handle-selected-shadow: inset 1px 1px 0 rgba(255, 255, 255, .74), 4px 4px 8px rgba(187, 198, 209, .52), -3px -3px 6px rgba(247, 250, 252, .62);--control-handle-accent-bg: linear-gradient(180deg, rgba(241, 247, 252, 1) 0%, rgba(220, 230, 240, 1) 100%);--control-handle-accent-border-width: 1px;--control-handle-accent-border-color: rgba(142, 170, 201, .44);--control-handle-accent-shadow: var(--control-handle-selected-shadow);--switch-track-bg: linear-gradient(180deg, rgba(218, 225, 233, 1) 0%, rgba(227, 234, 241, 1) 100%);--switch-track-border-width: 1px;--switch-track-border-color: rgba(255, 255, 255, .42);--switch-track-shadow: inset 4px 4px 8px rgba(198, 207, 217, .76), inset -3px -3px 6px rgba(246, 249, 252, .72);--switch-track-selected-bg: linear-gradient(180deg, rgba(211, 223, 237, 1) 0%, rgba(224, 233, 242, 1) 100%);--switch-track-selected-border-color: rgba(145, 173, 203, .44);--switch-track-selected-shadow: inset 4px 4px 9px rgba(193, 204, 216, .8), inset -3px -3px 6px rgba(246, 249, 252, .68), 0 0 0 1px rgba(124, 160, 203, .14);--switch-thumb-bg: var(--control-handle-bg);--switch-thumb-border-width: 1px;--switch-thumb-border-color: var(--control-handle-border-color);--switch-thumb-shadow: var(--control-handle-shadow);--switch-thumb-selected-bg: var(--control-handle-selected-bg);--switch-thumb-selected-border-color: var(--control-handle-selected-border-color);--switch-thumb-selected-shadow: var(--control-handle-selected-shadow);--range-track-bg: linear-gradient(180deg, rgba(219, 226, 234, 1) 0%, rgba(229, 235, 242, 1) 100%);--range-track-border-width: 1px;--range-track-border-color: rgba(255, 255, 255, .4);--range-track-shadow: inset 4px 4px 8px rgba(198, 207, 217, .76), inset -3px -3px 6px rgba(246, 249, 252, .7);--range-track-height: 10px;--range-progress-bg: linear-gradient(180deg, rgba(155, 188, 221, 1) 0%, rgba(103, 147, 198, 1) 100%);--range-thumb-size: 20px;--range-thumb-bg: var(--control-handle-accent-bg);--range-thumb-radius: var(--control-handle-radius, var(--radius-control));--range-thumb-border-width: 1px;--range-thumb-border-color: rgba(142, 170, 201, .46);--range-thumb-shadow: var(--control-handle-accent-shadow);--range-focus-ring: rgba(103, 147, 198, .3);--select-dropdown-title-color: var(--text-secondary);--select-scrollbar-color: rgba(165, 177, 190, .92);--select-option-radius: 12px;--select-option-color: var(--text-primary);--select-dot-color: var(--accent-primary);--select-dot-shadow: 0 0 0 4px rgba(103, 147, 198, .12)}.theme-swiss{--swiss-paper: rgba(245, 246, 242, 1);--swiss-paper-bright: rgba(252, 252, 249, 1);--swiss-panel: rgba(249, 249, 246, .98);--swiss-panel-strong: rgba(255, 255, 255, .98);--swiss-ink: rgba(17, 20, 24, 1);--swiss-ink-mid: rgba(61, 64, 68, 1);--swiss-ink-muted: rgba(109, 112, 116, 1);--swiss-ink-dim: rgba(174, 176, 179, 1);--swiss-red: rgba(214, 22, 35, 1);--swiss-red-muted: rgba(214, 22, 35, .14);--swiss-red-soft: rgba(214, 22, 35, .05);--swiss-blue: rgba(24, 84, 140, 1);--swiss-green: rgba(0, 121, 84, 1);--swiss-amber: rgba(148, 102, 8, 1);--swiss-rule: rgba(210, 212, 214, 1);--swiss-rule-strong: rgba(164, 167, 170, 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: var(--swiss-paper);--bg-surface: var(--swiss-panel);--bg-elevated: var(--swiss-panel-strong);--bg-overlay: rgba(244, 245, 247, .8);--fill-subtle: rgba(250, 250, 248, 1);--fill-muted: rgba(238, 239, 241, 1);--fill-active: var(--swiss-red-soft);--border-subtle: var(--swiss-rule);--border-base: var(--swiss-rule-strong);--border-active: var(--swiss-red);--radius-panel: 0px;--radius-modal: 0px;--radius-control: 0px;--radius-pill: 0px;--text-primary: var(--swiss-ink);--text-secondary: var(--swiss-ink-mid);--text-muted: var(--swiss-ink-muted);--text-inverse: var(--swiss-panel-strong);--font-app-sans: "Helvetica Neue", "Helvetica", "Arial", var(--font-sans);--font-display: "Helvetica Neue", "Helvetica", "Arial", var(--font-sans);--type-readout-ff: var(--font-display);--type-readout-fw: 800;--type-readout-letter-spacing: -.06em;--accent-primary: var(--swiss-red);--accent-primary-muted: var(--swiss-red-muted);--accent-warning: var(--swiss-amber);--accent-danger: var(--swiss-red);--accent-success: var(--swiss-green);--shadow-sm: none;--shadow-panel: none;--shadow-modal: 0 18px 42px rgba(17, 20, 24, .08);--shadow-active-item: inset 0 0 0 1px var(--swiss-red);--shadow-glow-primary: none;--shadow-glow-warning: none;--shadow-glow-danger: none;--shadow-glow-elevated: none;--shadow-glow: none;--overlay-blur: 0px;--modal-shell-overlay-blur: 2px;--overlay-sheen: none;--opacity-btn-hover: 1;--opacity-btn-active: .84;--opacity-disabled: .35;--transition-base: opacity .12s ease-out, background-color .12s ease-out, border-color .12s ease-out, color .12s ease-out, box-shadow .12s ease-out;--transition-fast: opacity .08s ease-out, background-color .08s ease-out, border-color .08s ease-out, color .08s ease-out, box-shadow .08s ease-out;--ui-chrome-fw: 700;--ui-chrome-letter-spacing: .08em;--ui-chrome-title-letter-spacing: .14em;--control-focus-ring: rgba(214, 22, 35, .38);--action-radius: 8px;--control-handle-radius: 999px;--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-bg-gradient: linear-gradient(90deg, rgba(214, 22, 35, .08) 0 32px, transparent 32px), repeating-linear-gradient( to right, transparent 0, transparent 95px, rgba(210, 212, 214, .72) 95px, rgba(210, 212, 214, .72) 96px ), repeating-linear-gradient( to bottom, transparent 0, transparent 63px, rgba(210, 212, 214, .56) 63px, rgba(210, 212, 214, .56) 64px ), linear-gradient(180deg, var(--swiss-paper-bright) 0%, var(--swiss-paper) 100%);--surface-panel-bg: rgba(255, 255, 255, .72);--surface-panel-border-width: 1px;--surface-panel-border-color: var(--swiss-rule-strong);--surface-panel-border: 1px solid var(--swiss-rule-strong);--surface-panel-shadow: none;--surface-floating-bg: var(--swiss-panel-strong);--surface-floating-border-width: 1px;--surface-floating-border-color: var(--swiss-rule-strong);--surface-floating-border: 1px solid var(--swiss-rule-strong);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: none;--surface-floating-sheen: none;--field-bg: rgba(255, 255, 255, .92);--field-border: 1px solid var(--swiss-rule-strong);--field-border-width: 1px;--field-border-color: var(--swiss-rule-strong);--field-color: var(--swiss-ink);--field-shadow: none;--field-focus-border: var(--swiss-red);--field-focus-bg: var(--swiss-panel-strong);--control-bg: rgba(255, 255, 255, .92);--control-color: var(--swiss-ink);--control-border-width: 1px;--control-border-color: var(--swiss-rule-strong);--control-shadow: none;--control-active-bg: var(--fill-muted);--control-active-shadow: none;--control-active-transform: none;--control-quiet-bg: transparent;--control-quiet-color: var(--swiss-ink-mid);--control-quiet-border-width: 1px;--control-quiet-border-color: transparent;--control-quiet-shadow: none;--control-quiet-active-bg: var(--swiss-red-soft);--control-quiet-active-shadow: none;--control-selected-bg: var(--swiss-ink);--control-selected-color: var(--swiss-panel-strong);--control-selected-border-width: 1px;--control-selected-border-color: var(--swiss-ink);--control-selected-shadow: inset 0 0 0 1px var(--swiss-ink);--control-quiet-selected-bg: var(--swiss-red-soft);--control-quiet-selected-color: var(--swiss-red);--control-quiet-selected-border-width: 1px;--control-quiet-selected-border-color: var(--swiss-red);--control-quiet-selected-shadow: inset 0 0 0 1px var(--swiss-red);--action-outline-bg: transparent;--action-outline-color: var(--swiss-ink-mid);--action-outline-border-width: 1px;--action-outline-border-color: var(--swiss-rule-strong);--action-outline-shadow: none;--action-outline-active-bg: var(--swiss-red-soft);--action-outline-active-shadow: none;--action-outline-selected-bg: var(--swiss-red-soft);--action-outline-selected-color: var(--swiss-red);--action-outline-selected-border-width: 1px;--action-outline-selected-border-color: var(--swiss-red);--action-outline-selected-shadow: inset 0 0 0 1px var(--swiss-red);--action-ghost-selected-bg: var(--swiss-red-soft);--action-ghost-selected-color: var(--swiss-red);--action-ghost-selected-border-width: 1px;--action-ghost-selected-border-color: var(--swiss-red);--action-ghost-selected-shadow: none;--readout-label-color: var(--swiss-ink-muted);--readout-value-color: var(--swiss-ink);--readout-value-weight: 800;--readout-value-letter-spacing: -.06em;--readout-value-shadow: none;--readout-value-filter: none;--readout-blur-visibility: hidden;--readout-input-color: var(--swiss-ink);--readout-input-caret-color: var(--swiss-red);--readout-input-selection: var(--swiss-red-muted);--readout-input-border: none;--readout-controls-color: var(--swiss-ink-muted);--readout-wheel-bg: repeating-linear-gradient( 180deg, transparent 0, transparent 9px, rgba(109, 112, 116, .08) 9px, rgba(109, 112, 116, .08) 10px ), linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(242, 243, 245, 1) 100%);--readout-wheel-border: 1px solid var(--swiss-rule-strong);--readout-wheel-shadow: none;--readout-wheel-active-shadow: inset 0 0 0 1px var(--swiss-red);--readout-wheel-line: var(--swiss-red);--readout-wheel-line-glow: transparent;--readout-wheel-tick: rgba(109, 112, 116, .32);--meter-block-border: 1px solid var(--swiss-rule);--meter-block-bg: rgba(255, 255, 255, .88);--meter-block-shadow: none;--meter-block-empty: rgba(255, 255, 255, .7);--meter-block-empty-active: rgba(243, 244, 246, .92);--meter-block-accent: var(--swiss-red);--meter-block-accent-dim: rgba(214, 22, 35, .26);--meter-block-shadow-filled: none;--meter-block-shadow-active: inset 0 0 0 1px var(--swiss-red);--meter-label-color: var(--swiss-ink-muted);--meter-controls-bg: rgba(255, 255, 255, .72);--meter-controls-border: 1px solid var(--swiss-rule-strong);--meter-controls-shadow: none;--meter-value-color: var(--swiss-ink-muted);--meter-value-active-color: var(--swiss-red);--control-handle-bg: var(--swiss-panel-strong);--control-handle-border-width: 1px;--control-handle-border-color: var(--swiss-rule-strong);--control-handle-shadow: none;--control-handle-selected-bg: var(--swiss-panel-strong);--control-handle-selected-border-width: 1px;--control-handle-selected-border-color: var(--swiss-ink);--control-handle-selected-shadow: none;--control-handle-accent-bg: var(--swiss-red);--control-handle-accent-border-width: 1px;--control-handle-accent-border-color: var(--swiss-ink);--control-handle-accent-shadow: none;--switch-track-bg: rgba(255, 255, 255, .88);--switch-track-border-width: 1px;--switch-track-border-color: var(--swiss-rule-strong);--switch-track-shadow: none;--switch-track-selected-bg: var(--swiss-red);--switch-track-selected-border-color: var(--swiss-red);--switch-track-selected-shadow: inset 0 0 0 1px var(--swiss-red);--switch-thumb-bg: var(--swiss-panel-strong);--switch-thumb-border-width: 1px;--switch-thumb-border-color: var(--swiss-rule-strong);--switch-thumb-shadow: none;--switch-thumb-selected-bg: var(--swiss-panel-strong);--switch-thumb-selected-border-color: var(--swiss-ink);--switch-thumb-selected-shadow: none;--range-track-bg: rgba(255, 255, 255, .92);--range-track-border-width: 1px;--range-track-border-color: var(--swiss-rule-strong);--range-track-shadow: none;--range-track-height: 6px;--range-progress-bg: var(--swiss-red);--range-thumb-size: 16px;--range-thumb-bg: var(--swiss-red);--range-thumb-radius: var(--control-handle-radius);--range-thumb-border-width: 1px;--range-thumb-border-color: var(--swiss-ink);--range-thumb-shadow: none;--range-focus-ring: rgba(214, 22, 35, .32);--select-dropdown-title-color: var(--swiss-ink-muted);--select-scrollbar-color: var(--swiss-rule-strong);--select-option-radius: var(--action-radius);--select-option-color: var(--swiss-ink);--select-dot-color: var(--swiss-red);--select-dot-shadow: none;--app-title-icon-color: var(--swiss-red)}.theme-terminal{--terminal-green: rgba(64, 204, 109, 1);--terminal-green-bright: rgba(98, 243, 139, 1);--terminal-green-soft: rgba(46, 154, 79, 1);--terminal-green-dim: rgba(24, 103, 49, 1);--terminal-green-faint: rgba(9, 47, 21, 1);--terminal-green-glow: rgba(64, 204, 109, .2);--terminal-amber: rgba(232, 157, 0, 1);--terminal-red: rgba(241, 77, 76, 1);--bg-primary: rgba(0, 0, 0, 1);--bg-surface: rgba(0, 2, 0, 1);--bg-elevated: rgba(1, 7, 2, 1);--bg-overlay: rgba(0, 6, 0, .9);--fill-subtle: rgba(0, 3, 0, 1);--fill-muted: rgba(1, 12, 2, 1);--fill-active: rgba(64, 204, 109, .22);--border-subtle: var(--terminal-green-faint);--border-base: var(--terminal-green-dim);--border-active: var(--terminal-green);--radius-panel: 0px;--radius-modal: 0px;--radius-control: 0px;--radius-pill: 0px;--text-primary: var(--terminal-green);--text-secondary: var(--terminal-green-soft);--text-muted: var(--terminal-green-dim);--text-inverse: rgba(0, 0, 0, 1);--font-display: var(--font-mono);--font-app-sans: var(--font-mono);--font-app-mono: var(--font-mono);--type-readout-ff: var(--font-app-mono);--type-readout-fw: 700;--type-readout-letter-spacing: -.035em;--accent-primary: var(--terminal-green);--accent-primary-muted: rgba(64, 204, 109, .24);--accent-warning: var(--terminal-amber);--accent-danger: var(--terminal-red);--accent-success: var(--terminal-green);--shadow-sm: none;--shadow-panel: inset 0 0 0 1px rgba(0, 0, 0, .84), 0 0 0 1px var(--terminal-green-faint);--shadow-modal: inset 0 0 0 1px rgba(0, 0, 0, .9), 0 0 0 1px var(--terminal-green-dim), 0 0 14px var(--terminal-green-glow);--shadow-active-item: inset 0 0 0 1px rgba(0, 0, 0, .9), 0 0 0 1px var(--terminal-green), 0 0 10px rgba(64, 204, 109, .18);--shadow-glow-primary: 0 0 10px rgba(64, 204, 109, .2);--shadow-glow-warning: 0 0 10px rgba(232, 157, 0, .2);--shadow-glow-danger: 0 0 10px rgba(241, 77, 76, .2);--shadow-glow-elevated: 0 0 16px rgba(0, 14, 3, .82);--shadow-glow: var(--shadow-glow-primary);--overlay-blur: 0px;--modal-shell-overlay-blur: 0px;--overlay-sheen: none;--opacity-btn-hover: 1;--opacity-btn-active: 1;--opacity-disabled: .42;--transition-base: transform .05s steps(2), opacity .05s steps(2), filter .05s steps(2), box-shadow .05s steps(2), background-color .05s steps(2), border-color .05s steps(2), color .05s steps(2);--transition-fast: transform .02s steps(1), opacity .02s steps(1), filter .02s steps(1), box-shadow .02s steps(1), background-color .02s steps(1), border-color .02s steps(1), color .02s steps(1);--ui-chrome-fw: 700;--ui-chrome-letter-spacing: .14em;--ui-chrome-title-letter-spacing: .2em;--control-focus-ring: rgba(98, 243, 139, .34);--action-radius: 0px;--control-handle-radius: 0px;--app-bg-color: var(--bg-primary);--app-text-color: var(--text-primary);--app-title-icon-color: var(--terminal-green-soft);--app-bg-gradient: radial-gradient(circle at center, rgba(1, 10, 2, 1) 0%, rgba(0, 0, 0, 1) 72%);--surface-panel-bg: linear-gradient(180deg, rgba(1, 8, 2, .96) 0%, rgba(0, 2, 0, .98) 100%);--surface-panel-border-width: 1px;--surface-panel-border-color: var(--terminal-green-faint);--surface-panel-border: 1px solid var(--terminal-green-faint);--surface-panel-shadow: var(--shadow-panel);--surface-floating-bg: linear-gradient(180deg, rgba(1, 11, 3, .98) 0%, rgba(0, 3, 0, 1) 100%);--surface-floating-border-width: 1px;--surface-floating-border-color: var(--terminal-green-dim);--surface-floating-border: 1px solid var(--terminal-green-dim);--surface-floating-shadow: var(--shadow-modal);--surface-floating-inner-shadow: none;--surface-floating-sheen: none;--field-bg: rgba(0, 4, 0, 1);--field-border-width: 1px;--field-border-color: var(--terminal-green-dim);--field-border: 1px solid var(--terminal-green-dim);--field-color: var(--terminal-green);--field-shadow: inset 0 0 0 1px rgba(0, 0, 0, .74);--field-focus-border: var(--terminal-green);--field-focus-bg: rgba(0, 12, 2, 1);--control-bg: rgba(0, 4, 0, 1);--control-color: var(--terminal-green);--control-border-width: 1px;--control-border-color: var(--terminal-green-dim);--control-shadow: inset 0 0 0 1px rgba(0, 0, 0, .74);--control-active-bg: rgba(0, 12, 2, 1);--control-active-shadow: inset 0 0 0 1px rgba(0, 0, 0, .84);--control-active-transform: translate(1px, 1px);--control-quiet-bg: rgba(0, 4, 0, .92);--control-quiet-color: var(--terminal-green-soft);--control-quiet-border-width: 1px;--control-quiet-border-color: var(--terminal-green-faint);--control-quiet-shadow: inset 0 0 0 1px rgba(0, 0, 0, .74);--control-quiet-active-bg: rgba(0, 10, 1, .98);--control-quiet-active-shadow: inset 0 0 0 1px rgba(0, 0, 0, .84);--control-selected-bg: var(--terminal-green);--control-selected-color: var(--bg-primary);--control-selected-border-width: 1px;--control-selected-border-color: var(--terminal-green-bright);--control-selected-shadow: var(--shadow-active-item);--control-quiet-selected-bg: rgba(0, 10, 2, .98);--control-quiet-selected-color: var(--terminal-green-bright);--control-quiet-selected-border-width: 1px;--control-quiet-selected-border-color: var(--terminal-green);--control-quiet-selected-shadow: inset 0 0 0 1px rgba(0, 0, 0, .84), 0 0 8px rgba(64, 204, 109, .16);--action-outline-bg: var(--control-quiet-bg);--action-outline-color: var(--control-quiet-color);--action-outline-border-width: var(--control-quiet-border-width);--action-outline-border-color: var(--control-quiet-border-color);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: var(--control-quiet-active-bg);--action-outline-active-shadow: var(--control-quiet-active-shadow);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-width: var(--control-quiet-selected-border-width);--action-outline-selected-border-color: var(--control-quiet-selected-border-color);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--action-ghost-selected-bg: var(--control-quiet-selected-bg);--action-ghost-selected-color: var(--control-quiet-selected-color);--action-ghost-selected-border-width: var(--control-quiet-selected-border-width);--action-ghost-selected-border-color: var(--control-quiet-selected-border-color);--action-ghost-selected-shadow: var(--control-quiet-selected-shadow);--readout-label-color: var(--terminal-green-soft);--readout-value-color: var(--terminal-green-bright);--readout-value-shadow: 0 0 8px rgba(64, 204, 109, .28);--readout-blur-color: rgba(64, 204, 109, .2);--readout-blur-visibility: hidden;--readout-input-color: var(--terminal-green-bright);--readout-input-caret-color: var(--terminal-green-bright);--readout-input-selection: rgba(64, 204, 109, .32);--readout-input-border: none;--readout-controls-color: var(--terminal-green-soft);--readout-wheel-bg: repeating-linear-gradient( 180deg, transparent 0, transparent 7px, rgba(64, 204, 109, .05) 7px, rgba(64, 204, 109, .05) 8px ), linear-gradient(180deg, rgba(0, 9, 1, 1) 0%, rgba(0, 2, 0, 1) 100%);--readout-wheel-border: 1px solid var(--terminal-green-dim);--readout-wheel-shadow: inset 0 0 0 1px rgba(0, 0, 0, .84), 0 0 0 1px rgba(9, 47, 21, .96);--readout-wheel-active-shadow: inset 0 0 0 1px rgba(0, 0, 0, .88), 0 0 0 1px var(--terminal-green), 0 0 10px rgba(64, 204, 109, .18);--readout-wheel-line: var(--terminal-green-bright);--readout-wheel-line-glow: rgba(64, 204, 109, .2);--readout-wheel-tick: rgba(64, 204, 109, .2);--meter-block-radius: 0px;--meter-block-border: 1px solid var(--terminal-green-faint);--meter-block-bg: rgba(0, 3, 0, 1);--meter-block-shadow: inset 0 0 0 1px rgba(0, 0, 0, .72);--meter-block-empty: rgba(0, 2, 0, 1);--meter-block-empty-active: rgba(0, 16, 1, 1);--meter-block-accent: var(--terminal-green);--meter-block-accent-dim: rgba(31, 134, 67, 1);--meter-block-shadow-filled: inset 0 0 0 1px rgba(0, 0, 0, .78);--meter-block-shadow-active: inset 0 0 0 1px rgba(0, 0, 0, .86), 0 0 8px rgba(64, 204, 109, .16);--meter-label-color: var(--terminal-green-soft);--meter-controls-bg: rgba(0, 4, 0, .96);--meter-controls-border: 1px solid var(--terminal-green-faint);--meter-controls-shadow: inset 0 0 0 1px rgba(0, 0, 0, .74);--meter-value-color: var(--terminal-green-soft);--meter-value-active-color: var(--terminal-green-bright);--control-handle-bg: var(--terminal-green-soft);--control-handle-border-width: 1px;--control-handle-border-color: rgba(0, 0, 0, .86);--control-handle-shadow: 0 0 0 1px rgba(9, 47, 21, .96);--control-handle-selected-bg: var(--terminal-green-bright);--control-handle-selected-border-width: 1px;--control-handle-selected-border-color: rgba(0, 0, 0, .9);--control-handle-selected-shadow: 0 0 0 1px rgba(9, 47, 21, .96), 0 0 8px rgba(64, 204, 109, .16);--control-handle-accent-bg: var(--terminal-green);--control-handle-accent-border-width: 1px;--control-handle-accent-border-color: rgba(0, 0, 0, .88);--control-handle-accent-shadow: 0 0 0 1px rgba(9, 47, 21, .96), 0 0 8px rgba(64, 204, 109, .14);--switch-track-radius: 0px;--switch-track-bg: rgba(0, 4, 0, 1);--switch-track-border-width: 1px;--switch-track-border-color: var(--terminal-green-faint);--switch-track-shadow: inset 0 0 0 1px rgba(0, 0, 0, .74);--switch-track-selected-bg: rgba(0, 20, 3, 1);--switch-track-selected-border-color: var(--terminal-green);--switch-track-selected-shadow: inset 0 0 0 1px rgba(0, 0, 0, .82), 0 0 8px rgba(64, 204, 109, .14);--switch-thumb-bg: var(--terminal-green-soft);--switch-thumb-border-width: 1px;--switch-thumb-border-color: rgba(0, 0, 0, .86);--switch-thumb-shadow: 0 0 0 1px rgba(9, 47, 21, .96);--switch-thumb-selected-bg: var(--terminal-green-bright);--switch-thumb-selected-border-color: rgba(0, 0, 0, .9);--switch-thumb-selected-shadow: 0 0 0 1px rgba(9, 47, 21, .96), 0 0 8px rgba(64, 204, 109, .14);--range-track-bg: rgba(0, 4, 0, 1);--range-track-border-width: 1px;--range-track-border-color: var(--terminal-green-faint);--range-track-shadow: inset 0 0 0 1px rgba(0, 0, 0, .74);--range-progress-bg: linear-gradient(90deg, rgba(31, 134, 67, 1) 0%, rgba(98, 243, 139, .94) 100%);--range-thumb-bg: var(--terminal-green);--range-thumb-radius: 0px;--range-thumb-border-width: 1px;--range-thumb-border-color: rgba(0, 0, 0, .88);--range-thumb-shadow: 0 0 0 1px rgba(9, 47, 21, .96), 0 0 8px rgba(64, 204, 109, .14);--range-focus-ring: rgba(98, 243, 139, .34);--select-dropdown-title-color: var(--terminal-green-dim);--select-scrollbar-color: var(--terminal-green-soft);--select-option-radius: 0px;--select-option-color: var(--terminal-green);--select-option-fw: 700;--select-option-transform: uppercase;--select-option-letter-spacing: .04em;--select-dot-color: var(--terminal-green-bright);--select-dot-shadow: 0 0 6px rgba(64, 204, 109, .14)}.theme-terminal:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,#0000 0,#0000 2px,#40cc6d0b 2px,#40cc6d0b 3px),radial-gradient(circle at center,#40cc6d0f,#0000 62%),linear-gradient(180deg,#ffffff04,#00000014);background-size:100% 3px,100% 100%,100% 100%;z-index:10000}.theme-wood{--wood-cream: rgba(249, 225, 186, 1);--wood-flax: rgba(240, 206, 159, 1);--wood-grain-light: rgba(230, 188, 135, 1);--wood-grain-mid: rgba(209, 160, 103, 1);--wood-honey: rgba(196, 139, 73, 1);--wood-caramel: rgba(163, 104, 41, 1);--wood-umber: rgba(89, 50, 17, 1);--wood-espresso: rgba(44, 19, 2, 1);--wood-light-top: rgba(253, 252, 249, .95);--wood-light-side: rgba(253, 252, 249, .52);--wood-shadow-base: rgba(72, 43, 20, .22);--wood-shadow-deep: rgba(49, 24, 7, .36);--wood-shadow-inset: rgba(55, 29, 8, .28);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;--bg-primary: rgba(235, 204, 159, 1);--bg-surface: rgba(243, 216, 175, 1);--bg-elevated: rgba(250, 229, 195, 1);--bg-overlay: rgba(34, 18, 5, .54);--fill-subtle: rgba(229, 193, 146, .65);--fill-muted: rgba(216, 175, 125, .82);--fill-active: var(--wood-caramel);--border-subtle: rgba(146, 103, 59, .2);--border-base: rgba(117, 78, 39, .34);--border-active: var(--wood-caramel);--radius-panel: 6px;--radius-modal: 10px;--radius-control: 4px;--radius-pill: 9999px;--text-primary: var(--wood-espresso);--text-secondary: rgba(80, 47, 17, 1);--text-muted: rgba(122, 93, 65, 1);--text-inverse: rgba(246, 241, 233, 1);--font-display: "Avenir Next", "Segoe UI", var(--font-sans);--accent-primary: var(--wood-caramel);--accent-primary-muted: rgba(194, 149, 96, .44);--accent-warning: rgba(190, 76, 0, 1);--accent-danger: rgba(154, 11, 44, 1);--accent-success: rgba(15, 113, 38, 1);--shadow-sm: inset 0 1.5px 0 var(--wood-light-top), inset 0 -1.5px 0 var(--wood-shadow-base), inset 1px 0 0 var(--wood-light-side), 0 2px 5px var(--wood-shadow-base);--shadow-panel: inset 0 2px 0 var(--wood-light-top), inset 0 -1.5px 0 rgba(72, 43, 20, .2), inset 1.5px 0 0 var(--wood-light-side), inset -1px 0 0 rgba(72, 43, 20, .1), 0 3px 10px -1px var(--wood-shadow-base), 0 6px 20px -4px var(--wood-shadow-deep);--shadow-modal: inset 0 2px 0 var(--wood-light-top), inset 0 -1.5px 0 rgba(72, 43, 20, .22), 0 28px 60px -10px var(--wood-shadow-deep), 0 10px 28px -4px var(--wood-shadow-base), 0 0 0 1px var(--border-subtle);--shadow-active-item: inset 0 1px 0 rgba(255, 255, 255, .18), 0 0 0 1px rgba(122, 76, 28, .5), 0 3px 8px rgba(72, 43, 20, .18);--shadow-glow-primary: 0 0 0 1px rgba(163, 104, 41, .18);--shadow-glow-warning: 0 0 0 1px rgba(190, 76, 0, .18);--shadow-glow-danger: 0 0 0 1px rgba(154, 11, 44, .2);--shadow-glow-elevated: 0 18px 38px rgba(49, 24, 7, .28);--shadow-glow: var(--shadow-glow-primary);--overlay-blur: 0px;--modal-shell-overlay-blur: 4px;--overlay-sheen: linear-gradient( 160deg, rgba(255, 255, 255, .68) 0%, rgba(255, 255, 255, .2) 40%, rgba(255, 255, 255, 0) 70% );--ui-chrome-transform: none;--ui-chrome-letter-spacing: .04em;--ui-chrome-title-letter-spacing: .08em;--control-focus-ring: rgba(163, 104, 41, .28);--app-title-icon-color: rgba(132, 84, 34, .86);--app-bg-gradient: repeating-linear-gradient( 89deg, rgba(149, 115, 78, .08) 0px, rgba(149, 115, 78, .08) 1px, transparent 1px, transparent 22px ), repeating-linear-gradient( 89deg, rgba(171, 140, 104, .05) 0px, rgba(171, 140, 104, .05) 1px, transparent 1px, transparent 7px ), radial-gradient(ellipse 70% 45% at 20% 10%, rgba(251, 244, 232, .56) 0%, transparent 65%), radial-gradient(ellipse 50% 60% at 85% 90%, rgba(182, 144, 104, .24) 0%, transparent 60%), linear-gradient( 155deg, rgba(241, 215, 173, 1) 0%, rgba(229, 193, 144, 1) 55%, rgba(221, 178, 126, 1) 100% );--readout-label-color: var(--text-muted);--readout-value-bg-clip: border-box;--readout-value-webkit-bg-clip: border-box;--readout-value-color: var(--text-primary);--readout-value-gradient: none;--readout-value-shadow: 0 3px 0 rgba(253, 252, 249, .75), 0 -1px 0 var(--wood-shadow-base), 3px 5px 12px var(--wood-shadow-base);--readout-value-filter: none;--readout-value-weight: 900;--readout-value-letter-spacing: -.04em;--readout-blur-color: rgba(163, 104, 41, .16);--readout-blur-visibility: hidden;--readout-input-color: var(--wood-espresso);--readout-input-caret-color: var(--wood-caramel);--readout-input-selection: rgba(196, 139, 73, .28);--readout-controls-color: var(--text-secondary);--readout-wheel-bg: linear-gradient(to bottom, rgba(242, 218, 181, 1) 0%, rgba(231, 196, 150, 1) 100%);--readout-wheel-border: 1px solid var(--border-base);--readout-wheel-shadow: inset 0 1.5px 0 var(--wood-light-top), inset 0 -1.5px 0 var(--wood-shadow-base), inset 1px 0 0 var(--wood-light-side), inset 0 6px 10px rgba(55, 29, 8, .14), 0 2px 5px var(--wood-shadow-base);--readout-wheel-active-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .58), inset 0 -1px 0 var(--wood-shadow-base), inset 0 6px 12px rgba(55, 29, 8, .18), 0 0 0 1px rgba(163, 104, 41, .28);--readout-wheel-line: var(--wood-caramel);--readout-wheel-line-glow: transparent;--readout-wheel-tick: var(--wood-grain-mid);--control-bg: linear-gradient(to bottom, rgba(250, 233, 203, 1) 0%, rgba(238, 211, 172, 1) 100%);--control-color: var(--text-primary);--control-border-width: 1px;--control-border-color: rgba(117, 78, 39, .42);--control-shadow: var(--shadow-sm);--control-active-bg: linear-gradient( to bottom, rgba(228, 193, 148, 1) 0%, rgba(236, 208, 167, 1) 100% );--control-active-shadow: inset 0 2px 4px var(--wood-shadow-inset), inset 0 -1px 0 rgba(253, 252, 249, .42);--control-quiet-bg: rgba(244, 222, 187, .72);--control-quiet-color: var(--text-secondary);--control-quiet-border-width: 1px;--control-quiet-border-color: rgba(146, 103, 59, .26);--control-quiet-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 3px rgba(72, 43, 20, .12);--control-quiet-active-bg: rgba(232, 202, 161, .82);--control-quiet-active-shadow: inset 0 2px 4px rgba(55, 29, 8, .14), inset 0 -1px 0 rgba(253, 252, 249, .28);--action-active-transform: scale(.96);--action-solid-bg: var(--control-bg);--action-solid-color: var(--control-color);--action-solid-shadow: var(--shadow-sm);--action-solid-border-width: 1px;--action-solid-border-color: var(--control-border-color);--action-solid-active-shadow: var(--control-active-shadow);--action-solid-active-bg: var(--control-active-bg);--control-selected-bg: linear-gradient( to bottom, rgba(154, 95, 21, 1) 0%, rgba(136, 77, 6, 1) 100% );--control-selected-border-width: 1px;--control-selected-border-color: rgba(244, 214, 173, .36);--control-selected-color: var(--text-inverse);--control-selected-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .26), inset 0 -1.5px 0 rgba(44, 19, 4, .28), 0 0 0 1px rgba(117, 78, 39, .28), 0 3px 8px rgba(88, 42, 0, .24);--action-solid-selected-bg: var(--control-selected-bg);--action-solid-selected-color: var(--control-selected-color);--action-solid-selected-border-width: var(--control-selected-border-width);--action-solid-selected-border-color: var(--control-selected-border-color);--action-solid-selected-shadow: var(--control-selected-shadow);--action-outline-bg: var(--control-quiet-bg);--action-outline-color: var(--control-quiet-color);--action-outline-border-width: var(--control-quiet-border-width);--action-outline-border-color: rgba(117, 78, 39, .38);--action-outline-shadow: var(--control-quiet-shadow);--action-outline-active-bg: var(--control-quiet-active-bg);--action-outline-active-shadow: var(--control-quiet-active-shadow);--control-quiet-selected-bg: linear-gradient( to bottom, rgba(142, 88, 26, .98) 0%, rgba(111, 65, 18, 1) 100% );--control-quiet-selected-color: var(--text-inverse);--control-quiet-selected-border-width: 1px;--control-quiet-selected-border-color: rgba(103, 60, 18, .62);--control-quiet-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(44, 19, 4, .32), 0 0 0 1px rgba(163, 104, 41, .18);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-width: var(--control-quiet-selected-border-width);--action-outline-selected-border-color: var(--control-quiet-selected-border-color);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--action-ghost-selected-bg: rgba(232, 201, 160, .82);--action-ghost-selected-color: var(--text-primary);--action-ghost-selected-border-width: 1px;--action-ghost-selected-border-color: rgba(146, 103, 59, .36);--action-ghost-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 0 0 1px rgba(163, 104, 41, .12);--surface-floating-bg: linear-gradient(180deg, rgba(255, 248, 239, .18) 0%, rgba(255, 248, 239, 0) 22%), linear-gradient(180deg, rgba(250, 232, 201, 1) 0%, rgba(241, 212, 171, 1) 100%);--surface-floating-border-width: 1px;--surface-floating-border-color: var(--border-base);--surface-floating-inner-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .48), inset 0 -1px 0 rgba(72, 43, 20, .1);--surface-floating-shadow: inset 0 1.5px 0 var(--wood-light-top), inset 0 -1.5px 0 var(--wood-shadow-base), inset 1.5px 0 0 var(--wood-light-side), inset -1px 0 0 rgba(72, 43, 20, .1), 0 20px 48px -8px var(--wood-shadow-deep), 0 8px 20px -4px var(--wood-shadow-base), 0 0 0 1px var(--border-subtle);--surface-floating-sheen: linear-gradient( to bottom, rgba(255, 255, 255, .62) 0%, rgba(255, 255, 255, .12) 30%, rgba(255, 255, 255, 0) 55% );--select-dropdown-title-color: var(--text-muted);--select-scrollbar-color: rgba(117, 78, 39, .34);--select-option-radius: var(--action-radius);--select-option-color: var(--text-primary);--select-dot-color: var(--wood-caramel);--select-dot-shadow: 0 0 0 2px rgba(163, 104, 41, .16);--meter-block-bg: linear-gradient(to bottom, rgba(228, 191, 142, .66) 0%, rgba(215, 173, 121, .72) 100%);--meter-block-empty: linear-gradient( to bottom, rgba(228, 191, 142, .56) 0%, rgba(215, 173, 121, .62) 100% );--meter-block-empty-active: var(--meter-block-empty);--meter-block-border: 1px solid rgba(141, 106, 67, .12);--meter-block-shadow: inset 0 1.5px 3px var(--wood-shadow-inset), inset 0 -1px 0 rgba(253, 252, 249, .45);--meter-block-accent: linear-gradient( to bottom, rgba(154, 95, 21, 1) 0%, rgba(136, 77, 6, 1) 100% );--meter-block-accent-dim: linear-gradient( to bottom, rgba(194, 141, 81, .96) 0%, rgba(166, 112, 51, .96) 100% );--meter-block-shadow-filled: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(72, 43, 20, .16);--meter-block-shadow-active: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(72, 43, 20, .2), 0 0 0 1px rgba(163, 104, 41, .18);--meter-label-color: var(--text-muted);--meter-controls-bg: rgba(244, 222, 187, .82);--meter-controls-border: 1px solid rgba(117, 78, 39, .3);--meter-controls-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 2px 6px rgba(72, 43, 20, .12);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--wood-caramel);--surface-panel-bg: linear-gradient(to bottom, rgba(246, 222, 184, 1) 0%, rgba(235, 204, 159, 1) 100%);--surface-panel-border: 1px solid var(--border-base);--surface-panel-shadow: var(--shadow-panel);--range-track-bg: rgba(213, 172, 122, .72);--range-track-border-width: 1px;--range-track-border-color: rgba(146, 103, 59, .2);--range-track-height: 8px;--range-track-shadow: inset 0 1.5px 4px var(--wood-shadow-inset), inset 0 -1px 0 rgba(253, 252, 249, .38);--range-progress-bg: linear-gradient(to right, rgba(172, 114, 43, 1) 0%, rgba(154, 95, 30, 1) 100%);--range-thumb-size: 18px;--range-thumb-bg: var(--control-handle-accent-bg);--range-thumb-radius: var(--control-handle-radius, var(--radius-control));--range-thumb-border-width: 1px;--range-thumb-border-color: rgba(253, 252, 249, .55);--range-thumb-shadow: var(--control-handle-accent-shadow);--range-focus-ring: rgba(163, 104, 41, .24);--control-handle-radius: 999px;--control-handle-accent-bg: linear-gradient( to bottom, rgba(172, 114, 43, 1) 0%, rgba(154, 95, 30, 1) 100% );--control-handle-accent-border-color: rgba(253, 252, 249, .55);--control-handle-accent-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .32), inset 0 -1.5px 0 rgba(44, 19, 4, .26), 0 3px 8px var(--wood-shadow-deep);--switch-track-bg: linear-gradient(to bottom, rgba(221, 182, 132, .88) 0%, rgba(201, 157, 104, .92) 100%);--switch-track-border-width: 1px;--switch-track-border-color: rgba(117, 78, 39, .32);--switch-track-radius: 999px;--switch-track-shadow: inset 0 1.5px 4px var(--wood-shadow-inset), inset 0 -1px 0 rgba(253, 252, 249, .38);--switch-track-selected-bg: linear-gradient( to bottom, rgba(154, 95, 21, 1) 0%, rgba(127, 74, 12, 1) 100% );--switch-track-selected-border-color: rgba(103, 60, 18, .62);--switch-track-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(44, 19, 4, .28), 0 0 0 1px rgba(163, 104, 41, .14);--control-handle-bg: linear-gradient(to bottom, rgba(250, 248, 244, 1) 0%, rgba(231, 209, 175, 1) 100%);--control-handle-border-width: 1px;--control-handle-border-color: rgba(253, 252, 249, .55);--control-handle-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .68), inset 0 -1px 0 rgba(103, 60, 18, .18), 0 3px 7px var(--wood-shadow-deep);--switch-thumb-bg: var(--control-handle-bg);--switch-thumb-radius: var(--control-handle-radius);--switch-thumb-border-width: var(--control-handle-border-width);--switch-thumb-border-color: var(--control-handle-border-color);--switch-thumb-shadow: var(--control-handle-shadow);--control-handle-selected-bg: linear-gradient( to bottom, rgba(252, 249, 244, 1) 0%, rgba(237, 216, 184, 1) 100% );--control-handle-selected-border-width: 1px;--control-handle-selected-border-color: rgba(253, 252, 249, .55);--control-handle-selected-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .68), inset 0 -1px 0 rgba(103, 60, 18, .18), 0 3px 7px var(--wood-shadow-deep);--switch-thumb-selected-bg: var(--control-handle-selected-bg);--switch-thumb-selected-border-color: rgba(251, 233, 207, .72);--switch-thumb-selected-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .72), inset 0 -1px 0 rgba(103, 60, 18, .2), 0 3px 7px rgba(49, 24, 7, .3);--field-bg: linear-gradient(to bottom, rgba(224, 185, 136, .72) 0%, rgba(209, 166, 115, .82) 100%);--field-border-width: 1px;--field-border-color: rgba(117, 78, 39, .28);--field-border: 1px solid var(--field-border-color);--field-color: var(--text-primary);--field-shadow: inset 0 2px 4px var(--wood-shadow-inset), inset 0 -1px 0 rgba(253, 252, 249, .38);--field-focus-border: rgba(163, 104, 41, .52);--field-focus-bg: linear-gradient(180deg, rgba(236, 205, 164, .92) 0%, rgba(223, 185, 136, .96) 100%);--opacity-btn-active: .8;--transition-base: transform .2s cubic-bezier(.26, 0, .12, 1), opacity .2s cubic-bezier(.26, 0, .12, 1), filter .2s cubic-bezier(.26, 0, .12, 1), box-shadow .2s cubic-bezier(.26, 0, .12, 1), background-color .2s cubic-bezier(.26, 0, .12, 1), border-color .2s cubic-bezier(.26, 0, .12, 1), color .2s cubic-bezier(.26, 0, .12, 1);--transition-fast: transform .11s cubic-bezier(.26, 0, .12, 1), opacity .11s cubic-bezier(.26, 0, .12, 1), filter .11s cubic-bezier(.26, 0, .12, 1), box-shadow .11s cubic-bezier(.26, 0, .12, 1), background-color .11s cubic-bezier(.26, 0, .12, 1), border-color .11s cubic-bezier(.26, 0, .12, 1), color .11s cubic-bezier(.26, 0, .12, 1)}.theme-zen{--zen-ink: rgba(13, 56, 73, 1);--zen-ink-faint: rgba(13, 56, 73, .08);--zen-ink-mid: rgba(13, 56, 73, .18);--zen-ink-strong: rgba(13, 56, 73, .55);--zen-paper: rgba(243, 248, 250, 1);--zen-paper-warm: rgba(245, 241, 236, 1);--zen-mist: rgba(220, 227, 229, 1);--zen-sage-wash: rgba(223, 234, 228, 1);--zen-sage-soft: rgba(46, 87, 70, .14);--bg-primary: rgba(243, 248, 250, 1);--bg-surface: rgba(247, 251, 252, 1);--bg-elevated: rgba(252, 254, 254, 1);--bg-overlay: rgba(0, 26, 34, .18);--fill-subtle: rgba(234, 240, 242, 1);--fill-muted: rgba(222, 230, 233, 1);--fill-active: rgba(13, 56, 73, 1);--border-subtle: rgba(23, 57, 55, .08);--border-base: rgba(23, 57, 55, .14);--border-active: rgba(46, 87, 70, .4);--radius-panel: 10px;--radius-modal: 16px;--radius-control: 8px;--radius-pill: 999px;--text-primary: rgba(1, 30, 40, 1);--text-secondary: rgba(40, 64, 62, 1);--text-muted: rgba(98, 115, 114, 1);--text-inverse: rgba(243, 248, 250, 1);--accent-primary: rgba(46, 87, 70, 1);--accent-primary-muted: rgba(46, 87, 70, .16);--accent-warning: rgba(178, 119, 68, 1);--accent-danger: rgba(177, 70, 72, 1);--accent-success: rgba(46, 128, 90, 1);--shadow-sm: 0 1px 4px rgba(13, 56, 73, .04);--shadow-panel: 0 1px 0 rgba(13, 56, 73, .05) inset, 0 8px 24px rgba(13, 56, 73, .04), 0 2px 6px rgba(13, 56, 73, .03);--shadow-modal: 0 1px 0 rgba(13, 56, 73, .06) inset, 0 32px 80px rgba(1, 30, 40, .1), 0 4px 16px rgba(1, 30, 40, .05);--shadow-active-item: 0 0 0 1.5px rgba(46, 87, 70, .3), 0 4px 14px rgba(46, 87, 70, .08);--shadow-glow: 0 0 12px rgba(46, 87, 70, .09);--shadow-glow-primary: 0 0 12px rgba(46, 87, 70, .09);--shadow-glow-warning: 0 0 8px rgba(178, 119, 68, .16);--shadow-glow-danger: 0 0 8px rgba(177, 70, 72, .16);--shadow-glow-elevated: 0 0 16px rgba(13, 56, 73, .04);--overlay-blur: 16px;--overlay-sheen: linear-gradient( 180deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .06) 58%, rgba(255, 255, 255, 0) 100% );--opacity-btn-hover: .85;--opacity-btn-active: .6;--transition-base: transform .55s cubic-bezier(.16, 1, .3, 1), opacity .55s cubic-bezier(.16, 1, .3, 1), filter .55s cubic-bezier(.16, 1, .3, 1), box-shadow .55s cubic-bezier(.16, 1, .3, 1), background-color .55s cubic-bezier(.16, 1, .3, 1), border-color .55s cubic-bezier(.16, 1, .3, 1), color .55s cubic-bezier(.16, 1, .3, 1);--transition-fast: transform .28s cubic-bezier(.16, 1, .3, 1), opacity .28s cubic-bezier(.16, 1, .3, 1), filter .28s cubic-bezier(.16, 1, .3, 1), box-shadow .28s cubic-bezier(.16, 1, .3, 1), background-color .28s cubic-bezier(.16, 1, .3, 1), border-color .28s cubic-bezier(.16, 1, .3, 1), color .28s cubic-bezier(.16, 1, .3, 1);--ui-chrome-transform: none;--ui-chrome-letter-spacing: .04em;--ui-chrome-title-letter-spacing: .08em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-bg-gradient: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"), linear-gradient(160deg, rgba(247, 251, 252, 1) 0%, rgba(247, 243, 237, 1) 100%);--control-focus-ring: rgba(46, 87, 70, .28);--readout-value-weight: 260;--readout-value-letter-spacing: .02em;--readout-value-color: rgba(1, 30, 40, 1);--readout-value-filter: none;--readout-value-shadow: none;--readout-label-color: var(--text-muted);--readout-input-color: var(--readout-value-color);--readout-input-caret-color: var(--accent-primary);--readout-input-selection: rgba(46, 87, 70, .18);--readout-wheel-bg: linear-gradient(180deg, rgba(251, 253, 253, 1) 0%, rgba(236, 242, 243, 1) 100%);--readout-wheel-border: 1px solid rgba(13, 56, 73, .1);--readout-wheel-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), inset 0 -1px 0 rgba(13, 56, 73, .03), 0 3px 10px rgba(13, 56, 73, .04);--readout-wheel-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), inset 0 -1px 0 rgba(46, 87, 70, .07), 0 0 0 1px rgba(46, 87, 70, .14), 0 6px 14px rgba(13, 56, 73, .04);--readout-wheel-tick: rgba(46, 87, 70, .34);--readout-wheel-line: rgba(46, 87, 70, 1);--readout-wheel-line-glow: transparent;--meter-block-bg: var(--fill-subtle);--meter-block-empty: rgba(228, 237, 240, 1);--meter-block-empty-active: rgba(208, 227, 224, 1);--meter-block-border: 1px solid rgba(13, 56, 73, .06);--meter-block-accent: var(--accent-primary);--meter-block-accent-dim: rgba(142, 173, 158, 1);--meter-block-shadow: inset 0 1px 0 rgba(255, 255, 255, .38);--meter-block-shadow-filled: inset 0 1px 0 rgba(255, 255, 255, .16);--meter-block-shadow-active: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 1px rgba(46, 87, 70, .08);--meter-controls-bg: rgba(245, 249, 250, .84);--meter-controls-border: 1px solid rgba(13, 56, 73, .08);--meter-controls-shadow: inset 0 1px 0 rgba(255, 255, 255, .62);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--accent-primary);--surface-panel-bg: rgba(247, 251, 252, .82);--surface-panel-blur: var(--overlay-blur);--surface-panel-border: 1px solid rgba(13, 56, 73, .08);--surface-panel-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 rgba(13, 56, 73, .04) inset, 0 16px 48px rgba(13, 56, 73, .06);--control-bg: rgba(236, 243, 244, .92);--control-border-color: rgba(13, 56, 73, .08);--control-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 1px 2px rgba(13, 56, 73, .03);--control-active-bg: rgba(232, 239, 240, .96);--control-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .58);--control-selected-bg: rgba(46, 87, 70, .12);--control-selected-color: rgba(46, 87, 70, 1);--control-selected-border-color: rgba(46, 87, 70, .22);--control-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 2px 8px rgba(46, 87, 70, .05);--control-quiet-bg: rgba(250, 252, 253, .56);--control-quiet-color: var(--text-secondary);--control-quiet-border-color: rgba(13, 56, 73, .08);--control-quiet-shadow: inset 0 1px 0 rgba(255, 255, 255, .42);--control-quiet-active-bg: rgba(246, 250, 251, .72);--control-quiet-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .52);--control-quiet-selected-bg: rgba(223, 234, 228, .92);--control-quiet-selected-color: var(--accent-primary);--control-quiet-selected-border-color: rgba(46, 87, 70, .18);--control-quiet-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 2px 8px rgba(46, 87, 70, .04);--field-bg: rgba(250, 252, 253, .9);--field-color: var(--zen-ink);--field-border-color: rgba(13, 56, 73, .08);--field-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);--field-focus-border: rgba(46, 87, 70, .28);--field-focus-bg: rgba(252, 254, 254, .98);--action-solid-bg: rgba(237, 243, 245, 1);--action-solid-color: var(--text-primary);--action-solid-border-width: 1px;--action-solid-border-color: rgba(13, 56, 73, .06);--action-solid-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 1px 3px rgba(13, 56, 73, .05);--action-solid-active-bg: rgba(232, 239, 240, 1);--action-solid-active-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 1px 2px rgba(13, 56, 73, .04);--action-outline-bg: rgba(250, 252, 253, .56);--action-outline-color: var(--text-secondary);--action-outline-border-width: 1px;--action-outline-border-color: rgba(13, 56, 73, .12);--action-outline-shadow: inset 0 1px 0 rgba(255, 255, 255, .46);--action-outline-selected-bg: var(--control-quiet-selected-bg);--action-outline-selected-color: var(--control-quiet-selected-color);--action-outline-selected-border-width: 1px;--action-outline-selected-border-color: var(--control-quiet-selected-border-color);--action-outline-selected-shadow: var(--control-quiet-selected-shadow);--surface-floating-bg: rgba(250, 252, 253, .92);--surface-floating-border: 1px solid rgba(13, 56, 73, .08);--surface-floating-blur: var(--overlay-blur);--surface-floating-shadow: 0 1px 0 rgba(255, 255, 255, .44) inset, 0 18px 48px rgba(13, 56, 73, .08), 0 4px 14px rgba(13, 56, 73, .04);--surface-floating-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), inset 0 -1px 0 rgba(13, 56, 73, .03);--surface-floating-sheen: linear-gradient( 180deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .04) 64%, rgba(255, 255, 255, 0) 100% );--modal-shell-overlay-blur: var(--overlay-blur);--control-handle-bg: rgba(252, 254, 253, 1);--control-handle-border-color: rgba(13, 56, 73, .08);--control-handle-shadow: 0 2px 8px rgba(13, 56, 73, .08);--control-handle-selected-bg: rgba(46, 87, 70, .94);--control-handle-selected-border-color: rgba(245, 241, 236, .72);--control-handle-selected-shadow: 0 2px 8px rgba(46, 87, 70, .16);--control-handle-accent-bg: rgba(46, 87, 70, 1);--control-handle-accent-border-color: rgba(245, 241, 236, .82);--control-handle-accent-shadow: 0 2px 8px rgba(46, 87, 70, .18);--switch-track-bg: rgba(231, 238, 240, .96);--switch-track-border-color: rgba(13, 56, 73, .08);--switch-track-shadow: inset 0 1px 0 rgba(255, 255, 255, .64);--switch-track-selected-bg: rgba(223, 234, 228, .96);--switch-track-selected-border-color: rgba(46, 87, 70, .18);--switch-track-selected-shadow: inset 0 1px 0 rgba(255, 255, 255, .44);--range-track-bg: rgba(228, 236, 238, .92);--range-track-border-color: rgba(13, 56, 73, .08);--range-track-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);--range-progress-bg: rgba(46, 87, 70, 1);--range-thumb-bg: linear-gradient(180deg, rgba(251, 253, 252, 1) 0%, rgba(229, 236, 233, 1) 100%);--range-thumb-border-width: 1px;--range-thumb-border-color: rgba(46, 87, 70, .24);--range-thumb-shadow: 0 2px 8px rgba(13, 56, 73, .08), inset 0 1px 0 rgba(255, 255, 255, .68);--select-option-radius: var(--action-radius);--select-dropdown-title-color: rgba(76, 97, 94, .78);--select-dot-shadow: 0 0 0 1px rgba(252, 254, 253, .72)}:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--gray-0: rgba(252, 252, 252, 1);--gray-50: rgba(236, 243, 248, 1);--gray-100: rgba(216, 223, 228, 1);--gray-200: rgba(184, 191, 196, 1);--gray-300: rgba(148, 160, 170, 1);--gray-400: rgba(118, 130, 139, 1);--gray-500: rgba(89, 101, 110, 1);--gray-600: rgba(62, 73, 82, 1);--gray-700: rgba(37, 47, 55, 1);--gray-800: rgba(14, 23, 30, 1);--gray-900: rgba(0, 4, 8, 1);--gray-950: rgba(0, 0, 2, 1);--black: #000000;--white: #ffffff;--amber-500: rgba(232, 157, 0, 1);--cyan-500: rgba(0, 194, 239, 1);--purple-500: rgba(177, 128, 252, 1);--blue-500: rgba(62, 137, 255, 1);--red-500: rgba(241, 77, 76, 1);--green-500: rgba(67, 185, 102, 1)}:root{--bg-primary: var(--black);--bg-surface: var(--gray-950);--bg-elevated: var(--gray-900);--bg-overlay: rgba(0, 0, 0, .8);--fill-subtle: var(--gray-950);--fill-muted: var(--gray-900);--fill-active: var(--white);--border-subtle: var(--gray-900);--border-base: var(--gray-800);--border-active: var(--white);--radius-panel: var(--radius-lg);--radius-modal: var(--radius-xl);--radius-control: var(--radius-md);--radius-pill: var(--radius-full);--radius-badge: var(--radius-pill);--surface-panel-bg: var(--bg-surface);--surface-panel-blur: var(--overlay-blur);--surface-panel-border-width: 1px;--surface-panel-border-color: var(--border-subtle);--surface-panel-border: var(--surface-panel-border-width) solid var(--surface-panel-border-color);--surface-panel-shadow: var(--shadow-panel);--surface-panel-radius: var(--radius-panel);--surface-floating-bg: var(--bg-surface);--surface-floating-blur: var(--overlay-blur);--surface-floating-border-width: 1px;--surface-floating-border-color: var(--border-subtle);--surface-floating-border: var(--surface-floating-border-width) solid var(--surface-floating-border-color);--surface-floating-shadow: var(--shadow-modal);--surface-floating-radius: var(--radius-modal);--surface-floating-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--surface-floating-sheen: var(--overlay-sheen);--control-radius: var(--radius-control);--control-height-sm: 2rem;--control-height-md: 2.5rem;--control-height-lg: 3rem;--control-size-icon-sm: 2rem;--control-size-icon-md: 2.5rem;--control-padding-inline-sm: .75rem;--control-padding-inline-md: 1rem;--control-padding-inline-lg: 1.5rem;--control-focus-ring: var(--accent-primary);--control-active-opacity: var(--opacity-btn-active);--control-active-transform: scale(.98);--control-bg: var(--fill-subtle);--control-color: var(--text-primary);--control-border-width: 1px;--control-border-color: var(--border-subtle);--control-shadow: none;--control-active-bg: var(--control-bg);--control-active-shadow: none;--control-selected-bg: var(--fill-active);--control-selected-color: var(--text-inverse);--control-selected-border-width: var(--control-border-width);--control-selected-border-color: var(--border-active);--control-selected-shadow: var(--shadow-active-item);--control-quiet-selected-bg: var(--control-selected-bg);--control-quiet-selected-color: var(--control-selected-color);--control-quiet-selected-border-width: var(--control-selected-border-width);--control-quiet-selected-border-color: var(--control-selected-border-color);--control-quiet-selected-shadow: var(--control-selected-shadow);--control-quiet-bg: transparent;--control-quiet-color: var(--text-secondary);--control-quiet-border-width: 1px;--control-quiet-border-color: transparent;--control-quiet-shadow: none;--control-quiet-active-bg: var(--control-quiet-bg);--control-quiet-active-shadow: none;--control-handle-radius: var(--control-radius);--control-handle-bg: var(--text-primary);--control-handle-border-width: 1px;--control-handle-border-color: transparent;--control-handle-shadow: var(--shadow-sm);--control-handle-selected-bg: var(--control-selected-color);--control-handle-selected-border-width: var(--control-handle-border-width);--control-handle-selected-border-color: var(--control-handle-border-color);--control-handle-selected-shadow: var(--control-handle-shadow);--control-handle-accent-bg: var(--accent-primary);--control-handle-accent-border-width: var(--control-handle-border-width);--control-handle-accent-border-color: var(--bg-elevated);--control-handle-accent-shadow: var(--control-handle-shadow);--field-bg: var(--control-bg);--field-border-width: var(--control-border-width);--field-border-color: var(--control-border-color);--field-border: var(--field-border-width) solid var(--field-border-color);--field-radius: var(--control-radius);--field-color: var(--text-primary);--field-shadow: var(--control-shadow);--field-focus-border: var(--accent-primary);--field-focus-bg: var(--bg-surface);--text-primary: var(--white);--text-secondary: var(--gray-300);--text-muted: var(--gray-500);--text-inverse: var(--black);--font-app-sans: var(--font-sans);--font-app-mono: var(--font-mono);--font-display: var(--font-app-sans);--ui-chrome-ff: var(--font-display);--ui-chrome-fw: 700;--ui-chrome-transform: uppercase;--ui-chrome-letter-spacing: .05em;--ui-chrome-title-letter-spacing: .08em;--type-title-ff: var(--font-display);--type-title-fw: 600;--type-title-transform: none;--type-title-letter-spacing: -.02em;--type-title-size-sm: 1rem;--type-title-size-md: 1.125rem;--type-body-ff: var(--font-app-sans);--type-body-fw: 400;--type-body-strong-fw: 600;--type-body-size-sm: .875rem;--type-body-size-md: 1rem;--type-caption-ff: var(--font-app-sans);--type-caption-fw: 600;--type-caption-transform: none;--type-caption-letter-spacing: .02em;--type-caption-size: .75rem;--type-control-ff: var(--ui-chrome-ff);--type-control-fw: var(--ui-chrome-fw);--type-control-transform: var(--ui-chrome-transform);--type-control-letter-spacing: var(--ui-chrome-letter-spacing);--type-control-title-letter-spacing: var(--ui-chrome-title-letter-spacing);--type-control-size-sm: .75rem;--type-control-size-md: .875rem;--type-control-size-lg: 1rem;--type-metric-ff: var(--font-app-mono);--type-metric-fw: 600;--type-metric-letter-spacing: -.02em;--type-readout-ff: var(--font-display);--type-readout-fw: 700;--type-readout-letter-spacing: -.05em;--accent-primary: var(--blue-500);--accent-primary-muted: rgba(64, 99, 156, 1);--accent-warning: var(--amber-500);--accent-danger: var(--red-500);--accent-success: var(--green-500);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-panel: 0 0 0 1px var(--border-base);--shadow-modal: 0 0 0 1px var(--border-base), 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-active-item: 0 0 0 1px var(--border-active);--shadow-glow-primary: 0 0 5px var(--accent-primary);--shadow-glow-warning: 0 0 5px var(--accent-warning);--shadow-glow-danger: 0 0 5px var(--accent-danger);--shadow-glow-elevated: 0 0 10px var(--bg-elevated);--shadow-glow: var(--shadow-glow-primary);--overlay-blur: 0px;--overlay-sheen: none;--opacity-btn-hover: .8;--opacity-btn-active: .7;--opacity-disabled: .5;--transition-base: transform .2s ease, opacity .2s ease, filter .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;--transition-fast: transform .1s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1), filter .1s cubic-bezier(.4, 0, .2, 1), box-shadow .1s cubic-bezier(.4, 0, .2, 1), background-color .1s cubic-bezier(.4, 0, .2, 1), border-color .1s cubic-bezier(.4, 0, .2, 1), color .1s cubic-bezier(.4, 0, .2, 1)}:root{--action-font-family: var(--type-control-ff, var(--ui-chrome-ff, var(--font-display)));--action-font-weight: var(--type-control-fw, var(--ui-chrome-fw, 700));--action-letter-spacing: var( --type-control-letter-spacing, var(--ui-chrome-letter-spacing, .05em) );--action-text-transform: var(--type-control-transform, var(--ui-chrome-transform, uppercase));--action-radius: var(--control-radius, var(--radius-control));--action-focus-ring: var(--control-focus-ring, var(--accent-primary, #3b82f6));--action-active-opacity: var(--control-active-opacity, var(--opacity-btn-active, .7));--action-active-transform: var(--control-active-transform, scale(.98));--action-solid-bg: var(--control-bg, var(--fill-subtle));--action-solid-color: var(--control-color, var(--text-primary));--action-solid-border-width: var(--control-border-width, 1px);--action-solid-border-color: var(--control-border-color, transparent);--action-solid-shadow: var(--control-shadow, none);--action-solid-active-bg: var(--control-active-bg, var(--action-solid-bg));--action-solid-active-shadow: var(--control-active-shadow, none);--action-solid-selected-bg: var(--control-selected-bg, var(--accent-primary));--action-solid-selected-color: var(--control-selected-color, var(--text-inverse));--action-solid-selected-border-width: var( --control-selected-border-width, var(--action-solid-border-width) );--action-solid-selected-border-color: var(--control-selected-border-color, var(--accent-primary));--action-solid-selected-shadow: var(--control-selected-shadow, none);--action-outline-bg: var(--control-quiet-bg, transparent);--action-outline-color: var(--control-quiet-color, var(--text-secondary));--action-outline-border-width: var(--control-border-width, 1px);--action-outline-border-color: var(--control-border-color, var(--border-subtle));--action-outline-shadow: var(--control-shadow, none);--action-outline-active-bg: var(--control-quiet-active-bg, var(--action-outline-bg));--action-outline-active-shadow: var(--control-quiet-active-shadow, none);--action-outline-selected-bg: var(--action-outline-bg, var(--control-quiet-bg, transparent));--action-outline-selected-color: var(--control-quiet-selected-color, var(--accent-primary));--action-outline-selected-border-width: var( --action-outline-border-width, var(--control-border-width, 1px) );--action-outline-selected-border-color: var( --control-quiet-selected-border-color, var(--accent-primary) );--action-outline-selected-shadow: var(--action-outline-shadow, var(--control-shadow, none));--action-ghost-bg: var(--control-quiet-bg, transparent);--action-ghost-color: var(--control-quiet-color, var(--text-secondary));--action-ghost-border-width: var(--control-quiet-border-width, 1px);--action-ghost-border-color: var(--control-quiet-border-color, transparent);--action-ghost-shadow: var(--control-quiet-shadow, none);--action-ghost-active-bg: var(--control-quiet-active-bg, var(--action-ghost-bg));--action-ghost-active-shadow: var(--control-quiet-active-shadow, none);--action-ghost-selected-bg: var(--control-quiet-selected-bg, transparent);--action-ghost-selected-color: var(--control-quiet-selected-color, var(--accent-primary));--action-ghost-selected-border-width: var( --control-quiet-selected-border-width, var(--action-ghost-border-width) );--action-ghost-selected-border-color: var( --control-quiet-selected-border-color, var(--action-ghost-border-color) );--action-ghost-selected-shadow: var(--control-quiet-selected-shadow, none);--switch-width: 52px;--switch-height: 28px;--switch-padding: 3px;--switch-track-bg: var(--control-bg, var(--fill-subtle));--switch-track-shadow: var(--control-shadow, none);--switch-track-radius: var(--control-radius, var(--radius-control));--switch-track-border-width: var(--control-border-width, 1px);--switch-track-border-color: var(--control-border-color, var(--border-subtle));--switch-track-selected-bg: var(--control-selected-bg, var(--accent-primary));--switch-track-selected-border-color: var(--control-selected-border-color, var(--accent-primary));--switch-track-selected-shadow: var(--control-selected-shadow, var(--switch-track-shadow, none));--switch-thumb-bg: var(--control-handle-bg, var(--text-primary));--switch-thumb-radius: var( --control-handle-radius, var(--switch-track-radius, var(--control-radius, var(--radius-control))) );--switch-thumb-border-width: var(--control-handle-border-width, 1px);--switch-thumb-border-color: var(--control-handle-border-color, transparent);--switch-thumb-shadow: var(--control-handle-shadow, var(--shadow-sm));--switch-thumb-selected-bg: var( --control-handle-selected-bg, var(--switch-thumb-bg, var(--text-primary)) );--switch-thumb-selected-border-color: var( --control-handle-selected-border-color, var(--switch-thumb-border-color, transparent) );--switch-thumb-selected-shadow: var( --control-handle-selected-shadow, var(--switch-thumb-shadow, var(--shadow-sm)) );--range-track-bg: var(--field-bg, var(--fill-muted));--range-track-border-width: 1px;--range-track-border-color: var(--field-border-color, var(--border-subtle));--range-track-shadow: var(--field-shadow, none);--range-track-height: 8px;--range-progress-bg: var(--accent-primary);--range-thumb-size: 18px;--range-thumb-bg: var(--control-handle-accent-bg, var(--accent-primary));--range-thumb-radius: var(--control-handle-radius, var(--radius-control));--range-thumb-border-width: var(--control-handle-accent-border-width, 1px);--range-thumb-border-color: var(--control-handle-accent-border-color, var(--bg-elevated));--range-thumb-shadow: var(--control-handle-accent-shadow, var(--shadow-sm));--range-focus-ring: var(--control-focus-ring, var(--accent-primary));--readout-transition: var(--transition-base);--readout-label-ff: var(--type-control-ff, var(--font-display));--readout-label-color: var(--text-muted);--readout-label-size: 1.125rem;--readout-label-weight: var(--type-control-fw, 700);--readout-label-letter-spacing: var(--type-control-title-letter-spacing, .08em);--readout-label-gap: 2rem;--readout-value-ff: var(--type-readout-ff, var(--font-display));--readout-value-size-mobile: 6rem;--readout-value-size-desktop: 10rem;--readout-value-weight: var(--type-readout-fw, 700);--readout-value-letter-spacing: var(--type-readout-letter-spacing, -.05em);--readout-value-bg-clip: text;--readout-value-webkit-bg-clip: text;--readout-value-color: var(--text-primary);--readout-value-gradient: none;--readout-value-filter: none;--readout-value-shadow: none;--readout-blur-color: var(--fill-active);--readout-blur-visibility: visible;--readout-input-ff: var(--readout-value-ff, var(--type-readout-ff, var(--font-display)));--readout-input-color: var(--readout-value-color, var(--text-primary));--readout-input-filter: none;--readout-input-caret-color: var(--text-primary);--readout-input-selection: var(--fill-active);--readout-input-border: none;--readout-input-letter-spacing: var( --readout-value-letter-spacing, var(--type-readout-letter-spacing, -.05em) );--readout-controls-color: var(--control-quiet-color, var(--text-secondary));--readout-wheel-bg: var(--field-bg, var(--control-bg, var(--bg-surface)));--readout-wheel-radius: var(--field-radius, var(--control-radius, var(--radius-control)));--readout-wheel-border: var( --field-border, var(--control-border-width, 1px) solid var(--control-border-color, var(--border-subtle)) );--readout-wheel-shadow: var(--field-shadow, var(--control-shadow, var(--shadow-panel)));--readout-wheel-active-opacity: 1;--readout-wheel-active-shadow: var( --control-selected-shadow, var(--readout-wheel-shadow, var(--shadow-panel)) );--readout-wheel-active-transform: none;--readout-wheel-tick: var(--border-active);--readout-wheel-line: var(--control-focus-ring, var(--accent-primary));--readout-wheel-line-glow: transparent;--meter-block-radius: var(--control-radius, var(--radius-control));--meter-block-border: none;--meter-block-bg: var(--control-bg, var(--fill-subtle));--meter-block-shadow: var(--control-shadow, none);--meter-block-shadow-filled: none;--meter-block-shadow-active: var(--meter-block-shadow-filled, var(--meter-block-shadow, none));--meter-block-accent: var(--accent-primary);--meter-block-accent-dim: var(--accent-primary-muted);--meter-block-empty: var(--meter-block-bg, var(--fill-subtle));--meter-block-empty-active: var(--meter-block-empty, var(--meter-block-bg, var(--fill-subtle)));--meter-label-color: var(--text-muted);--meter-label-ff: var(--type-control-ff, var(--font-display));--meter-label-fw: var(--type-control-fw, 700);--meter-label-transform: var(--type-control-transform, uppercase);--meter-label-letter-spacing: var(--type-control-letter-spacing, .05em);--meter-controls-bg: var(--control-bg, var(--fill-subtle));--meter-controls-radius: var(--control-radius, var(--radius-control));--meter-controls-border: var(--control-border-width, 1px) solid var(--control-border-color, var(--border-subtle));--meter-controls-shadow: var(--control-shadow, none);--meter-value-color: var(--text-secondary);--meter-value-active-color: var(--accent-primary);--meter-value-ff: var(--type-metric-ff, var(--font-app-mono));--meter-value-fw: var(--type-metric-fw, 600);--meter-value-transition: color .2s}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;-webkit-tap-highlight-color:transparent}body{min-width:320px;height:100dvh;margin:0;padding:0;font-family:var(--type-body-ff, var(--font-app-sans));font-weight:var(--type-body-fw, 400);color:var(--text-primary);line-height:1.5}button{cursor:pointer;background:transparent;padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input,textarea,select,button{font:inherit;color:inherit}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer}pre,code,kbd,samp{font-family:var(--font-app-mono)}