*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FFFFFF;--surface: #F8F9FB;--border: #E6E8EC;--text-primary: #111111;--text-secondary: #5A5F66;--accent: #0E7C66;--accent-light: #E6F4F1;--danger: #D64545;--danger-light: #FDF0F0;--success: #1F9D55;--success-light: #EAF7EF;--warning: #D97706;--warning-light: #FEF3C7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-subtle: 0 1px 2px rgba(0,0,0,.05);--shadow-medium: 0 4px 12px rgba(0,0,0,.08);font-family:DM Sans,sans-serif;font-size:16px;color:var(--text-primary);background:var(--bg)}body{min-height:100vh;background:var(--surface)}h1,h2,h3{font-family:Fraunces,serif}button{cursor:pointer;font-family:DM Sans,sans-serif}input,textarea,select{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease both}.spin{animation:spin .8s linear infinite}