:root{color-scheme:light;--ink:#26243b;--muted:#5e5a70;--violet:#5043a7;--line:#dcdbe4;--lilac:#eeeafa;--paper:#fff}
*{box-sizing:border-box}body{margin:0;background:#f7f7fa;color:var(--ink);font:16px/1.85 "Segoe UI",Tahoma,sans-serif}main{max-width:900px;margin:0 auto;min-height:100dvh;padding:0 32px 30px;background:var(--paper)}header,.brand,.head,.bar,.actions{display:flex;align-items:center;gap:14px}header,.head,.bar{justify-content:space-between}header{border-bottom:1px solid var(--line);padding:22px 0}.brand{color:var(--muted);font-size:.9rem}.brand b{font-size:1.65rem;color:var(--ink)}.divide{height:22px;width:1px;background:var(--line)}.mark{width:31px;height:25px;display:inline-block;background:var(--violet);border-radius:9px 9px 2px 9px;position:relative}.mark:after{content:"";position:absolute;height:3px;width:14px;right:7px;top:10px;background:#fff;border-radius:2px}
h1{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.4;margin:0}.intro p,small,#status,.empty{color:var(--muted)}#gate{max-width:480px;margin:clamp(54px,11vh,110px) auto 40px}#join{margin-top:28px;display:grid;gap:10px}label{font-weight:600}input,textarea{font:inherit;color:var(--ink);border:1px solid #a7a3b4;border-radius:9px;padding:11px 14px;background:white;width:100%}textarea{resize:vertical}button{font:inherit;font-weight:600;border:0;background:var(--violet);color:white;padding:8px 20px;border-radius:9px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #8177d6;outline-offset:3px}.quiet,.actions button{background:#f0eef8;color:#453692;font-size:.86rem;padding:5px 12px}.head{padding:22px 0 14px}.head #status{font-size:.88rem}#log{height:min(55vh,620px);min-height:220px;overflow-y:auto;scrollbar-gutter:stable;padding:5px 0 18px;overscroll-behavior:contain}.empty{margin:10vh auto;text-align:center}article{margin:10px 0 18px;max-width:88%;width:fit-content;overflow-wrap:anywhere}.bubble{padding:12px 18px;border-radius:15px;background:#f3f4f7}.mine{margin-left:auto}.mine .bubble{background:var(--lilac);border-top-right-radius:3px}.theirs{margin-right:auto}.theirs .bubble{border-top-left-radius:3px}.meta{display:block;color:var(--muted);font-size:.8rem;margin:0 4px 3px}.plain{white-space:pre-wrap;unicode-bidi:plaintext}.codebox{margin:8px 0;min-width:0}.codebox pre,.result{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#232535;color:#fafafa;font:14px/1.7 Consolas,monospace;padding:13px;border-radius:8px;margin:4px 0}.actions{flex-wrap:wrap;gap:6px}.actions button{border:1px solid #c5c1d9}.bar{margin-top:7px}#compose label{display:block;margin:6px 0}#compose{border-top:1px solid var(--line);padding-top:8px}#error{color:#922f35;margin:10px 0;white-space:pre-wrap}#error:empty{display:none}[hidden]{display:none!important}
@media(max-width:600px){main{padding:0 15px 18px}header{padding:14px 0}.brand{gap:8px}.quiet{font-size:.77rem;padding:4px 8px}article{max-width:96%}#log{height:48dvh}.head{padding:16px 0 8px}.bubble{padding:9px 12px}}