:root{color:#1c1917;background:#fafaf9;font-family:system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.shell{max-width:880px;margin:0 auto;padding:24px 16px 64px}.top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.brand{color:inherit;font-weight:700;text-decoration:none}nav{gap:16px;display:flex}nav a{color:#57534e}h1{margin:0 0 12px;font-size:2rem}h2{margin:0 0 8px;font-size:1.1rem}.lede{color:#57534e;max-width:62ch}.card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;gap:12px;margin:20px 0;padding:20px;display:grid}label{gap:6px;font-size:.9rem;font-weight:600;display:grid}input,select{font:inherit;border:1px solid #d6d3d1;border-radius:8px;padding:8px 10px}.row{flex-wrap:wrap;gap:12px;display:flex}.check{align-items:center;gap:8px;font-weight:500;display:flex}.btn,button{font:inherit;color:#fff;cursor:pointer;background:#1c1917;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-block}button.linkish{color:#57534e;background:0 0;padding:0}.err{color:#b91c1c}.hint{color:#78716c;font-size:.85rem}.key{color:#fafaf9;background:#1c1917;border-radius:8px;padding:12px;overflow-x:auto}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e7e5e4;padding:10px}code{font-size:.85em}