:root{--font-sans: "DM Sans", -apple-system, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--bg-base: #f4f2ee;--bg-surface: #ffffff;--bg-raised: #ffffff;--bg-sunken: #eeece7;--bg-overlay: rgba(0, 0, 0, .45);--brand: #1a56db;--brand-dark: #1044b0;--brand-light: #e8effd;--brand-text: #0e3a8c;--text-primary: #1c1b18;--text-secondary: #6b6860;--text-muted: #a09d97;--text-inverse: #ffffff;--border: rgba(0, 0, 0, .09);--border-mid: rgba(0, 0, 0, .15);--border-strong: rgba(0, 0, 0, .22);--success: #2d8a4e;--success-bg: #e8f6ed;--success-border: #a3d9b5;--warning: #b45309;--warning-bg: #fef3e2;--warning-border: #fcd28a;--danger: #b91c1c;--danger-bg: #fef2f2;--danger-border: #fca5a5;--info: #0369a1;--info-bg: #e0f2fe;--info-border: #7dd3fc;--canary-bg: #fef9c3;--canary-text: #713f12;--beta-bg: #e0f2fe;--beta-text: #0369a1;--stable-bg: #e8f6ed;--stable-text: #2d8a4e;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.5}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .22s cubic-bezier(.16,1,.3,1)}.slide-up-leave-active{transition:all .16s ease}.slide-up-enter-from{opacity:0;transform:translateY(8px)}.slide-up-leave-to{opacity:0;transform:translateY(-4px)}