*{box-sizing:border-box}body{margin:0;background:#10191f;color:#ecf1ef;font:16px/1.5 system-ui,-apple-system,sans-serif}main{max-width:680px;margin:auto;padding:24px 18px calc(30px + env(safe-area-inset-bottom))}header{padding:12px 4px 20px}.brand{color:#bbdacf;letter-spacing:.12em;font-size:14px;font-weight:700}h1{font-size:32px;line-height:1.15;margin:18px 0 10px}h2{font-size:21px;margin-top:0}p{color:#a2b6bb}section,footer{background:#1c2830;padding:22px;border-radius:22px;margin-bottom:18px}footer{margin-top:24px;font-size:13px}footer h2{font-size:16px}label{display:block;margin:15px 0 6px;font-weight:600}input,textarea{width:100%;font:inherit;background:#10191f;border:1px solid #647b80;color:#ecf1ef;border-radius:12px;padding:12px}textarea{resize:vertical}button{font:600 15px system-ui;background:#bbdacf;color:#10191f;border:0;border-radius:12px;min-height:48px;padding:12px 18px;margin-top:14px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}nav{display:flex;gap:10px;flex-wrap:wrap}nav button{margin-top:0}#notice{white-space:pre-wrap;color:#ffe0a0}#notice:empty{display:none}.muted{font-size:12px}article{padding:12px 14px;background:#10191f;border-radius:14px;margin:10px 0;overflow-wrap:anywhere}article.own{border-left:3px solid #bbdacf}article b{font-size:14px;color:#bbdacf}article time{font-size:11px;color:#a2b6bb;margin-left:10px}article p{white-space:pre-wrap;color:#ecf1ef;margin:6px 0 0}#messages{max-height:52vh;overflow:auto}input:focus,textarea:focus,button:focus-visible{outline:2px solid #bbdacf;outline-offset:3px}[hidden]{display:none!important}