:root{color-scheme:light dark;font:16px/1.5 system-ui,sans-serif;color:#233943;background:#edf2ef}body{margin:0;padding:30px 20px}main{max-width:760px;margin:3vh auto}h1{font-size:32px;line-height:1.2}h2{font-size:21px}section{background:#fff;padding:24px;border:1px solid #d6e0dc;border-radius:16px;margin:22px 0;box-shadow:0 4px 20px #20352d08}label{display:block;margin:14px 0;font-weight:600}input{display:block;box-sizing:border-box;width:100%;font:inherit;background:#f9fbfa;color:inherit;border:1px solid #9aafa6;border-radius:8px;padding:10px;margin-top:5px}button{font:inherit;padding:10px 16px;border:1px solid #54796b;border-radius:8px;background:#315e50;color:#fff;cursor:pointer;margin:6px 8px 6px 0}button:disabled{opacity:.5;cursor:wait}a{color:#255d50}.muted{color:#5e746b}.message{white-space:pre-wrap;overflow-wrap:anywhere}#message{font-weight:600}#invitation{display:block;width:100%;min-height:100px;font:inherit;box-sizing:border-box;resize:vertical}.user-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #d6e0dc;padding:12px 0}.user-row strong{flex:1}.small{font-size:14px}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{color:#dce8e2;background:#182721}section{background:#21352d;border-color:#3b5447}input{background:#1a2b23;color:#e8f1ec}a{color:#a2d7bf}.muted{color:#abc4b7}}