:root{--brand-deep: #3F1057;--brand-primary: #3F51B5;--purple-50: #F0EBF5;--purple-100: #D4C5E0;--purple-200: #E1BEE7;--purple-300: #C084FC;--purple-400: #B05FD8;--purple-500: #A04CCB;--purple-600: #9C00BC;--purple-700: #673B8E;--purple-800: #5A1A7A;--purple-900: #3F1057;--purple-950: #2A1137;--state-success: #28A745;--state-info: #17A2B8;--state-warning: #FFC107;--state-danger: #CC0000;--state-success-soft: rgba(40, 167, 69, .12);--state-info-soft: rgba(23, 162, 184, .12);--state-warning-soft: rgba(255, 193, 7, .16);--state-danger-soft: rgba(204, 0, 0, .1);--font-sans: "General Sans", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-2xs: .675rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: .9rem;--text-md: .937rem;--text-lg: 1rem;--text-xl: 1.251rem;--type-page-title: 32px;--type-screen-title: 22px;--type-section: 16px;--type-subtitle: 15px;--type-body: 14px;--type-row: 13px;--type-eyebrow: 11px;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--tracking-tight-page: -.025em;--tracking-tight: -.015em;--tracking-snug: -.01em;--tracking-eyebrow: .1em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius: 4px;--radius-lg: 8px;--radius-card: 12px;--radius-2xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 8, 21, .05);--shadow-card: 0 2px 8px rgba(15, 8, 21, .06), 0 1px 2px rgba(15, 8, 21, .04);--shadow-xl: 0 12px 28px rgba(15, 8, 21, .1), 0 4px 10px rgba(15, 8, 21, .06);--shadow-modal: 0 24px 60px rgba(15, 8, 21, .18), 0 8px 16px rgba(15, 8, 21, .08);--bg-page: #FAFAF7;--bg-surface: #FFFFFF;--bg-warm: #F3EFE6;--bg-overlay: rgba(15, 8, 21, .4);--text-1: #1A1318;--text-2: #3F3A45;--text-3: #6E6878;--text-4: #9A95A3;--text-on-brand: #FFFFFF;--border-1: #E8E4DC;--border-2: #D9D4CC;--border-strong: #1A1318;--border-focus: var(--brand-deep);--focus-ring: 0 0 0 3px rgba(63, 16, 87, .18);--color-primary: var(--brand-deep);--color-primary-soft: rgba(63, 16, 87, .08);--color-primary-border: rgba(63, 16, 87, .18);--color-surface: var(--bg-surface);--color-surface-alt: var(--bg-page);--color-text: var(--text-1);--color-text-muted: var(--text-3);--color-border: var(--border-1);--color-danger: var(--state-danger);--color-warning: var(--state-warning);--color-success: var(--state-success);--shadow-soft: var(--shadow-card);--radius-xl: var(--radius-2xl);--radius-md: var(--radius-card);--radius-sm: var(--radius-lg);color-scheme:light;font-family:var(--font-sans)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-width:320px;background:var(--bg-page);color:var(--text-1);font-family:var(--font-sans);font-size:var(--type-body);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.ds-mono,.mono,[data-mono]{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums lining-nums}.ds-eyebrow{font-family:var(--font-mono);font-size:var(--type-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-3)}.ds-hairline{border:1px solid var(--border-1)}.ds-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--type-eyebrow);font-weight:var(--weight-semi);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-warm);color:var(--text-2);white-space:nowrap}.ds-badge--success{background:var(--state-success-soft);color:#176c2a}.ds-badge--info{background:var(--state-info-soft);color:#0c6473}.ds-badge--warning{background:var(--state-warning-soft);color:#8a6100}.ds-badge--danger{background:var(--state-danger-soft);color:#8a0000}.ds-badge--brand{background:var(--purple-50);color:var(--brand-deep)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);padding:0 18px;height:38px;background:transparent;color:var(--text-1);font-family:var(--font-sans);font-size:var(--type-body);font-weight:var(--weight-semi);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.ds-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-btn:disabled{opacity:.55;cursor:not-allowed}.ds-btn--sm{height:30px;padding:0 12px;font-size:var(--type-row)}.ds-btn--md{height:38px;padding:0 18px}.ds-btn--lg{height:46px;padding:0 24px;font-size:var(--type-md)}.ds-btn--primary{background:var(--brand-deep);color:var(--text-on-brand)}.ds-btn--primary:hover:not(:disabled){background:var(--purple-800)}.ds-btn--secondary{background:var(--bg-surface);color:var(--text-1);border-color:var(--border-2)}.ds-btn--secondary:hover:not(:disabled){background:var(--bg-warm)}.ds-btn--danger{background:var(--state-danger);color:var(--text-on-brand)}.ds-btn--danger:hover:not(:disabled){background:#a30000}.ds-btn--ghost{color:var(--text-2)}.ds-btn--ghost:hover:not(:disabled){background:var(--bg-warm);color:var(--text-1)}.ds-card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:none}.page-card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-card);padding:var(--space-5)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background:var(--text-4)}::selection{background:var(--purple-100);color:var(--brand-deep)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-lg)}