:root,[data-theme=dark]{--color-background: #000000;--color-background-secondary: #1a1a1a;--color-background-tertiary: #2a2624;--color-text: #ffffff;--color-text-secondary: #f5f3f2;--color-text-muted: #8f8a86;--color-text-subtle: #6b6662;--color-primary: #007bff;--color-primary-hover: #0056b3;--color-accent: #ff6a2a;--color-accent-hover: #ff7a3a;--color-border: rgba(255, 255, 255, .08);--color-hover: rgba(255, 255, 255, .05);--color-hover-strong: rgba(255, 255, 255, .1);--color-disabled: #555555;--color-success: #4ade80;--color-error: #ef4444;--color-warning: #fbbf24;--color-scrim: rgba(0, 0, 0, .28)}[data-theme=light]{--color-background: #ffffff;--color-background-secondary: #f5f5f5;--color-background-tertiary: #e5e5e5;--color-text: #000000;--color-text-secondary: #1a1a1a;--color-text-muted: #6b6662;--color-text-subtle: #8f8a86;--color-primary: #007bff;--color-primary-hover: #0056b3;--color-accent: #ff6a2a;--color-accent-hover: #ff7a3a;--color-border: rgba(0, 0, 0, .08);--color-hover: rgba(0, 0, 0, .05);--color-hover-strong: rgba(0, 0, 0, .1);--color-disabled: #cccccc;--color-success: #4ade80;--color-error: #ef4444;--color-warning: #fbbf24;--color-scrim: rgba(0, 0, 0, .42)}.btn{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;min-height:44px;font-family:inherit}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background-color:var(--color-primary);color:#fff;border:none}@media(hover:hover){.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary:disabled{background-color:var(--color-disabled)}.btn--secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}@media(hover:hover){.btn--secondary:hover:not(:disabled){background-color:#007bff14;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}}.btn--secondary:active:not(:disabled){background-color:#007bff26;transform:translateY(0)}.btn--secondary:disabled{border-color:var(--color-disabled);color:var(--color-disabled)}.btn--large{padding:1rem 2rem;font-size:1.5rem;min-height:60px}:root{--font-size-0-75rem: .75rem;--font-size-1rem: 1rem;--font-size-1-25rem: 1.25rem;--font-size-1-5rem: 1.5rem;--font-size-2rem: 2rem;--font-size-2-5rem: 2.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-text)}