:root{--bg:#f8f7f4;--surface:#fff;--well:#f1efeb;--line:#e3e0da;--text:#1a1a1f;--muted:#6b6b78;--accent:#4f4fd8;--accent-tint:#ecebfa;--ok:#2f7d4f;--warn:#9a6b00;--bad:#b3261e;--radius:6px;--radius-lg:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:16px/1.45 var(--font);margin:0}a{color:var(--accent)}button,input,textarea,select{font:inherit}h1{margin:0 0 .5rem;font-size:1.4rem}h2{margin:0 0 .5rem;font-size:1.05rem}code,.mono{font-family:var(--mono);overflow-wrap:anywhere;font-size:.9em}.muted{color:var(--muted)}.client{overflow-wrap:anywhere}.app{max-width:72rem;margin:0 auto;padding:0 1rem 3rem}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 0;display:flex}.top nav{align-items:center;gap:1rem;display:flex}.wordmark{color:var(--text);letter-spacing:.02em;font-weight:700;text-decoration:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.25rem}.hero{text-align:center;max-width:34rem;margin:3rem auto}.button,button.primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;padding:.5rem .9rem;text-decoration:none;display:inline-block}button{background:var(--well);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:.4rem .75rem}button.ghost{color:var(--accent);background:0 0;border-color:#0000;padding:.25rem .4rem}button.danger{color:var(--bad);border-color:var(--bad);background:0 0}button:disabled{opacity:.55;cursor:default}label{margin:.75rem 0 .25rem;font-size:.95rem;font-weight:600;display:block}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;max-width:32rem;padding:.45rem .6rem}textarea{resize:vertical;min-height:4.5rem}fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:.75rem 0;padding:.5rem 1rem .75rem}legend{padding:0 .25rem;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.choice{align-items:flex-start;gap:.5rem;margin:.35rem 0;font-weight:400;display:flex}.choice input{width:auto;margin-top:.3rem}.notice{border-radius:var(--radius);border:1px solid var(--line);background:var(--well);margin:.75rem 0;padding:.6rem .8rem}.notice-warn{border-color:var(--warn)}.notice-error{border-color:var(--bad);color:var(--bad);background:#fdf3f2}.relay{border:1px solid var(--line);background:var(--well);border-radius:999px;padding:.1rem .55rem;font-size:.8rem;display:inline-block}.relay-delivered{color:var(--ok)}.relay-pending{color:var(--warn)}.relay-refused{color:var(--bad);border-color:var(--bad)}.badge{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-tint);color:var(--accent);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;display:inline-block}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;display:flex}.list li:first-child{border-top:0}.dialog{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(34rem,92vw);padding:1.25rem}.dialog::backdrop{background:#1a1a1f59}.dialog-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:.25rem 0 0}.viewer{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:1rem;display:grid}@media (max-width:60rem){.viewer{grid-template-columns:minmax(0,1fr)}}.space-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.artifact{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;height:75vh}.rail{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow:auto}.thread{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.5rem}.thread h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 .25rem;font-size:.85rem}.comment{padding:.4rem 0}.notice-line{color:var(--muted);font-size:.9rem}