:root{--bg-base: #0b0e14;--bg-surface: #12161f;--bg-elevated: #1a1f2b;--border: #232a37;--border-strong: #313a4b;--text-primary: #e6eaf2;--text-secondary: #9ba6b7;--text-muted: #7e8a9c;--text-on-accent: #0b0e14;--accent: #6366f1;--accent-hover: #7c7ff2;--accent-subtle: rgba(99, 102, 241, .12);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--info: #60a5fa;--pastel-orange: #f4b183;--pastel-red: #ef9a9a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--focus-ring-width: 3px;--control-height: 32px;--z-popover: 50;--width-dialog: 520px;--width-palette: 560px;--blur-backdrop: 3px;--blur-overlay: 6px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 16px rgba(0, 0, 0, .35);--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--ease: cubic-bezier(.4, 0, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(300px,340px);grid-template-rows:auto 1fr;grid-template-areas:"topbar topbar topbar" "sidebar viewport dock";height:100vh;height:100dvh;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base)}.app--dock-collapsed{grid-template-columns:minmax(280px,320px) minmax(0,1fr);grid-template-areas:"topbar topbar" "sidebar viewport"}.app--compact{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"topbar" "viewport" "tabbar"}.app--embed{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"viewport"}.app__topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-surface)}.app__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600;letter-spacing:.01em}.app__brand-mark{flex:none;color:var(--accent)}.app__topbar--compact{justify-content:space-between;padding-top:max(var(--space-3),env(safe-area-inset-top));padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.app__topbar--compact .btn--icon{width:var(--space-12);height:var(--space-12)}.app__topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.app__topbar-divider{width:1px;align-self:stretch;margin:var(--space-1) var(--space-1);background:var(--border)}.lab-actions{display:flex;align-items:center;gap:var(--space-2)}.app__dock{grid-area:dock;border-left:1px solid var(--border);background:var(--bg-surface);overflow-y:auto;padding:var(--space-4)}.app__sidebar{grid-area:sidebar;border-right:1px solid var(--border);background:var(--bg-surface);overflow-y:auto;padding:var(--space-4)}.app__viewport{grid-area:viewport;position:relative;min-width:0;min-height:0}.app__status-overlay{position:absolute;left:var(--space-4);bottom:var(--space-4);pointer-events:none}.app--compact .app__status-overlay{right:var(--space-4)}.app--compact .status{flex-wrap:wrap;gap:var(--space-1) var(--space-3);width:fit-content;max-width:100%}.app__rec-overlay{position:absolute;top:var(--space-4);right:var(--space-4);pointer-events:none}.rec-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay));font-size:var(--text-xs);color:var(--text-primary)}.rec-indicator__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--danger);animation:rec-pulse 1.4s var(--ease) infinite}.rec-indicator__label{font-weight:600;letter-spacing:.06em}.rec-indicator__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary)}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.rec-indicator__dot{animation:none}}.app__tabbar{grid-area:tabbar;display:flex;align-items:center;justify-content:space-around;gap:var(--space-2);padding:var(--space-2) var(--space-4);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-surface)}.tabbar__item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--space-12);padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);cursor:pointer;transition:color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease)}.tabbar__item:hover{color:var(--text-primary)}.tabbar__item:active{color:var(--text-primary);background:var(--bg-elevated)}.tabbar__item[aria-pressed=true]{color:var(--accent);background:var(--accent-subtle)}.tabbar__item:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent)}.tabbar__label{line-height:1}.tabbar__play.btn--icon{flex:0 0 auto;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full)}.panel__title{margin:0 0 var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.panel__group{display:flex;flex-direction:column;gap:var(--space-4)}.control-group{margin-top:var(--space-6)}.control-group:first-of-type{margin-top:0}.control-group__title{margin:0 0 var(--space-3);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;color:var(--text-secondary)}.measurements{border:none}.measurements__group{display:flex;flex-direction:column;gap:var(--space-4)}.measurements__chart{display:flex;flex-direction:column;gap:var(--space-2)}.measurements__label{font-size:var(--text-xs);color:var(--text-secondary)}.measurements__legend{color:var(--accent)}.units-select{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.units-select__label{font-size:var(--text-xs);color:var(--text-secondary)}.units-select .select{width:100%}.readouts{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-6)}.readouts--empty{color:var(--text-muted);font-size:var(--text-xs)}.readouts__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0}.readouts__label{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.readouts__value{margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text-primary)}.readouts__flag{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--warning)}.readouts__note{margin:var(--space-2) 0 var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.gaslaw{margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.gaslaw__title{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.gaslaw__rows{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.gaslaw__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0}.gaslaw__label{font-size:var(--text-xs);color:var(--text-secondary)}.gaslaw__value{margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text-primary)}.gaslaw__value--accent{color:var(--accent)}.gaslaw__value--warn{color:var(--pastel-orange)}.gaslaw__value--danger{color:var(--pastel-red)}.zgauge{margin-top:var(--space-3)}.zgauge__plot{width:100%;height:16px;display:block}.zgauge__track{stroke:var(--border-strong);stroke-width:1}.zgauge__deviation{fill:var(--accent-subtle)}.zgauge__ideal{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:2 2}.zgauge__marker{stroke:var(--accent);stroke-width:2}.zgauge--warn .zgauge__marker{stroke:var(--pastel-orange)}.zgauge--warn .zgauge__deviation{fill:color-mix(in srgb,var(--pastel-orange) 28%,transparent)}.zgauge--danger .zgauge__marker{stroke:var(--pastel-red)}.zgauge--danger .zgauge__deviation{fill:color-mix(in srgb,var(--pastel-red) 28%,transparent)}.zgauge__scale{display:flex;justify-content:space-between;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.chart{width:100%}.chart--empty{display:flex;align-items:center;justify-content:center;height:110px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs)}.distribution{width:100%;height:90px;display:block}.distribution__bar{fill:var(--accent-subtle);stroke:var(--accent);stroke-width:.3}.distribution__curve{fill:none;stroke:var(--warning);stroke-width:1.5}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field--toggle{flex-direction:row;align-items:center;justify-content:space-between}.field__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.field__label{font-size:var(--text-sm);color:var(--text-secondary)}.field__value{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-primary)}.field__unit{color:var(--text-muted)}.field__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--radius-full);background:var(--border-strong);outline:none;cursor:pointer}.field__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--radius-full);background:var(--accent);border:none;transition:transform var(--motion-fast) var(--ease)}.field__range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:var(--radius-full);background:var(--accent)}.field__range:hover::-webkit-slider-thumb{transform:scale(1.15)}.field__range:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.field__range:disabled{opacity:.5;cursor:not-allowed}.field__range:disabled::-webkit-slider-thumb{background:var(--text-muted)}.field__range:disabled::-moz-range-thumb{background:var(--text-muted)}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:36px;height:20px;border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;transition:background var(--motion-base) var(--ease);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--text-primary);transition:transform var(--motion-base) var(--ease)}.toggle:hover{background:var(--text-muted)}.toggle:checked{background:var(--accent)}.toggle:checked:hover{background:var(--accent-hover)}.toggle:checked:after{transform:translate(16px)}.toggle:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.toggle:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;line-height:1;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.btn--icon{width:var(--control-height);padding:0}.btn:hover{border-color:var(--border-strong);background:var(--bg-surface)}.btn:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){background:var(--bg-surface)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.toolbar{display:flex;align-items:center;gap:var(--space-2)}.toolbar__record{color:var(--danger)}.toolbar__record[aria-pressed=true]{background:color-mix(in srgb,var(--danger) 18%,var(--bg-elevated));border-color:color-mix(in srgb,var(--danger) 45%,var(--border-strong))}.toolbar__record[aria-pressed=true]:hover{background:color-mix(in srgb,var(--danger) 26%,var(--bg-elevated))}.mode-select{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.mode-select__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.mode-select__about{margin:var(--space-3) 0 0;font-size:var(--text-xs);line-height:1.5;color:var(--text-secondary)}.view-toggle{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.view-toggle__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.segmented{display:inline-flex;padding:2px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.segmented__option{flex:1;height:28px;padding:0 var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.segmented__option:hover{color:var(--text-primary)}.segmented__option.is-active{background:var(--accent);color:var(--text-on-accent)}.segmented__option:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.dropdown{position:relative;display:flex}.mode-select .select{width:100%}.select{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:var(--control-height);padding:0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);line-height:1;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.select:hover{background:var(--bg-surface)}.select:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.select__chevron{color:var(--text-muted);flex-shrink:0}.dropdown__menu{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:var(--z-popover);min-width:100%;display:flex;flex-direction:column;padding:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.dropdown__option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);text-align:left;white-space:nowrap;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.dropdown__option:hover{background:var(--bg-surface);color:var(--text-primary)}.dropdown__option:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.dropdown__option.is-selected{color:var(--accent)}.dropdown__check{display:inline-flex;width:16px;flex-shrink:0;color:var(--accent)}.status{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay));font-size:var(--text-xs)}.status__dot{width:8px;height:8px;border-radius:var(--radius-full)}.status__dot--running{background:var(--success)}.status__dot--paused{background:var(--text-muted)}.status__label{color:var(--text-secondary)}.status__metric{display:flex;gap:var(--space-2);align-items:baseline}.status__metric-label{color:var(--text-muted)}.status__metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary)}.dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-popover);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--bg-base) 70%,transparent);-webkit-backdrop-filter:blur(var(--blur-backdrop));backdrop-filter:blur(var(--blur-backdrop))}.dialog__backdrop--top{align-items:flex-start;padding-top:12vh}.dialog{width:100%;max-width:var(--width-dialog);max-height:85vh;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);outline:none}.dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.dialog__title{margin:0;font-size:var(--text-md);font-weight:600}.dialog__description{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.dialog__body{padding:var(--space-4);overflow-y:auto}.dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.dialog__backdrop--sheet{align-items:flex-end;padding:0}.dialog--sheet{width:100%;max-width:none;max-height:85dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;padding-bottom:env(safe-area-inset-bottom);animation:sheet-in var(--motion-base) var(--ease)}.dialog__handle{flex:none;width:var(--space-8);height:var(--space-1);margin:var(--space-2) auto 0;border-radius:var(--radius-full);background:var(--border-strong)}.dialog--sheet .dialog__body{flex:1 1 auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dialog--sheet .panel__title{display:none}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dialog--sheet{animation:none}}.textfield{display:flex;flex-direction:column;gap:var(--space-2)}.textfield__label{font-size:var(--text-xs);color:var(--text-secondary)}.textfield__input{height:var(--control-height);padding:0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--ease)}.textfield__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.tabs__list{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.tabs__tab{padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--motion-fast) var(--ease)}.tabs__tab:hover{color:var(--text-primary)}.tabs__tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.tabs__tab:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle);border-radius:var(--radius-sm)}.tabs__panel:focus-visible{outline:none}.tooltip{position:relative;display:inline-flex}.tooltip__bubble{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);z-index:var(--z-popover);white-space:nowrap;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);pointer-events:none}.palette{width:100%;max-width:var(--width-palette);display:flex;flex-direction:column;max-height:60vh;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.palette__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.palette__search-icon{color:var(--text-muted);flex-shrink:0}.palette__input{flex:1;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);outline:none}.palette__list{list-style:none;margin:0;padding:var(--space-1);overflow-y:auto}.palette__item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);text-align:left;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.palette__item.is-active{background:var(--accent-subtle);color:var(--text-primary)}.palette__item.is-disabled{opacity:.45;cursor:not-allowed}.palette__item-title{font-weight:500}.palette__item-group{font-size:var(--text-xs);color:var(--text-muted)}.palette__empty{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.welcome-list{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.welcome-list strong{color:var(--text-primary);font-weight:600}.kbd{font-family:var(--font-mono);font-size:var(--text-xs);padding:0 var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preset-save{display:flex;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-4)}.preset-save .textfield{flex:1}.preset-empty{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.preset-error{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--danger)}.preset-list{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.preset-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-md)}.preset-row:hover{background:var(--bg-surface)}.preset-row__load{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);text-align:left;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary)}.preset-row__load:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.preset-row__name{font-size:var(--text-sm);font-weight:500}.preset-row__mode{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.preset-row__edit{flex:1;height:var(--control-height);padding:0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--accent);border-radius:var(--radius-md)}.preset-row__edit:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.preset-row__actions{display:flex;gap:var(--space-1)}.preset-io{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border)}.share-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.share-field:last-child{margin-bottom:0}.share-field__label{font-size:var(--text-xs);color:var(--text-secondary)}.share-field__row{display:flex;gap:var(--space-2)}.share-field__input{flex:1;min-width:0;height:var(--control-height);padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.share-field__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.export-panel{display:flex;flex-direction:column;gap:var(--space-4)}.export-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.export-row__label{font-size:var(--text-sm);color:var(--text-secondary)}.button-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.button-group--end{justify-content:flex-end}.button-group--between{justify-content:space-between}.export-row .dropdown{width:160px}.export-row .select{width:100%}.export-hint{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.export-recording{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 10%,var(--bg-surface));font-size:var(--text-sm);color:var(--text-primary)}.export-recording__label{font-weight:600}.export-error{margin:0;font-size:var(--text-sm);color:var(--danger)}.cards{display:flex;flex-direction:column;gap:var(--space-2)}.card{display:flex;flex-direction:column;gap:var(--space-1);width:100%;padding:var(--space-3);text-align:left;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease)}.card:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.card:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--accent-subtle)}.card__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.card__summary{font-size:var(--text-xs);color:var(--text-secondary)}.card__meta{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.challenge{display:flex;flex-direction:column;gap:var(--space-3)}.challenge__progress{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.challenge__prompt{margin:0;font-size:var(--text-base);color:var(--text-primary);line-height:1.5}.challenge__hint{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.challenge__check{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-surface);border:1px solid var(--border)}.challenge__check.is-met{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.challenge__check-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted);flex-shrink:0}.challenge__check.is-met .challenge__check-dot{background:var(--success)}@media(max-width:480px){.dialog:not(.dialog--sheet),.palette{max-width:100%}.dialog__backdrop--top{padding-top:var(--space-8)}}@media(pointer:coarse){.palette__input,.textfield__input,.preset-row__edit,.share-field__input{font-size:var(--text-md)}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}