*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-input: #ffffff;--border: #e2e8f0;--border-2: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--accent: #4f46e5;--accent-bg: #eef2ff;--accent-h: #4338ca;--danger: #ef4444;--danger-bg: #fef2f2;--success: #22c55e;--warning: #f59e0b;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--radius: 10px;--radius-lg: 14px;font-family:DM Sans,system-ui,sans-serif}body{background:var(--bg);color:var(--text);min-height:100vh}input,select,textarea{font-family:inherit;background:var(--bg-input);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:13px;outline:none;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{font-family:inherit;cursor:pointer}code,.mono{font-family:DM Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}