:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17121f;--bg-2:#241b31;--surface:#2f2440;--surface-2:#3b2e50;--text:#fff8ef;--muted:#c9bcd8;--accent:#ffb347;--accent-2:#ff6b6b;--good:#7bd389;--bad:#ff7a7a;--radius:20px;--font:"Avenir Next", "Segoe UI", "Helvetica Neue", Roboto, system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}button{font:inherit;cursor:pointer}.form{flex-direction:column;gap:14px;margin:auto 0;display:flex}.form h1{color:var(--accent);margin:0 0 8px;font-size:44px;font-weight:900}label{font-weight:800}input,textarea{width:100%;min-height:60px;font:inherit;color:var(--text);background:var(--surface);border:3px solid var(--surface-2);appearance:none;border-radius:14px;outline:none;padding:12px 16px;font-size:22px}input:focus,textarea:focus{border-color:var(--accent)}button.primary,button.secondary,button.danger,button.ghost{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;min-height:56px;padding:12px 18px;font-size:20px;font-weight:800}button.primary{background:var(--accent);color:#1a1222}button.secondary{background:var(--surface-2);color:var(--text)}button.danger{color:var(--bad);border:2px solid var(--bad);background:0 0}button.ghost{color:var(--muted);background:0 0}button:disabled{opacity:.45}.error{color:var(--bad);margin:0;font-weight:700}
