:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2823;background:#eef2ed;font-synthesis:none;--header-h:72px;--composer-h:70px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef2ed}body{min-height:100dvh}button,input,textarea{font:inherit}main{width:min(100%,760px);height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:#eef2ed;overflow:hidden}header{min-height:var(--header-h);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:rgba(255,255,255,.94);border-bottom:1px solid #d9dfda;z-index:5}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:700;color:#6d7b73;margin:0 0 2px}h1{font-size:19px;margin:0}#status{font-size:11px;color:#52685e;background:#e6ece7;padding:6px 9px;border-radius:20px;white-space:nowrap}#join{margin:24px 16px;background:#fff;padding:20px;border:1px solid #dbe2d9;border-radius:14px}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.row{display:flex;gap:10px;align-items:center}input{font-size:16px;width:100%;border:1px solid #cbd6cc;border-radius:12px;padding:12px;background:#fff;color:#21312c}button{border:0;cursor:pointer}.row button{font-size:14px;background:#315c48;color:#fff;border-radius:10px;padding:12px 17px;white-space:nowrap}.hint{font-size:12px;line-height:1.6;color:#68776e}#chat{min-height:0;flex:1;display:flex;flex-direction:column;position:relative}#messages{min-height:0;flex:1;overflow-y:auto;padding:14px 12px 18px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.message{display:flex;flex-direction:column;margin:0 0 12px;max-width:82%;align-items:flex-start}.message.mine{margin-left:auto;align-items:flex-end}.message.ai{max-width:88%}.meta{display:flex;align-items:baseline;gap:7px;margin:0 7px 4px;font-size:11px;color:#6f7b74}.meta strong{font-weight:600;overflow-wrap:anywhere}.meta time{font-size:10px;color:#89928c}.bubble{background:#fff;border-radius:18px;padding:9px 13px;box-shadow:0 1px 1px rgba(0,0,0,.06);max-width:100%}.mine .bubble{background:#9eea70;border-bottom-right-radius:5px}.message:not(.mine) .bubble{border-bottom-left-radius:5px}.message.ai .bubble{background:#fff}.body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.55;font-size:15px}.body a{color:#1769aa;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.subtle{align-self:center;background:transparent;color:#42654f;padding:9px 12px;margin:6px 0 0;font-size:12px}#send-form{flex:none;background:rgba(255,255,255,.96);border-top:1px solid #d9dfda;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:6}.composer-row{display:flex;align-items:flex-end;gap:8px}.ai-toggle{flex:0 0 42px;height:42px;border-radius:21px;background:#e8ece9;color:#526159;font-size:12px;font-weight:700}.ai-toggle[aria-pressed="true"]{background:#315c48;color:#fff;box-shadow:0 0 0 3px rgba(49,92,72,.14)}#text{flex:1;min-width:0;min-height:42px;max-height:126px;resize:none;overflow-y:auto;border:1px solid #cfd7d1;border-radius:21px;background:#f7f8f7;color:#1d2823;padding:10px 14px;font-size:16px;line-height:20px;outline:none}#text:focus{border-color:#8ca598;background:#fff}.send-button{flex:0 0 42px;width:42px;height:42px;border-radius:50%;padding:0;background:#315c48;color:#fff;font-size:25px;font-weight:700;line-height:42px}.send-button:disabled{opacity:.38;cursor:default}#error{flex:none;margin:0;padding:0 14px;background:#fff;color:#9a3a30;font-size:12px;line-height:1.5}#error:not(:empty){padding-top:5px;padding-bottom:5px}#empty{padding:60px 15px;text-align:center;color:#778578;font-size:14px}[hidden]{display:none!important}@media(min-width:761px){main{height:min(900px,100dvh);border-left:1px solid #dde2de;border-right:1px solid #dde2de}.message{max-width:72%}.message.ai{max-width:80%}}@media(max-width:480px){:root{--header-h:62px}header{padding-left:13px;padding-right:13px}h1{font-size:18px}.eyebrow{display:none}#messages{padding-left:9px;padding-right:9px}.message{max-width:84%}.message.ai{max-width:91%}.body{font-size:15px}#send-form{padding-left:8px;padding-right:8px}.composer-row{gap:6px}.ai-toggle,.send-button{flex-basis:40px;width:40px;height:40px}.send-button{line-height:40px}#text{min-height:40px;border-radius:20px;padding:9px 13px}}