@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#243a32;background:#f8f7f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 35%,#fffefa 0,#f8f7f2 60%)}.shell{max-width:940px;margin:auto;min-height:100vh;padding:28px 34px 30px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:13px;background:#1e463a;color:#eed9a4;display:grid;place-items:center;font-size:19px}.brand strong,.brand small{display:block;letter-spacing:.12em}.brand strong{font-size:11px}.brand small{font-size:9px;color:#829087;margin-top:4px}.online{font-size:11px;color:#718077;display:flex;align-items:center;gap:8px}.online i{width:7px;height:7px;background:#78a683;border-radius:50%;box-shadow:0 0 0 3px #e2eee3}.welcome{text-align:center;padding:65px 0 25px}.portrait-wrap{position:relative;width:70px;height:70px;margin:0 auto 19px}.portrait{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 3px 18px #253a301c}.portrait-spark{position:absolute;right:-3px;bottom:0;background:#e9d29b;color:#4c492f;border:2px solid #f8f7f2;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:11px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#8b927e;margin:0 0 12px}.welcome h1{font:500 clamp(34px,6vw,52px)/1.1 'Playfair Display',serif;letter-spacing:-.035em;margin:0;color:#203d33}.welcome h1 em{font-weight:500;color:#ad8b4d}.intro{font-size:14px;color:#748078;max-width:440px;line-height:1.7;margin:17px auto 26px}.suggestions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.suggestion{border:1px solid #e3e4da;background:#fffefa;color:#54665d;border-radius:999px;padding:10px 14px;font:500 11px 'DM Sans',sans-serif;cursor:pointer;transition:.18s}.suggestion span{color:#ae8c4b;margin-left:7px}.suggestion:hover{border-color:#a7b6a9;transform:translateY(-1px)}.conversation{display:flex;flex-direction:column;gap:18px;width:min(100%,680px);margin:12px auto 22px}.message{max-width:86%;padding:15px 18px;border-radius:17px;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#1e463a;color:#fff;border-bottom-right-radius:5px}.message.assistant{align-self:flex-start;background:#fff;border:1px solid #eae9df;color:#33483e;border-bottom-left-radius:5px;box-shadow:0 5px 18px #263a3008}.sources{border-top:1px solid #eeeee8;margin-top:13px;padding-top:10px;color:#788278;font-size:11px}.sources strong{display:block;margin-bottom:7px;color:#758174}.source{margin:7px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.source span{color:#a28145}.listen-link{display:inline-flex;align-items:center;border:1px solid #d8e2d7;border-radius:999px;padding:5px 9px;color:#315e49;background:#f7faf5;text-decoration:none;font-size:10px;font-weight:600;line-height:1.3;transition:background .16s,border-color .16s}.listen-link:hover{background:#eaf2e8;border-color:#a9c0aa}.listen-link:focus-visible{outline:2px solid #ad8b4d;outline-offset:2px}.typing{color:#89948b}.error{width:min(100%,680px);margin:0 auto 12px;color:#9a4e3f;font-size:12px}.composer{position:sticky;bottom:0;width:min(100%,680px);margin:auto auto 0;padding:8px 9px 32px;background:#fff;border:1px solid #e5e6dc;border-radius:17px;box-shadow:0 12px 42px #263a3010;display:flex;align-items:flex-end;gap:10px}.composer textarea{resize:none;max-height:140px;flex:1;border:0;outline:none;background:transparent;color:#31463c;padding:10px 8px;font:14px/1.5 'DM Sans',sans-serif}.composer textarea::placeholder{color:#9ba49b}.composer button{width:38px;height:38px;flex:none;border:0;border-radius:12px;background:#1e463a;color:#fff;font-size:23px;cursor:pointer}.composer button:disabled{opacity:.45;cursor:wait}.composer-note{position:absolute;bottom:10px;left:17px;color:#a1a69c;font-size:9px}.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}[hidden]{display:none!important}@media(max-width:600px){.shell{padding:18px 16px 20px}.welcome{padding:54px 0 21px}.welcome h1{font-size:39px}.intro{font-size:13px}.suggestion{font-size:10px;padding:9px 12px}.message{max-width:94%;font-size:13px}.online{font-size:10px}}

/* Messenger-style conversation */
.message{display:flex;gap:10px;max-width:92%;padding:0;background:transparent;border:0;box-shadow:none;white-space:normal;overflow:visible}
.message.assistant{align-self:flex-start;align-items:flex-end}
.message.user{align-self:flex-end;justify-content:flex-end}
.message-avatar{width:36px;height:36px;flex:0 0 36px;object-fit:cover;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 9px #263a301a}
.message-bubble{max-width:calc(100% - 46px);padding:14px 17px;border-radius:17px;font-size:14px;line-height:1.72;overflow-wrap:anywhere}
.assistant-bubble{background:#fff;border:1px solid #eae9df;color:#33483e;border-bottom-left-radius:5px;box-shadow:0 5px 18px #263a3008}
.user-bubble{max-width:88%;background:#1e463a;color:#fff;border-bottom-right-radius:5px;white-space:pre-wrap}
.assistant-bubble p{margin:0 0 11px}
.assistant-bubble p:last-of-type{margin-bottom:0}
.assistant-bubble h3{margin:16px 0 7px;color:#244b3b;font-size:14px;line-height:1.4;font-weight:700}
.assistant-bubble h3:first-child{margin-top:0}
.assistant-bubble ul,.assistant-bubble ol{margin:7px 0 12px;padding-left:21px}
.assistant-bubble li{padding-left:2px}
.assistant-bubble li+li{margin-top:6px}
.assistant-bubble blockquote{margin:10px 0;padding-left:13px;border-left:2px solid #d8c18c;color:#68786e}
.assistant-bubble strong{color:#244b3b;font-weight:700}
.assistant-bubble .typing{color:#89948b}
@media(max-width:600px){.message{max-width:100%;gap:8px}.message-avatar{width:31px;height:31px;flex-basis:31px}.message-bubble{max-width:calc(100% - 39px);padding:12px 14px;font-size:13px}.user-bubble{max-width:90%}}
.message.assistant,.message.user{background:transparent;border:0;box-shadow:none;color:inherit;border-radius:0}
.user-bubble{color:#fff}

.typing{color:#637368}.assistant-bubble.streaming::after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;vertical-align:middle;border-radius:50%;background:#78a683;animation:stream-pulse .7s ease-in-out infinite alternate}@keyframes stream-pulse{to{opacity:.35;transform:scale(.8)}}@media(max-width:600px){.composer textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.assistant-bubble.streaming::after{animation:none}}

.brand small{font-size:11px;color:#596a60}.online{color:#596a60}.eyebrow{color:#626d5e}.welcome h1 em{color:#856833}.intro{color:#5f6f65}.composer-note{font-size:10px;color:#56675c}.source span{color:#7d6332}.listen-link{font-size:11px}.error{color:#854638}.retry-button{margin-inline-start:7px;padding:4px 9px;border:1px solid #bdcbc0;border-radius:9px;background:#fffefa;color:#284e3d;font:600 11px/1.2 system-ui,sans-serif;cursor:pointer}.retry-button:focus-visible{outline:2px solid #ad8b4d;outline-offset:2px}@media(max-width:600px){.message{font-size:14px}.suggestion{font-size:11px}.online{font-size:11px}}