:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #f1f5f9;--bg-card: #ffffff;--bg-card-light: #f8fafc;--bg-input: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--border-input: #e2e8f0;--shadow-card: 0 1px 3px rgba(15,23,42,.06), 0 4px 16px rgba(15,23,42,.04);--shadow-sm: 0 1px 3px rgba(15,23,42,.06)}[data-theme=dark]{--bg-page: #1a1a2e;--bg-card: #16213e;--bg-card-light: #0f3460;--bg-input: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--border-light: #1e293b;--border-input: #475569;--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);--shadow-sm: 0 1px 3px rgba(0,0,0,.3)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100%;min-width:320px;min-height:100vh;background-color:var(--bg-page);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}