:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#12151a;--surface-2:#181c22;--surface-3:#222731;--line:#2c323d;--text:#e8ebf0;--text-2:#b9c0cc;--text-dim:#7d8696;--accent:#5b9bff;--accent-soft:#16294a;--accent-on:#dfeaff;--ok:#3ddc9a;--warn:#fbbf24;--bad:#f87171;font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif}html,body{background:var(--surface);color:var(--text);margin:0}button,input,select,textarea{font:inherit;color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:6px;padding:5px 10px}input,select,textarea{background:var(--surface)}input[type=color]{background:0 0;flex:none;width:32px;height:28px;padding:0}input[type=range]{background:0 0;border:none;padding:0}input[type=checkbox]{padding:0}button{cursor:pointer}button:hover:not(:disabled){background:#2a303b;border-color:#3a4250}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#06122a;font-weight:600}button.primary:hover:not(:disabled){background:#7cb0ff}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a.button{color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:6px;padding:5px 10px;text-decoration:none;display:inline-block}a.button:hover{background:#2a303b;border-color:#3a4250}.card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:18px 20px;scroll-margin-top:72px}.card>h2{margin:0 0 4px;scroll-margin-top:80px;font-size:17px}.card>.lead{color:var(--text-dim);margin:0 0 14px}