:root{--bg:#fff;--fg:#1a1a1a;--muted:#5c5c5c;--line:#d0d0d0;--accent:#1f4e79;--banner-bg:#fff4cc;--banner-fg:#5a4300;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--fg:#ececec;--muted:#a8a8a8;--line:#3a3a3a;--accent:#8db8e6;--banner-bg:#3d3200;--banner-fg:#ffe9a6}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.test-banner{background:var(--banner-bg);color:var(--banner-fg);text-align:center;padding:.5rem 1rem;font-size:.875rem}.page{max-width:28rem;margin:0 auto;padding:1.5rem 1rem 3rem}.stack{flex-direction:column;gap:.75rem;display:flex}.row{flex-wrap:wrap;gap:.75rem;display:flex}.row>label{flex:8rem}.aside{color:var(--muted);font-size:.9rem}.notice{border:1px solid var(--line);border-radius:.5rem;padding:1rem}fieldset{border:0;min-width:0;margin:0;padding:0}legend h2{margin:0}label{flex-direction:column;gap:.25rem;font-weight:500;display:flex}input,select,button{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:.5rem;min-height:2.75rem;padding:.6rem .75rem}button{background:var(--accent);color:var(--bg);border-color:var(--accent);cursor:pointer}button:disabled{opacity:.6;cursor:progress}a{color:var(--accent)}.ph{text-underline-offset:.2em;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}
