:root{font-family:system-ui,-apple-system,sans-serif;color:#272d29;background:#f5f4ee;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:0 auto;padding:52px 24px 24px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#6b766c}h1{font-size:clamp(28px,5vw,44px);letter-spacing:-1.8px;margin:12px 0}h1 span{color:#7a956d;margin-left:12px}.subtitle{color:#757d72;font-size:14px}#status{font-size:12px;white-space:nowrap;padding:9px 12px;border:1px solid #d7ddcf;border-radius:25px;color:#536b4c}#welcome{background:#e9eddf;padding:24px;border-radius:16px;margin-bottom:24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.join-row{display:flex;gap:10px}input,textarea{font:inherit;border:1px solid #d6dbcf;border-radius:9px;background:#fff;color:inherit;padding:13px;min-width:0}input{flex:1}textarea{resize:vertical;width:100%;line-height:1.5}button{font:inherit;font-size:14px;border:0;border-radius:9px;background:#36533b;color:#fff;padding:12px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(1.1)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #98ad87;outline-offset:3px}#welcome p,footer{font-size:12px;color:#747b6d;line-height:1.6}#welcome p{margin-bottom:0}.board{border:1px solid #dce0d4;border-radius:16px;background:#fff;overflow:hidden;position:relative}.board-label{border-bottom:1px solid #eef0e8;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;min-height:54px}.board-label>span{font-size:10px;letter-spacing:1.8px;color:#7c8474}.quiet{background:transparent;color:#5a6e50;padding:4px;font-size:12px}#messages{height:clamp(240px,45vh,520px);overflow-y:auto;padding:8px 24px 20px;overflow-wrap:anywhere}#empty{color:#87907e;font-size:14px;text-align:center;padding:60px 0}.message{padding:18px 0;border-bottom:1px solid #f0f1eb}.meta{display:flex;gap:12px;align-items:baseline}.nick{font-size:14px;font-weight:650;color:#41613f}.time{font-size:11px;color:#949a8d}.body{white-space:pre-wrap;font-size:15px;line-height:1.6;margin:7px 0 0}#compose{margin-top:22px}#author{color:#617457;font-size:12px}.send-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.send-row span{font-size:11px;color:#8c9384}#error{color:#a43e2d;font-size:13px;min-height:18px}footer{text-align:center;margin-top:24px}#new{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:12px;box-shadow:0 2px 10px #0002}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 14px}header{display:block;margin-bottom:24px}#status{display:inline-block;margin-top:8px}#welcome{padding:18px}.send-row span{max-width:150px;font-size:10px}#messages{padding:8px 16px 16px}.join-row button{padding:12px}h1{letter-spacing:-1px}}
.message-actions{display:flex;gap:18px;margin-top:9px}.message-actions .quiet{font-size:11px}.message-actions .delete{color:#986354}.meta{flex-wrap:wrap}#cancel{margin-right:8px}