:root{--color-primary: #3498db;--color-primary-hover: #2980b9;--color-danger: #e74c3c;--color-danger-hover: #c0392b;--color-danger-bg: #fdf0ee;--color-success: #27ae60;--color-success-bg: #eafaf1;--color-heading: #2c3e50;--color-text: #333;--color-muted: #7f8c8d;--color-faint: #95a5a6;--color-fainter: #bdc3c7;--color-bg: #f5f5f5;--color-surface: #fff;--color-surface-alt: #f8f9fa;--color-border: #ddd;--color-divider: #ecf0f1;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .1);--shadow-overlay: 0 8px 32px rgba(0, 0, 0, .25);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: dark){:root{--color-primary: #4aa3df;--color-primary-hover: #6cb6e6;--color-danger: #e74c3c;--color-danger-hover: #ec6757;--color-danger-bg: #3a2522;--color-success: #2ecc71;--color-success-bg: #1e3a2b;--color-heading: #ecf0f1;--color-text: #dfe4ea;--color-muted: #9aa7b1;--color-faint: #8a98a3;--color-fainter: #6b7a85;--color-bg: #1a1d21;--color-surface: #242830;--color-surface-alt: #2c313a;--color-border: #3a3f4a;--color-divider: #353a44;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-overlay: 0 8px 32px rgba(0, 0, 0, .6)}}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);margin:0;padding:var(--space-lg) var(--space-md);background:var(--color-bg);color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.75em;padding:var(--space-xs) 12px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-fainter);color:var(--color-muted)}.btn-secondary:hover:not(:disabled){background:var(--color-divider)}.btn-danger{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-bg)}.btn-block{width:100%}.btn-lg{font-size:1em;padding:12px var(--space-lg);border-radius:var(--radius-md)}