:root{--bg:#f4f5f8;--surface:#fff;--ink:#333;--muted:#6a6f8c;--line:#e2e4ee;--accent:#4c8da6;--accent-2:#5b608c;--accent-ink:#fff;--danger:#d64562;--input-border:#cccfda;--radius:6px;--shadow:0 1px 3px #5b608c1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}a{color:var(--accent)}input,select,textarea{font:inherit}.btn{border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);border:none;padding:.5rem 1.1rem;font-weight:500}.btn:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.btn--indigo{background:var(--accent-2)}.btn--indigo:hover{background:color-mix(in srgb, var(--accent-2) 88%, #000)}.btn--ghost{color:var(--accent);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.6;cursor:default}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{color:var(--accent-2);font-size:.9rem;font-weight:500}input,select,textarea{color:var(--ink)}.field input,.field select,.field textarea{border:1px solid var(--input-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:.55rem .7rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}