body{font:1rem/1.5 system-ui;margin:0;background:#14202d;color:#f2f6fa}main{max-width:44rem;margin:auto;padding:1.2rem}section{margin:1rem 0;padding:1rem;border:1px solid #667;border-radius:.7rem}label{display:block;margin:.6rem 0}input,select,button{font:inherit;padding:.55rem;max-width:100%;box-sizing:border-box}input{display:block;width:100%}button{cursor:pointer;margin:.4rem}a{color:#59ddff}#invitation{overflow-wrap:anywhere}[hidden]{display:none}

:root{color-scheme:dark}main{max-width:52rem;padding:clamp(16px,4vw,32px)}h1{font-size:clamp(1.6rem,4vw,2.2rem)}h2,h3{margin:0 0 14px}section{background:#1c2b3c;border:1px solid #52667e;padding:clamp(16px,3vw,24px);margin:24px 0;border-radius:16px}label{font-weight:600;margin:16px 0}input,select,textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #8297ae;border-radius:10px;background:#24364c;color:#f2f6fa;font:inherit}textarea{box-sizing:border-box;resize:vertical;overflow-wrap:anywhere}button{background:#b9173d;border:1px solid #d65570;border-radius:10px;color:white;padding:12px 16px;margin:6px 8px 6px 0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #59ddff;outline-offset:3px}#message:not(:empty){padding:14px;border-left:4px solid #59ddff;background:#22364b}#invitation{border-color:#59ddff;background:#142536}#invitation input,#invitation textarea{font-family:ui-monospace,monospace;font-size:.95rem}.user-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr) auto;gap:12px;align-items:center;border-top:1px solid #52667e;padding:16px 0}.user-row select{margin:0}.user-row span{overflow-wrap:anywhere}@media(max-width:600px){.user-row{grid-template-columns:1fr}.user-row button{justify-self:start}button{min-height:44px}main{padding:16px}}