:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--bg-app: #f8fafc;--bg-panel: #ffffff;--text-main: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}body.dark{--bg-app: #0f172a;--bg-panel: #1e293b;--text-main: #f8fafc;--text-secondary: #94a3b8;--border: #334155;--primary: #818cf8;--primary-hover: #6366f1;--secondary: #f472b6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body{place-items:unset;display:block}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:background-color .25s}button:hover{background-color:var(--primary-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}h1,h2,h3{line-height:1.1}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-hover)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}