:root{font-family:Inter,system-ui,sans-serif;color:#143f47;background:#edf4ef;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #d1dfd6}header strong{font-size:30px;font-style:italic}header span,footer,.footnote{font-size:14px;color:#607e80}h1{font-size:32px;line-height:1.15;margin:12px 0}h2{font-size:18px}p{line-height:1.5}button,input,textarea{font:inherit;border-radius:8px;padding:11px 15px}button{background:#143f47;color:#fff;border:1px solid #143f47;cursor:pointer}button:disabled{opacity:.45;cursor:default}.secondary{background:transparent;color:#143f47;border-color:#b8ccc3}input,textarea{width:100%;border:1px solid #b8ccc3;background:white;color:inherit}label{display:grid;gap:8px;margin:18px 0}textarea{resize:vertical}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ef8771;outline-offset:2px}.login{max-width:440px;margin:50px auto;padding:32px;border:1px solid #d1dfd6;background:#fff;border-radius:16px}.tag{font-size:12px;font-weight:700;letter-spacing:.08em;color:#2b7669}.intro,.row{display:flex;gap:20px;justify-content:space-between;align-items:center}.notice{padding:16px;border-radius:10px;background:#d9e9e1}#message{color:#995343;min-height:22px}.grid{display:grid;grid-template-columns:310px 1fr;gap:18px}aside,.chat,.templates{border:1px solid #d1dfd6;border-radius:12px;background:#fff;padding:22px}.templates{margin-top:20px}#contacts{display:grid;gap:10px}#contacts button{background:#edf4ef;text-align:left;color:#143f47;border-color:#d1dfd6}#contacts button[aria-current=true]{border-color:#2b7669}#messages{min-height:220px;max-height:430px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:14px 0}.bubble{max-width:88%;border-radius:10px;padding:12px 16px;background:#edf4ef}.bubble.out{align-self:flex-end;background:#d4e9df}.bubble p{white-space:pre-wrap;margin:0 0 7px;overflow-wrap:anywhere}.bubble small{font-size:12px;color:#607e80}#window,#send-hint{font-size:13px;color:#607e80}#templates article{padding:12px 0;border-top:1px solid #d1dfd6}#templates article p{white-space:pre-wrap}.footnote{margin-top:25px}@media(max-width:720px){header,main,footer{padding:18px}header span{max-width:180px}.grid{grid-template-columns:1fr}h1{font-size:27px}.login{margin:25px auto}.row{gap:10px}}