:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--muted:#4a4a4a;--accent:#0b57d0;--border:#767676}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--fg:#f2f2f2;--muted:#c4c4c4;--accent:#8ab4f8;--border:#9a9a9a}}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif;line-height:1.5}main{max-width:60rem;margin:0 auto;padding:1rem}header.bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.field{flex-direction:column;gap:.25rem;margin-block:1rem;display:flex}.field input{min-height:44px;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0 .5rem}button{min-height:44px;font:inherit;color:var(--bg);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:4px;padding:0 1rem}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.error{color:var(--fg);border:2px solid var(--fg);padding:.5rem 1rem}.secret{word-break:break-all;font-family:ui-monospace,Menlo,Consolas,monospace}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--border);text-align:start;padding:.25rem .5rem}.hint{color:var(--muted)}