:root{font-family:Inter,system-ui,sans-serif;color:#14251c;background:#f5efe3}*{box-sizing:border-box}body{margin:0;padding:20px}main{max-width:760px;margin:auto;min-height:calc(100vh - 40px);background:#fffaf1;border:1px solid #ded6c7;border-radius:28px;padding:24px;box-shadow:0 22px 60px #203a2b18}header{display:flex;align-items:center;gap:12px}.mark{width:46px;height:46px;border-radius:15px;background:#126746;color:white;display:grid;place-items:center;font-size:24px;font-weight:900}h1{font-size:21px;margin:0}header p{margin:2px 0;color:#66736b;font-size:13px}#status{margin-left:auto;background:#e4eee8;border-radius:30px;padding:7px 11px;font-size:12px}.hero{padding:32px 0 16px}.hero h2{font-size:32px;line-height:1.05;margin:0 0 10px}.hero p{color:#5d6a63}nav{display:flex;gap:8px;flex-wrap:wrap}button{border:0;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}nav button{background:#ebe7de}.selected,#ask{background:#126746;color:#fff}#messages{display:flex;flex-direction:column;gap:10px;min-height:190px;padding:24px 0}.guru,.student{max-width:90%;padding:14px 16px;border-radius:18px;white-space:pre-wrap;line-height:1.45}.guru{background:#fff;border:1px solid #ded6c7}.student{background:#d9eee3;align-self:flex-end}form{display:grid;gap:9px}label{font-weight:800}textarea{width:100%;min-height:100px;border:1px solid #b9c1bc;border-radius:16px;padding:14px;font:inherit;resize:vertical}#ask{justify-self:end}#ask:disabled{opacity:.5}footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#66736b;font-size:12px;padding-top:18px}@media(max-width:520px){body{padding:0}main{border:0;border-radius:0;min-height:100vh}.hero h2{font-size:27px}}