*{box-sizing:border-box}body{color:#234a40;background:#f2eee3;margin:0;font:15px Arial}.shell{background:#fff;border-radius:16px;flex-direction:column;max-width:850px;min-height:80vh;margin:35px auto;display:flex;overflow:hidden;box-shadow:0 12px 40px #1c4d3920}header{color:#fff;background:#075d4d;justify-content:space-between;align-items:center;gap:15px;padding:26px;display:flex}h1{margin:8px 0;font-size:26px}small{letter-spacing:2px;color:#bddbc8}header p{color:#d3e9db;font-size:12px}a{color:#164637;background:#f7d768;border-radius:22px;padding:12px 20px;font-weight:700;text-decoration:none}.chat{flex-direction:column;flex:1;align-items:flex-start;gap:12px;min-height:360px;padding:22px;display:flex}.bubble{overflow-wrap:anywhere;background:#f9fbf9;border:1px solid #dce8de;border-radius:12px;max-width:86%;padding:15px;line-height:1.55}.bubble.user{white-space:pre-wrap;background:#e1f2e9;align-self:flex-end}.bubble p{margin:0 0 10px}.bubble p:last-child{margin-bottom:0}.bubble h2,.bubble h3{margin:8px 0;font-size:15px}.bubble ul,.bubble ol{margin:7px 0;padding-left:22px}.bubble li{margin:5px 0}form{gap:9px;padding:16px;display:flex}textarea{border:1px solid #dae5df;border-radius:10px;flex:1;min-width:0;padding:15px;font:15px Arial}button{color:#fff;cursor:pointer;background:#0b705a;border:0;border-radius:10px;padding:10px 20px;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}footer{color:#899e91;padding:0 18px 15px;font-size:11px}.error{color:#9c2020;margin:5px 20px}@media (max-width:650px){.shell{border-radius:0;min-height:100vh;margin:0}h1{font-size:21px}header{padding:20px}a{padding:10px}}
