@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#102949;--accent:#1859b7;--gold:#ffe27b}body{background:#f4faff;color:#102949}.header{background:#ffffffef}.bubble.assistant{background:#fff;border-color:#dce9f2}.btn.primary{background:#ffe27b;color:#173251}.inspiration-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0;text-align:center}.inspiration-pillars article{padding:15px;background:#fff9e2;border-radius:15px}.inspiration-pillars span{font-size:25px}.inspiration-pillars h3{font-size:16px}.inspiration-pillars p{font-size:14px}.foundation-reference{font-size:26px;text-align:center}#faith-title,.inspiration-intro{text-align:center}@media(max-width:650px){.inspiration-pillars{gap:7px}.inspiration-pillars article{padding:10px 7px}.inspiration-pillars h3{font-size:13px}.inspiration-pillars p{font-size:12px}}
.retrieval-note{font-size:12px;color:#516b80;padding:10px 0}

body{font-family:'DM Sans',system-ui,sans-serif;background:#f4faff}
.sidebar{background:linear-gradient(180deg,#edf7ff,#fff 75%);border-color:#d6e6f1}
.side-brand{padding-bottom:28px}.side-brand .logo{width:96px;border-radius:8px}
.nav-item{border-radius:12px}.nav-item.active,.nav-item:hover{background:#dfeffc;color:#164d7e}
.new-chat{border-color:#d2e2ed;box-shadow:0 3px 10px #183a5510}
.topbar{background:#102949;color:white;border:0;min-height:82px;height:auto;padding-top:12px;padding-bottom:12px}
.topbar small,.topbar .language-remember{color:#d9e8f4}.topbar .language-option{color:#d9e8f4}
.topbar .language-option[aria-pressed=true]{color:white;background:#365675;box-shadow:inset 0 -2px #ffe27b}
.topbar .language-globe{color:white}.topbar .icon-btn:hover{background:#294862}
.preview-note{background:white;border-bottom:1px solid #e2edf5;color:#536d83;font-size:12px}
.preview-note .app-website-link{margin:0 5px 0 0;font-weight:600;color:#245887}
.chat-view{max-width:1080px;padding:28px 38px 30px;gap:0}
.welcome{display:contents}
.app-welcome-banner{position:relative;isolation:isolate;overflow:hidden;min-height:236px;border-radius:24px;background:#dfedf8;border:1px solid #d9e9f4;margin-bottom:24px;order:0}
.app-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 41%;z-index:-2}
.app-welcome-banner::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7fbfffd 0%,#f2f9fff0 42%,#f3faff75 69%,#f3faff0d 100%)}
.app-welcome-copy{padding:28px 30px 30px;width:74%;position:relative;z-index:1}
.app-welcome-copy .eyebrow{color:#527797;letter-spacing:.15em;font-size:12px}
.welcome .app-welcome-copy h1{font-family:'Libre Caslon Display',Georgia,serif;color:#102949;font-size:clamp(34px,3.4vw,48px);font-weight:400;line-height:1.03;margin:11px 0 15px;letter-spacing:-.03em}
.app-welcome-copy>p:last-of-type{font-size:16px;color:#365b77;max-width:340px;line-height:1.45}
.app-welcome-copy .foundation-link{display:inline-block;font-size:12px;margin-top:13px;color:#27567b}
.app-photo-credit{position:absolute;right:12px;bottom:10px;font-size:12px;padding:3px 8px;border-radius:5px;color:#294c6b;background:#fffffff0;z-index:2}
.messages{order:0}.compose{order:1;margin-top:0;padding-top:0}.app-chat-heading{font-size:18px;font-weight:500;margin:0 0 14px;letter-spacing:-.015em}
.tradition-choice{background:transparent}.composer{border-radius:22px;border-color:#b9d2e5;box-shadow:0 12px 30px #1d4b7410;padding:18px 20px;background:white}
.composer:focus-within{border-color:#548fbd;box-shadow:0 0 0 3px #77b9e729}
.compose-controls .send{background:#ffe27b;color:#163851;border-radius:12px;padding:9px 22px;font-weight:600}
.compose-controls .send:hover{background:#ffda58}.voice-controls .btn{border-radius:11px;border-color:#d5e4ef;background:#f3f9ff}
.welcome .topics{order:3;margin:24px 0 12px}.welcome .suggestions{order:4;margin-bottom:10px}
.topic{border-color:#cedfeb;background:#fff;font-size:13px}.topic[aria-pressed=true]{background:#e4f3ff;color:#164f7f;border-color:#9bc6e6}
.suggestion{border-radius:17px;border-color:#d6e6f1;background:#ffffff;min-height:85px;padding:14px 17px;box-shadow:none}
.suggestion:hover{background:#edf7ff;border-color:#a9cde6}
.bubble{background:#e3f1fb;border-radius:18px 18px 4px 18px}.answer-head .mark{background:#fff0b5;color:#31557a}
.source-links a{border-radius:9px;background:#fff;border-color:#d5e5f0}.content-view h1,.content-view .faith-question h2{font-family:'Libre Caslon Display',Georgia,serif}
.foundation-reading{background:#fff;border-color:#dce9f2}.info-panel{background:#fff}.inspiration-pillars article{background:#fff9e2}
@media(max-width:1100px){.chat-view{padding:24px}.app-welcome-copy{width:79%}.welcome .app-welcome-copy h1{font-size:40px}}
@media(max-width:800px){.chat-view{padding:20px 18px 25px}.topbar{padding:10px 12px;min-height:72px}.preview-note{padding:9px 16px}.app-welcome-banner{min-height:220px;border-radius:20px;margin-bottom:21px}.app-welcome-copy{padding:25px 20px 42px;width:80%}.welcome .app-welcome-copy h1{font-size:clamp(31px,7.7vw,43px);line-height:1.06}.app-welcome-copy>p:last-of-type{font-size:14px;max-width:230px}.app-landscape{object-position:76% 40%}.app-welcome-copy .foundation-link{font-size:12px}.app-chat-heading{font-size:17px}.composer{padding:15px 16px}.app-photo-credit{font-size:12px}.suggestions{grid-template-columns:1fr 1fr}.suggestion{padding:12px;min-height:90px}.suggestion strong{font-size:14px}.welcome .topics{margin-top:20px}}
@media(max-width:400px){.app-welcome-copy{width:91%}.welcome .app-welcome-copy h1{font-size:32px}.suggestions{grid-template-columns:1fr}.app-landscape{object-position:82% 40%}}
