/* Focus Right: keep the scene visible with gentle shading behind answers. */
body{--study-right:32px;--study-top:clamp(150px,20vh,245px);--study-width:44vw;--cream:#eee5d3;--reading-font:Arial,Helvetica,sans-serif;--answer-size:20px;--answer-weight:500;--answer-leading:1.7;--text-shadow:0 2px 3px #000e,0 0 12px #000b;--text-stroke:0px;--reading-measure:58ch;--suggestion-size:18px}
.sky-title{position:fixed;left:4vw;top:4vh;z-index:4;color:var(--cream);font:400 clamp(60px,8.7vw,170px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;pointer-events:none;text-shadow:0 2px 28px #0002}.sky-title span{font-style:italic;letter-spacing:-.09em;margin-left:.08em}

#chat-panel,#chat-panel[data-empty=true]{right:var(--study-right);top:var(--study-top);bottom:28px;width:var(--study-width);height:auto;max-height:none;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;color:var(--cream)}
#chat-panel .composer,#chat-panel .suggestion,#chat-panel .suggestion:hover,#chat-panel .user-message,#chat-panel .source-card,#chat-panel .notice,#chat-panel #send,#chat-panel #stop,#chat-panel .icon-button:hover,#chat-panel .citation:hover{background:none;backdrop-filter:none;box-shadow:none}
.chat-heading{padding:25px 25px 18px}.chat-heading h1{font:400 clamp(22px,2.15vw,36px)/1.2 Georgia,serif;color:var(--cream);margin:0 12px 0 2px}.icon-button{color:#e7dfcd}.chat-heading .icon-button{width:36px;height:36px}#conversation,#sources-pane{padding:0 28px 20px}#chat-panel[data-empty=true] #conversation{flex:0}
#suggestions{padding:14px 26px 22px;gap:10px;max-height:210px}#chat-panel[data-empty=true] #suggestions{margin-top:auto;margin-bottom:0;max-height:none}.suggestion,#chat-panel[data-empty=true] .suggestion{font-family:var(--reading-font);font-size:var(--suggestion-size);font-weight:var(--answer-weight);line-height:1.5;padding:18px 4px 18px 0;border:0;border-bottom:1px solid #eee5d350;border-radius:0;color:#f5f0e5}.suggestion:hover{text-decoration:underline;text-underline-offset:5px}.suggestion:after{color:var(--cream)}
#chat-form{padding:0 24px 24px}.composer{padding:12px 12px 12px 0;border:0;border-bottom:1px solid #eee5d375;border-radius:0}#question{font-size:18px;line-height:1.5;color:#fff9ee;font-weight:500}#question::placeholder{color:#e4dfd1;opacity:1}#send,#stop{width:39px;height:39px;color:var(--cream)}
.answer-text{font-family:var(--reading-font);font-size:var(--answer-size);font-weight:var(--answer-weight);line-height:var(--answer-leading);max-width:var(--reading-measure);color:#fff9ef}.user-message{font-family:var(--reading-font);font-size:calc(var(--answer-size) - 2px);font-weight:var(--answer-weight);border:0;color:#eee0c6;max-width:85%;margin-left:auto;padding-right:0}.source-card{border:0;padding-left:0;padding-right:0}.source-title{font-size:17px}.source-excerpt{font-size:16px;line-height:1.7}.citation,.inspect-sources{color:#f1d9ad;font-size:14px;font-weight:600}.answer-text strong{color:#fff9ef}
/* Outline/shadow follows the glyphs only, keeping the scene visible between letters. */
#chat-panel :is(.answer-text,.user-message,.suggestion,.source-title,.source-excerpt,.source-label,.source-pages,.notice,.inspect-sources,.chat-heading h1,#question,#response-status){text-shadow:var(--text-shadow);-webkit-text-stroke:var(--text-stroke) #080a0b;paint-order:stroke fill}

.chat-hidden .sky-title{opacity:.9}.scene-tools{left:4vw;bottom:28px}.hotspot span{font-size:12px}.open-chat{background:none;border-color:#eee5d350;color:var(--cream);text-shadow:0 1px 5px #000}
@media(min-width:1700px){body{--study-right:40px}.chat-heading{padding:30px}.composer{padding-top:15px;padding-bottom:15px}}
@media(max-width:1000px) and (min-width:641px){body{--study-width:46vw;--study-right:20px;--study-top:150px;--answer-size:18px;--suggestion-size:16px}.sky-title{font-size:9vw;top:35px}.chat-heading{padding:18px}#conversation,#sources-pane{padding:0 18px 14px}#suggestions{padding:10px 16px 16px}.suggestion,#chat-panel[data-empty=true] .suggestion{padding:13px 0}#chat-form{padding:0 16px 16px}}
@media(max-width:640px){body{--study-right:10px;--answer-size:17px;--suggestion-size:15px}.sky-title{left:20px;top:21px;font-size:56px}#scene{bottom:50dvh}#chat-panel,#chat-panel[data-empty=true]{left:10px;right:10px;top:auto;bottom:10px;width:auto;height:calc(50dvh - 10px);max-height:calc(50dvh - 10px)}.chat-heading{padding:12px 14px 9px}.chat-heading h1{font-size:23px}.chat-heading .icon-button{width:30px;height:30px}#suggestions,#chat-panel[data-empty=true] #suggestions{padding:10px 14px;max-height:140px;margin-top:auto;margin-bottom:0;gap:7px}.suggestion,#chat-panel[data-empty=true] .suggestion{padding:10px 0}#conversation,#sources-pane{padding:0 16px 10px}#chat-form{padding:0 12px 12px}.composer{padding:8px 8px 8px 0}#question{font-size:16px}#send,#stop{width:35px;height:35px}.scene-tools{left:14px;bottom:calc(50dvh + 12px)}.loader,#error{bottom:50dvh}.chat-hidden #scene,.chat-hidden .loader,.chat-hidden #error{bottom:0}.chat-hidden .scene-tools{bottom:16px}}

#scene{transition:filter .55s ease}

/* Feather across the scene, with no edge around the transparent chat area. */
#scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 40%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.36) 60%,rgba(0,0,0,.52) 74%,rgba(0,0,0,.56) 100%);opacity:0;transition:opacity .55s ease}
body[data-layout=focus-side][data-reading=true]:not(.chat-hidden) #scene::after{opacity:1}
@media(min-width:1001px){body[data-layout=focus-side] #chat-panel{box-sizing:border-box;padding-left:clamp(48px,4vw,96px)}}

@media(max-width:640px){#scene::after{display:none}}
@media(prefers-reduced-motion:reduce){#scene,#scene::after{transition:none}}
.scene-focus{font-size:15px;color:#f1d9ad;text-shadow:var(--text-shadow);min-height:44px}.answer-section+.answer-section{margin-top:22px}