:root{color-scheme:light;--paper:#fff;--ink:#172f50;--action:#175fc2;--muted:#52647a;--line:#c4d3e5;--wash:#edf4fc;--error:#a32e32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Verdana,sans-serif}header,main,footer{max-width:1152px;margin:auto;padding:28px 48px}.brand{color:var(--ink);font:bold 24px/1.2 'Trebuchet MS',sans-serif;text-decoration:none;display:inline-block}.brand span{display:block;font:12px/2 Verdana,sans-serif;color:var(--muted)}main{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-top:88px;padding-bottom:88px}.intro{max-width:440px}h1{font:normal 48px/1.1 'Trebuchet MS',sans-serif;letter-spacing:-1.3px;margin:0 0 28px}p{max-width:64ch}.intro p{color:var(--muted)}.invitation{margin-top:36px;font-size:13px}.workspace{padding:32px;background:var(--wash);border-top:6px solid var(--ink);min-width:0}h2{font:normal 26px/1.2 'Trebuchet MS',sans-serif;margin:0 0 22px}label{display:block;font-weight:bold;font-size:14px;margin:24px 0 8px}.address{display:flex;align-items:center;gap:0;background:white;border:1px solid var(--line);border-radius:4px;overflow:hidden}.address input{min-width:0;width:100%;border:0;background:white;padding:14px 8px 14px 12px;color:var(--ink);font:inherit}.address span{font-size:12px;padding-right:10px;white-space:nowrap;color:var(--muted)}.hint{font-size:12px;color:var(--muted);margin:10px 0}.preview{overflow-wrap:anywhere;min-height:24px;font-size:13px}.button,button{display:inline-block;border:0;border-radius:4px;padding:12px 20px;background:var(--action);color:white;font:700 14px/1.5 Verdana,sans-serif;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#104b9d}button:disabled{opacity:.6;cursor:wait}.quiet{display:block;background:transparent;color:var(--muted);padding:8px 0;margin-top:22px;font-weight:normal;text-decoration:underline}.quiet:hover{background:transparent;color:var(--ink)}:focus-visible{outline:3px solid #deaa16;outline-offset:4px}#status{font-size:14px;overflow-wrap:anywhere}#status.error{color:var(--error)}footer{color:var(--muted);font-size:12px;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:850px){header,main,footer{padding:24px}main{grid-template-columns:1fr;gap:32px;padding-top:44px;padding-bottom:48px}.intro{max-width:600px}h1{font-size:40px;max-width:13ch}.workspace{max-width:540px;width:100%;padding:24px}.invitation{margin-top:20px}}@media(max-width:400px){.address{display:block}.address span{display:block;padding:0 12px 10px}.workspace{padding:20px}}
