:root{--desk:#e6e9f0;--chrome:#f7f8fb;--chrome-2:#eef0f5;--line:#d3d8e3;--line-2:#c3c9d6;--ink:#151b2c;--muted:#5b6479;--accent:#2a46c8;--accent-ink:#fff;--accent-soft:#e2e7fb;--ok:#1f8a5b;--warn:#b8740f;--danger:#c62f3a;--paper:#fff;--ui:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--display:"Bricolage Grotesque","IBM Plex Sans",sans-serif}@media (prefers-color-scheme:dark){:root{--desk:#12151d;--chrome:#1a1e28;--chrome-2:#212634;--line:#2b3142;--line-2:#3a4256;--ink:#e6e9f2;--muted:#a0a8bc;--accent:#8fa3ff;--accent-ink:#0d1124;--accent-soft:#232b4d;--ok:#4cc38a;--warn:#e2a14a;--danger:#ff6b76;--paper:#1f2431;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--desk);color:var(--ink);font:14px/1.5 var(--ui);margin:0}a{color:var(--accent)}.shell{max-width:980px;padding:24px max(16px, env(safe-area-inset-left)) 60px max(16px, env(safe-area-inset-right));margin:0 auto}.bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand{font:800 22px/1 var(--display);letter-spacing:-.02em;color:var(--ink);margin-right:auto;text-decoration:none}.btn{border:1px solid var(--line-2);background:var(--chrome);color:var(--ink);font:500 13.5px var(--ui);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--danger)}.btn.sm{padding:4px 9px;font-size:12.5px}.card{background:var(--chrome);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.stack{flex-direction:column;gap:12px;display:flex}h1{font:800 26px/1.15 var(--display);letter-spacing:-.02em;margin:0 0 6px}h2{font:700 16px/1.3 var(--ui);margin:0}.muted{color:var(--muted)}.sm{font-size:12.5px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.chip{background:var(--chrome-2);border:1px solid var(--line);border-radius:20px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.chip.sent,.chip.viewed{background:color-mix(in srgb, var(--warn) 15%, var(--chrome));color:var(--warn);border-color:#0000}.chip.signed,.chip.completed{background:color-mix(in srgb, var(--ok) 15%, var(--chrome));color:var(--ok);border-color:#0000}.chip.declined,.chip.canceled{background:color-mix(in srgb, var(--danger) 13%, var(--chrome));color:var(--danger);border-color:#0000}.signers{flex-direction:column;gap:6px;margin:12px 0 4px;display:flex}.srow{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:7px 0;display:flex}.srow .who{overflow-wrap:anywhere;flex:220px;min-width:0}.acts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}input.inp{border:1px solid var(--line-2);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:7px;padding:9px 11px}.login{max-width:420px;margin:10vh auto 0}.note{background:var(--accent-soft);overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;font-size:13px}.err{color:var(--danger);font-size:13px}.empty{text-align:center;padding:40px 16px}
