:root{font-family:system-ui,sans-serif;color:#14282c;background:#f4f7f8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.chat-header{display:flex;align-items:center;gap:24px;padding:18px 5%;background:#fff;border-bottom:1px solid #dce5e7}.chat-header>a:first-child{font-weight:800;letter-spacing:2px}.chat-header h1{font-size:1.2rem;flex:1}a{color:#087c82}main{max-width:1240px;margin:24px auto;padding:0 20px}button,input,textarea{font:inherit}button{padding:9px 14px;border:1px solid #b8cdd0;background:#fff;border-radius:7px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #009da7;outline-offset:2px}.account-bar,.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-bar{justify-content:space-between}#feedback{min-height:1.5em;color:#8c4115}.chat-layout{display:grid;grid-template-columns:300px 1fr;border:1px solid #dce5e7;border-radius:12px;background:white;overflow:hidden}aside,.thread{padding:20px;min-width:0}aside{border-right:1px solid #dce5e7}.toolbar h2{flex:1;margin:6px 0;font-size:1.1rem}#chat-list{display:grid;gap:8px;margin:18px 0}#chat-list button{text-align:left;overflow-wrap:anywhere}details{margin-top:24px}summary{cursor:pointer}#peer-form,#message-form{display:grid;gap:10px;margin-top:16px}input,textarea{width:100%;border:1px solid #b8cdd0;padding:10px;border-radius:6px}textarea{resize:vertical}#send{justify-self:end;background:#087c82;color:white;border-color:#087c82}#messages{min-height:260px;max-height:60vh;overflow:auto;padding:12px 0}.message{padding:12px 16px;margin:12px 0;border-radius:10px;max-width:88%;background:#edf3f4;overflow-wrap:anywhere}.message.outgoing{margin-left:auto;background:#e0f3f0}.message p{white-space:pre-wrap;margin:8px 0}.message small{color:#476269}.hint,#thread-note{font-size:.9rem;color:#526a70;line-height:1.6}#pending{padding:14px;background:#fff5de;margin-top:16px}@media(max-width:760px){.chat-header{gap:12px;flex-wrap:wrap}.chat-layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #dce5e7}#messages{max-height:50vh}.message{max-width:95%}}

.chat-image{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:12px 0}.chat-image[hidden]{display:none}#image-operation{padding:16px;border:1px solid #cbd5e1;border-radius:12px}#image-operation input[type=checkbox]{width:auto;margin-right:8px}