main{height:100dvh;display:flex;flex-direction:column;max-width:760px;padding:12px}header{padding:12px 20px;gap:18px;border-radius:16px;flex-shrink:0}.brand-logo{width:66px}.brand-title strong{font-size:1.15rem}.brand-title span:last-child{display:none}#status{font-size:.78rem;min-height:18px;margin:9px 4px;flex-shrink:0}#login{margin-top:22px}#workspace{min-height:0;flex:1;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f4eeee}nav{margin:0;padding:9px 12px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}nav button{min-height:34px;padding:6px 12px;font-size:.8rem;flex:initial}#messages{flex:1;min-height:100px;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.message{white-space:normal;flex-shrink:0;margin:0;max-width:88%;padding:12px 15px;border:0;box-shadow:0 2px 5px #48232908;font-size:.94rem}.message>div:not(#choices){white-space:pre-wrap}.bot-message{align-self:flex-start;border-radius:3px 16px 16px 16px;background:white}.user-message{align-self:flex-end;border-radius:16px 3px 16px 16px;background:#b51734;color:white}.message-author{display:block;font-size:.66rem;font-weight:700;margin-bottom:6px;letter-spacing:.02em;color:#965366}.user-message .message-author{color:#ffdce3}#choices{margin:12px 0 0;gap:7px}#choices:empty{display:none}#choices button{background:#fff5f6;color:#9b1832;border:1px solid #edc4cd;text-align:left;font-size:.86rem;min-height:42px}#choices button:hover{background:#f9e1e6}#composer{padding:12px;background:white;border-top:1px solid var(--line);flex-shrink:0}.row{align-items:center}#text{border-radius:22px;background:#faf6f7}#entry button{border-radius:22px}#location{width:auto;background:transparent;border:0;margin:5px 0 0;min-height:34px;padding:6px 8px;font-size:.78rem}.note{font-size:.67rem;margin:4px 4px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:380px){main{padding:8px}.message{max-width:94%}header{padding:10px 16px}.brand-logo{width:58px}}@media(prefers-reduced-motion:reduce){#messages{scroll-behavior:auto}}