*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f8f9fb;--surface2: #eef1f5;--border: #e2e6ed;--accent: #1a1a2e;--accent-blue: #1a73e8;--accent-blue-light: #e8f0fe;--text: #1a1a2e;--muted: #6b7280;--success-bg: #eaf3de;--success-text: #27500A;--success-border: #c0dd97;--warning-bg: #FAEEDA;--warning-text: #633806;--warning-border: #FAC775;--danger-bg: #FCEBEB;--danger-text: #A32D2D;--danger-border: #F7C1C1}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}input,textarea,select{font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;width:100%;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue)}button{font-family:DM Sans,sans-serif;cursor:pointer}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}