@layer tokens,base,components,app;@layer tokens.tokens{:root{--paper: #fcfcfb;--paper-2: #f4f6f5;--ink: #16191d;--hairline: #e7ebec;--steel: #77838d;--green: #009a44;--green-dark: #00782f;--warn: #8a6500;--danger: #b3261e;--dark-bg: #0d0d0f;--dark-surface: #16171a;--dark-text: #e7ecea;--dark-muted: #a6b7af;--surface-stage: var(--dark-bg);--surface-panel: var(--dark-surface);--green-bright: #33c46b;--green-brighter: #52d07e;--font-ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;color-scheme:light dark;--color-bg: var(--paper);--color-bg: light-dark(var(--paper), var(--dark-bg));--color-surface: #ffffff;--color-surface: light-dark(#ffffff, var(--dark-surface));--color-surface-2: var(--paper-2);--color-surface-2: light-dark(var(--paper-2), var(--dark-bg));--color-border: var(--hairline);--color-border: light-dark(var(--hairline), #2a2a2e);--color-text: var(--ink);--color-text: light-dark(var(--ink), var(--dark-text));--color-text-muted: #5a5f5c;--color-text-muted: light-dark(#5a5f5c, var(--dark-muted));--color-text-subtle: var(--steel);--color-text-subtle: light-dark(var(--steel), #7e938a);--color-accent: var(--green);--color-accent: light-dark(var(--green), var(--green-bright));--color-accent-strong: var(--green-dark);--color-accent-strong: light-dark(var(--green-dark), var(--green-brighter));--color-accent-on: #ffffff;--color-accent-on: light-dark(#ffffff, var(--dark-bg));--color-accent-quiet: #e6f4ec;--color-accent-quiet: light-dark(#e6f4ec, #173a28);--color-warn: var(--warn);--color-warn: light-dark(var(--warn), #d9a93a);--color-danger: var(--danger);--color-danger: light-dark(var(--danger), #f2857d);--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent-strong);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-card: 14px;--radius-button: 11px;--radius-pill: 999px;--radius-input: 8px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-raised: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 28px -14px rgba(0, 0, 0, .18);--shadow-overlay: 0 12px 40px -12px rgba(0, 0, 0, .28);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .32s;--motion-stagger: 40ms;--ease-standard: cubic-bezier(.22, 1, .36, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--step--1: clamp(.72rem, .7rem + .1vw, .78rem);--step-0: clamp(.9rem, .87rem + .15vw, 1rem);--step-1: clamp(1rem, .95rem + .3vw, 1.15rem);--step-2: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-3: clamp(1.7rem, 1.4rem + 1.4vw, 2.2rem);--leading-tight: 1.15;--leading-body: 1.5}[data-theme=light]{color-scheme:light;--color-bg: var(--paper);--color-surface: #ffffff;--color-surface-2: var(--paper-2);--color-border: var(--hairline);--color-text: var(--ink);--color-text-muted: #5a5f5c;--color-text-subtle: var(--steel);--color-accent: var(--green);--color-accent-strong: var(--green-dark);--color-accent-on: #ffffff;--color-accent-quiet: #e6f4ec;--color-warn: var(--warn);--color-danger: var(--danger);--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent-strong)}[data-theme=dark]{color-scheme:dark;--color-bg: var(--dark-bg);--color-surface: var(--dark-surface);--color-surface-2: var(--dark-bg);--color-border: #2a2a2e;--color-text: var(--dark-text);--color-text-muted: var(--dark-muted);--color-text-subtle: #7e938a;--color-accent: var(--green-bright);--color-accent-strong: var(--green-brighter);--color-accent-on: var(--dark-bg);--color-accent-quiet: #173a28;--color-warn: #d9a93a;--color-danger: #f2857d;--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent-strong);--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-raised: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 28px -14px rgba(0, 0, 0, .6);--shadow-overlay: 0 12px 40px -12px rgba(0, 0, 0, .7)}.vspx-scope-instrument{color-scheme:dark;--color-bg: var(--dark-bg);--color-surface: var(--dark-surface);--color-surface-2: var(--dark-bg);--color-border: #2a2a2e;--color-text: var(--dark-text);--color-text-muted: var(--dark-muted);--color-text-subtle: #7e938a;--color-accent: var(--green-bright);--color-accent-strong: var(--green-brighter);--color-accent-on: var(--ink);--color-accent-quiet: #173a28;--color-warn: #d9a93a;--color-danger: #f2857d;--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent-strong);--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-raised: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 28px -14px rgba(0, 0, 0, .6);--shadow-overlay: 0 12px 40px -12px rgba(0, 0, 0, .7);--glass-blur: 12px;--grid-line: rgba(255, 255, 255, .08)}}@layer base.base{*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--step-0);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video,canvas{max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit}code,kbd,samp,pre{font-family:var(--font-mono)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring)}.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:1000;padding-block:.5rem;padding-inline:.9rem;border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text);text-decoration:none;box-shadow:var(--focus-ring);clip-path:inset(50%);block-size:1px;inline-size:1px;overflow:hidden;white-space:nowrap}.skip-link:focus,.skip-link:focus-visible{clip-path:none;block-size:auto;inline-size:auto;overflow:visible;white-space:normal}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.min-target{min-inline-size:44px;min-block-size:44px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root{--motion-fast: 1ms;--motion-base: 1ms;--motion-slow: 1ms;--motion-stagger: 0ms}}@media(forced-colors:active){:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid Highlight;outline-offset:2px}.skip-link{border:1px solid ButtonText}}}