:root{color-scheme:light dark;--fg:#111;--bg:#fff;--muted:#666;--border:#ddd}@media (prefers-color-scheme:dark){:root{--fg:#eee;--bg:#111;--muted:#999;--border:#333}}body{margin:0;font-family:system-ui,sans-serif;color:var(--fg);background:var(--bg)}main{max-width:720px;margin:0 auto;padding:2rem 1rem}.item{border-bottom:1px solid var(--border);padding:.75rem 0}.muted{color:var(--muted);font-size:.85rem}.badge{display:inline-block;font-size:.7rem;text-transform:uppercase;padding:.1rem .4rem;margin-right:.4rem}.badge,button,input,select{border:1px solid var(--border);border-radius:4px}button,input,select{font:inherit;color:inherit;background:var(--bg);padding:.4rem .6rem;margin:.2rem .3rem .2rem 0}button{cursor:pointer}code{background:var(--border);padding:.1rem .3rem;border-radius:3px}