:root{--ink:#1a1a1a;--muted:#5c5c5c;--line:#e0e0e0;--bg:#fff;--accent:#2f5d50}@media (prefers-color-scheme:dark){:root{--ink:#ececec;--muted:#a0a0a0;--line:#333;--bg:#161616;--accent:#7fb3a3}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:44rem;margin:0 auto;padding:2rem 1rem 4rem}h1{margin-bottom:.25rem}.subtitle{color:var(--muted);margin-top:0}section{margin-top:2.5rem}h2{border-bottom:1px solid var(--line);padding-bottom:.4rem;font-size:1.1rem}form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}label{color:var(--muted);flex-direction:column;flex:10rem;gap:.3rem;font-size:.85rem;display:flex}input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;width:100%;padding:.5rem}button{font:inherit;background:var(--accent);color:var(--bg);cursor:pointer;border:0;border-radius:4px;padding:.55rem 1.1rem}button:disabled{opacity:.6;cursor:progress}table{border-collapse:collapse;width:100%;margin-top:.5rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.6rem .4rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem}[role=alert]{color:#b3261e}@media (prefers-color-scheme:dark){[role=alert]{color:#f2b8b5}}