@layer app-tokens,app-reset,app;@layer app-tokens{:root{--color-accent-500: #D43900;--color-accent-600: #BA3200;--color-accent-400: #FF6A33;--color-accent-100: #FFE4D6;--color-accent-a10: rgba(212, 57, 0, .1);--color-text-inverse: #FFFFFF;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--type-display-size: 40px;--type-display-line: 48px;--type-h1-size: 32px;--type-h1-line: 40px;--type-h2-size: 24px;--type-h2-line: 32px;--type-h3-size: 18px;--type-h3-line: 26px;--type-body-size: 15px;--type-body-line: 24px;--type-body-sm-size: 13px;--type-body-sm-line: 20px;--type-caption-size: 12px;--type-caption-line: 16px;--type-mono-lg-size: 20px;--type-mono-lg-line: 28px;--type-mono-size: 13px;--type-mono-line: 20px;--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-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--motion-easing: cubic-bezier(.2, 0, 0, 1);--color-success-500: #1E8E5A;--color-warning-500: #B5790A;--color-error-500: #C4362B;--color-info-500: #2E6FCC}:where(:root){--color-bg-canvas: #FAFAF8;--color-bg-surface: #FFFFFF;--color-bg-surface-raised: #FFFFFF;--color-bg-inset: #F2F1EE;--color-border-hairline: #E4E2DD;--color-border-strong: #C9C6BE;--color-text-primary: #151719;--color-text-secondary: #5B5F66;--color-text-tertiary: #6D717A;--color-ink-navy: #161C2A;--color-text-on-success: #FFFFFF;--color-success-500: #1E8E5A;--color-warning-500: #B5790A;--color-error-500: #C4362B;--color-info-500: #2E6FCC;--elevation-1: 0 1px 2px rgba(21, 23, 25, .06);--elevation-2: 0 4px 16px rgba(21, 23, 25, .1);--elevation-3: 0 12px 40px rgba(21, 23, 25, .16);--backdrop-color: rgba(21, 23, 25, .4);color-scheme:light}[data-theme=light]{--color-bg-canvas: #FAFAF8;--color-bg-surface: #FFFFFF;--color-bg-surface-raised: #FFFFFF;--color-bg-inset: #F2F1EE;--color-border-hairline: #E4E2DD;--color-border-strong: #C9C6BE;--color-text-primary: #151719;--color-text-secondary: #5B5F66;--color-text-tertiary: #6D717A;--color-ink-navy: #161C2A;--color-text-on-success: #FFFFFF;--color-success-500: #1E8E5A;--color-warning-500: #B5790A;--color-error-500: #C4362B;--color-info-500: #2E6FCC;--elevation-1: 0 1px 2px rgba(21, 23, 25, .06);--elevation-2: 0 4px 16px rgba(21, 23, 25, .1);--elevation-3: 0 12px 40px rgba(21, 23, 25, .16);--backdrop-color: rgba(21, 23, 25, .4);color-scheme:light}[data-theme=dark]{--color-bg-canvas: #0B0F14;--color-bg-surface: #121821;--color-bg-surface-raised: #1A222D;--color-bg-inset: #0E141B;--color-border-hairline: #26313F;--color-border-strong: #3A4A5C;--color-text-primary: #F4F6F8;--color-text-secondary: #9AA7B5;--color-text-tertiary: #6B7789;--color-ink-navy: #161C2A;--color-text-on-success: #0B0F14;--color-success-500: #3DD68C;--color-warning-500: #F2B84B;--color-error-500: #FF6B5E;--color-info-500: #6FA8FF;--elevation-1: none;--elevation-2: 0 4px 20px rgba(0, 0, 0, .45);--elevation-3: 0 16px 48px rgba(0, 0, 0, .55);--backdrop-color: rgba(11, 15, 20, .6);color-scheme:dark}@media(prefers-color-scheme:dark){:where(:root):not([data-theme]){--color-bg-canvas: #0B0F14;--color-bg-surface: #121821;--color-bg-surface-raised: #1A222D;--color-bg-inset: #0E141B;--color-border-hairline: #26313F;--color-border-strong: #3A4A5C;--color-text-primary: #F4F6F8;--color-text-secondary: #9AA7B5;--color-text-tertiary: #6B7789;--color-text-on-success: #0B0F14;--color-success-500: #3DD68C;--color-warning-500: #F2B84B;--color-error-500: #FF6B5E;--color-info-500: #6FA8FF;--elevation-1: none;--elevation-2: 0 4px 20px rgba(0, 0, 0, .45);--elevation-3: 0 16px 48px rgba(0, 0, 0, .55);--backdrop-color: rgba(11, 15, 20, .6);color-scheme:dark}}}@layer app-reset{*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--color-text-primary);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;color:var(--color-text-primary)}h1{font-size:var(--type-h1-size);line-height:var(--type-h1-line)}h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line)}h3{font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:500}p{margin:0}a{color:var(--color-accent-500)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-inset)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:var(--type-body-size);line-height:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-easing),border-color var(--motion-fast) var(--motion-easing),transform var(--motion-fast) var(--motion-easing),box-shadow var(--motion-fast) var(--motion-easing)}.btn:hover:not(:disabled){background:var(--color-bg-inset)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-accent-500);border-color:var(--color-accent-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-600);border-color:var(--color-accent-600);box-shadow:var(--elevation-1)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg-inset)}.btn-destructive{border-color:var(--color-error-500);color:var(--color-error-500);background:transparent}.btn-destructive:hover:not(:disabled){background:color-mix(in srgb,var(--color-error-500) 12%,transparent)}.field{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.field-label{font-family:var(--font-body);font-size:var(--type-caption-size);font-weight:500;letter-spacing:.02em;color:var(--color-text-secondary)}.field-input{font-family:var(--font-body);font-size:var(--type-body-size);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:border-color var(--motion-fast) var(--motion-easing),box-shadow var(--motion-fast) var(--motion-easing)}.field-input::placeholder{color:var(--color-text-tertiary)}.field-input:hover:not(:disabled){border-color:var(--color-text-tertiary)}.field-input:focus-visible,.field-input:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 2px var(--color-accent-400)}.field-input:disabled{background:var(--color-bg-inset);color:var(--color-text-tertiary);cursor:not-allowed}.field.has-error .field-input{border-color:var(--color-error-500)}.field-error{font-size:var(--type-body-sm-size);color:var(--color-error-500)}.field-hint{font-size:var(--type-body-sm-size);color:var(--color-text-secondary)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);padding:var(--space-5)}.card-interactive{cursor:pointer;transition:box-shadow var(--motion-fast) var(--motion-easing),background-color var(--motion-fast) var(--motion-easing)}.card-interactive:hover{box-shadow:var(--elevation-1);background:var(--color-bg-surface-raised)}.card-interactive:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--type-caption-size);font-weight:500;letter-spacing:.02em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent}.badge-neutral{background:var(--color-bg-inset);color:var(--color-text-secondary);border-color:var(--color-border-hairline)}.badge-success{background:color-mix(in srgb,var(--color-success-500) 12%,transparent);color:var(--color-success-500)}.badge-warning{background:color-mix(in srgb,var(--color-warning-500) 12%,transparent);color:var(--color-warning-500)}.badge-error{background:color-mix(in srgb,var(--color-error-500) 12%,transparent);color:var(--color-error-500)}.badge-info{background:color-mix(in srgb,var(--color-info-500) 12%,transparent);color:var(--color-info-500)}.mono-readout{font-family:var(--font-mono);font-size:var(--type-mono-size);line-height:var(--type-mono-line);color:var(--color-text-primary)}.mono-readout-lg{font-family:var(--font-mono);font-weight:500;font-size:var(--type-mono-lg-size);line-height:var(--type-mono-lg-line);color:var(--color-text-primary)}.disclaimer-banner{display:flex;align-items:center;gap:var(--space-2);background:color-mix(in srgb,var(--color-info-500) 10%,transparent);color:var(--color-text-primary);border:1px solid color-mix(in srgb,var(--color-info-500) 30%,transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line)}.global-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border-hairline);color:var(--color-text-tertiary)}.global-footer-legal{display:flex;align-items:center;gap:var(--space-3)}.global-footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--type-body-sm-size)}.global-footer-link:hover{color:var(--color-text-primary);text-decoration:underline}.global-footer-link:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.global-footer-version{font-size:var(--type-caption-size);color:var(--color-text-tertiary)}@media(max-width:640px){.global-footer{flex-direction:column;align-items:center;text-align:center}}}
