:root{--brand-gold: #c9a961;--brand-navy: #1a1f2e;--brand-emerald: #2a7a5f;--primary: #0a5d3a;--primary-hover: #084a2e;--primary-light: #dff0e6;--destructive: #d32f2f;--destructive-hover: #b71c1c;--destructive-light: #ffebee;--color-pos: #2e7d32;--color-pos-bg: #e8f5e9;--color-pos-light: #e8f5e9;--color-neg: #c62828;--color-neg-bg: #ffebee;--color-neg-light: #ffebee;--color-neutral: #6b7568;--color-rank-1: #c9a961;--color-rank-2: #4a5c6e;--color-rank-3: #8b6f47;--color-rank-4: #c62828;--color-bg-dark: var(--brand-navy);--color-gold: var(--brand-gold);--warning: #ed6c02;--warning-light: #fff3e0;--bg-base: #ffffff;--bg-surface: #fafaf7;--bg-elevated: #f5f3ee;--border: #e6e2d5;--border-strong: #d4cdb8;--text: #1a1a1a;--text-muted: #6b7568;--text-disabled: #b0b0b0;--font-3xs: .5625rem;--font-2xs: .625rem;--font-xs: .6875rem;--font-caption: .75rem;--font-body-xs: .8125rem;--font-body-sm: .875rem;--font-body: 1rem;--font-subtitle: 1rem;--font-title: 1.125rem;--font-headline-lg: 1.375rem;--font-display: 1.5rem;--font-display-lg: 1.75rem;--font-display-xl: 2.25rem;--font-scale: 1;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}html{font-size:calc(16px * var(--font-scale, 1))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;padding:0 var(--space-md);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-body);font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,opacity .15s ease,border-color .15s ease;white-space:nowrap;font-feature-settings:"tnum"}.btn:active{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-hover);opacity:1}.btn-secondary{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-secondary:active{background:var(--primary-light);opacity:1}.btn-cancel{background:transparent;color:#6b6b6b;border:1px solid #d0d0d0}.btn-cancel:active{background:#f4f4f4;opacity:1}.btn-destructive{background:var(--destructive);color:#fff}.btn-destructive:active{background:var(--destructive-hover);opacity:1}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-strong)}.btn-ghost:active{background:var(--bg-elevated);opacity:1}.btn-brand{background:var(--brand-gold);color:var(--brand-navy)}.btn-brand:active{background:#b8975a;opacity:1}.btn-sm{min-height:36px;padding:0 var(--space-md);font-size:var(--font-body-sm)}.btn-lg{min-height:52px;padding:0 var(--space-lg);font-size:var(--font-subtitle)}.btn-block{width:100%}.btn-row{display:flex;gap:var(--space-sm)}.btn-row .btn{flex:1;min-width:0}