:root{--font-base: Inter, Arial, sans-serif;--font-code: Consolas, monospace;--radius: 8px;--radius-btn: 8px;--radius-card: 8px;--radius-md: 8px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--motion: .18s;--motion-fast: .12s;--easing: ease;--letter-spacing: 0;--c-primary: #1f7a8c;--c-primary-hover: #17606f;--c-secondary: #c44536;--c-secondary-hover: #a6372c;--c-bg-primary: #ffffff;--c-bg-secondary: #ffffff;--c-bg-tertiary: #f3f6f8;--c-border: #d7e1e7;--c-text-primary: #102a36;--c-text-secondary: #102a36;--c-text-muted: #607783;--c-placeholder: #7f929b;--focus-ring: 0 0 0 3px rgba(31, 122, 140, .22);--shadow-sm: 0 1px 2px rgba(16, 42, 54, .08);--shadow: 0 18px 45px rgba(16, 42, 54, .08);--shadow-md: 0 22px 55px rgba(16, 42, 54, .14);--panel-bg: #ffffff;--panel-border: #d7e1e7;--text-muted: #607783}html,body{margin:0;min-height:100%;font-family:var(--font-base);color:var(--c-text-primary);background:#eef4f6}*{box-sizing:border-box}