:root{color-scheme:light dark;--ink: #16181d;--paper: #fbfbfa;--line: #d8d8d4;--quiet: #5c6069;--alarm: #8c2f1f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(prefers-color-scheme:dark){:root{--ink: #e9e9e6;--paper: #16181d;--line: #33373f;--quiet: #9aa0aa;--alarm: #e0866f}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.55}main{max-width:1100px;margin:0 auto;padding:24px 20px 80px}h1{font-size:15px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:28px 0 8px;color:var(--quiet)}h3{font-size:13px;margin:0 0 4px}p{margin:4px 0}.banner{border:1px solid var(--alarm);color:var(--alarm);padding:10px 12px;margin:12px 0 20px}.card{border:1px solid var(--line);padding:12px 14px;margin:0 0 10px}.card[data-selected=true]{border-color:var(--ink);border-left-width:4px}.quiet{color:var(--quiet)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.col{flex:1 1 340px;min-width:0}label{display:block;margin:8px 0 2px;color:var(--quiet)}input,textarea,select,button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);padding:5px 7px;max-width:100%}input,textarea,select{width:100%}button{cursor:pointer;border-color:var(--ink)}button:disabled{cursor:not-allowed;border-color:var(--line);color:var(--quiet)}dl{margin:6px 0 0}dt{color:var(--quiet);margin-top:6px}dd{margin:0}pre{white-space:pre-wrap;overflow-x:auto;border:1px solid var(--line);padding:8px}
