:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;color-scheme:dark;--bg-0: #0b1020;--bg-1: #10152a;--surface-0: rgba(255, 255, 255, .06);--surface-1: rgba(255, 255, 255, .09);--border-0: rgba(255, 255, 255, .1);--text-0: rgba(255, 255, 255, .92);--text-1: rgba(255, 255, 255, .72);--accent: #8b5cf6;--danger: #ef4444;color:var(--text-0);background-color:var(--bg-0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent)}body{margin:0;display:grid;place-items:start stretch;padding:24px;min-width:320px;min-height:100vh;background:radial-gradient(900px 500px at 25% 0%,rgba(139,92,246,.22),transparent 55%),radial-gradient(700px 450px at 80% 10%,rgba(59,130,246,.18),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}h1{font-size:18px;line-height:1.2;letter-spacing:.2px}#root{width:100%;border:1px solid var(--border-0);border-radius:14px;background:var(--surface-0)}button{border-radius:8px;border:1px solid var(--border-0);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--text-0);background-color:var(--surface-1);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#8b5cf68c;background-color:#ffffff1f}button:disabled{cursor:not-allowed;opacity:.6}button:focus,button:focus-visible{outline:2px solid rgba(139,92,246,.55);outline-offset:2px}input,select{color:var(--text-0)}input[type=range]{accent-color:var(--accent)}@media(max-width:520px){body{padding:14px}#root{border-radius:12px}}