:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#111;--bg:#f6f7f9;--card:#fff;--accent:#0b5fff;--err:#b00020}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#eee;--bg:#14161a;--card:#1e2127;--accent:#6ea0ff;--err:#ff6b81}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif}main{max-width:28rem;margin:10vh auto;padding:0 1rem}main.wide{max-width:48rem}.card{background:var(--card);border-radius:8px;padding:1.5rem;box-shadow:0 1px 4px #00000026}label{margin:.75rem 0 .25rem;font-weight:600;display:block}input{width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #888;border-radius:4px;padding:.5rem}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:4px;margin-top:1rem;padding:.5rem 1rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.error{color:var(--err);margin-top:.75rem}.error:before{content:"Error: ";font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}