:root{font-family:system-ui,Arial,sans-serif;color:#15291f;background:#f2f6f2}*{box-sizing:border-box}body{margin:0}header{background:#073c2b;color:white;padding:16px 5%;display:flex;align-items:center;gap:22px;flex-wrap:wrap}header a{color:white;text-decoration:none;font-weight:700}header span{color:#e4cb75}nav{margin-left:auto;display:flex;gap:15px;flex-wrap:wrap}main{max-width:1050px;margin:30px auto;padding:0 18px}.card{background:white;border:1px solid #dce6df;border-radius:16px;padding:24px;margin:15px 0;box-shadow:0 6px 22px #123b2410}input,textarea,select,button{font:inherit;padding:12px;border:1px solid #b5c9bb;border-radius:9px;max-width:100%}input,textarea{width:100%;margin:6px 0 14px}button,.btn{display:inline-block;background:#08764c;color:white;padding:12px 18px;border:0;border-radius:9px;text-decoration:none;cursor:pointer}a{color:#08764c}.muted{color:#67776d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.bubble{padding:12px;background:#e8f4ec;border-radius:12px;margin:10px 0}.mine{background:#d3ecd9;margin-left:12%}.error{color:#ad2636}.ok{color:#086f40}label{font-weight:650}small{color:#64746a}

@media(max-width:650px){header{padding:14px 16px;gap:8px}nav{width:100%;margin:0;justify-content:space-between;font-size:13px}main{margin:12px auto;padding:0 10px}.card{padding:17px;border-radius:14px}.bubble{max-width:95%;overflow-wrap:anywhere}.mine{margin-left:10%}}
input:focus,textarea:focus{outline:2px solid #19a46b;outline-offset:1px}button:hover,.btn:hover{background:#055d3d}header a:focus-visible,nav a:focus-visible{outline:2px solid gold}textarea{min-height:90px}