/* Theology Chat identity. Applied only to the separately built theologychat.app shell. */
:root{--navy:#14333d;--ink:#14333d;--paper:#fffefa;--gold:#c49a54;--line:#ddd8ca;--muted:#62757b;--sans:'Segoe UI',system-ui,-apple-system,sans-serif;--serif:Georgia,'Times New Roman',serif;--tc-ivory:#fbf8f1;--tc-deep:#102a33;--tc-gold-text:#856225;--tc-shadow:0 12px 36px #14333d0b}
body{background:var(--tc-ivory);color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{transition:background-color .16s,border-color .16s,box-shadow .16s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #997131;outline-offset:3px}
.chat-layout{--sidebar-width:244px;background:var(--paper);max-width:none;gap:0}
.chat-shell{max-width:none;background:var(--paper);container-type:inline-size}
.chat-header,body.embedded .chat-header{background:var(--paper);border-bottom:1px solid var(--line);padding:17px 24px;gap:18px}
.chat-header .agent-brand{flex:0 0 238px;min-width:205px;gap:12px;font-size:24px;line-height:1.1;letter-spacing:-.7px;white-space:nowrap}
.tc-brand-symbol{display:block;flex:none;width:44px;height:42px;object-fit:contain}
.tc-brand-copy{display:block}
.chat-header .agent-brand small{font-family:var(--sans);font-size:9px;line-height:1.4;letter-spacing:.025em;margin-top:7px;color:var(--muted)}
.tc-brand-copy #version{display:none}
.chat-header .chat-toolbar{justify-content:flex-end;gap:12px}
.chat-header .chat-toolbar label{color:#64777b;font-size:8px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px}
.chat-header select,.mode-picker-trigger{border:1px solid var(--line);background:#fffefa;border-radius:9px;color:var(--ink);min-height:39px}
.chat-header select:focus,.mode-picker-trigger:focus-visible{border-color:#b7955e}
.mode-icon{color:#ad8040;stroke-width:1.65}
.mode-options{border:1px solid #d9c5a2;border-radius:12px;box-shadow:0 16px 40px #14333d1c;background:var(--paper);padding:6px}
.mode-option{border-radius:7px}
.mode-option[aria-selected=true]{background:#f2eadb;color:var(--ink)}
.mode-description{font-size:11px;padding:12px 30px;color:var(--muted);border:0;background:transparent}
.header-actions button{border-color:var(--line);border-radius:8px;color:var(--muted)}
.history-panel{background:var(--tc-deep);color:#edf0eb;border:0;padding:24px 17px 17px;gap:0;box-shadow:inset -1px 0 #ffffff0d}
.history-panel #new-chat{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 14px;border:1px solid #c49a5480;border-radius:10px;background:#c49a5418;color:#f5e4bd;font-size:12px;font-weight:600;letter-spacing:.025em}
.history-panel #new-chat:hover{background:#c49a542b;border-color:var(--gold)}
.tc-sidebar-heading{font:600 9px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#acbfc1;margin:29px 8px 10px}
.commentary-browsers{gap:3px;padding:0}
.history-panel .commentary-browsers button,.history-panel #browse-library{border:0;border-radius:8px;background:transparent;color:#e2e9e7;padding:11px 10px;font-size:11px;line-height:1.5;margin:0;text-align:left;box-shadow:none}
.history-panel .commentary-browsers button::before{content:'';display:inline-block;width:5px;height:5px;border:1px solid #c49a54;border-radius:1px;margin:0 11px 2px 0;transform:rotate(45deg)}
.history-panel .commentary-browsers button:hover{background:#ffffff0c;color:#fff}
.history-section{border-top:1px solid #ffffff19;padding-top:18px;margin-top:22px;min-height:0;flex:1;display:flex;flex-direction:column}
.history-section h2{font-size:9px;letter-spacing:.15em;color:#adbec0;margin:0 9px 12px}
.history-panel .history-empty,.history-panel .history-note{color:#a9bec2;font-size:10px}
.history-panel .chat-history-open{color:#d7e2e1;font-size:11px;padding:10px 9px}
.history-panel .chat-history-row:has([aria-current]),.history-panel .chat-history-row:hover{background:#ffffff0c}
.history-panel .chat-history-delete{color:#8fa8ac}
.history-panel .chat-history-delete:hover{color:#fff;background:#ffffff12}
.history-panel .sidebar-pricing{margin-top:18px;border:1px solid #c49a5470;background:transparent;color:#e9d1a7;border-radius:9px;padding:11px 12px;font-size:11px}
.history-panel .sidebar-pricing:hover{background:#c49a5415}
.history-panel .sidebar-account{margin-top:12px;padding:16px 3px 2px;border-top-color:#ffffff25;color:#eef2eb}
.history-panel .sidebar-account-copy small{color:#a8bcc1}
.history-panel .profile-avatar{background:#c49a5420;color:#f0d9ad;border:1px solid #c49a5445}
.history-panel .sidebar-account-arrow{color:#d8b578}
.history-panel .sidebar-purchases a{color:#ead6b5}
.history-divider{background:transparent}
.history-divider:hover,.history-divider:focus-visible{background:#c49a5477}
.chat-history{scrollbar-color:#647b7e transparent;min-height:0;overflow:auto;flex:1}.chat-history:has(.history-empty){flex:0 0 auto;overflow:visible}.history-panel .history-empty{margin:6px 9px;line-height:1.6}.history-panel .history-note{margin-top:12px;margin-bottom:0}
.welcome{padding:30px 20px 38px;max-width:720px}
.welcome-symbol{width:94px;height:94px;border:1px solid #d9c8a7;border-radius:50%;display:grid;place-items:center;margin:0 auto 30px;background:#f9f4e9;box-shadow:0 0 0 8px #fbf8f1}
.welcome-symbol img{width:51px;height:48px;display:block}
.welcome h1{font-family:var(--serif);font-size:clamp(32px,3.35vw,51px);line-height:1.15;font-weight:400;letter-spacing:-1.6px;color:var(--ink);margin:0}
.welcome>p{font-size:12px;line-height:1.9;letter-spacing:.015em;color:var(--muted);margin:22px 0 28px}
.suggestions{gap:9px;justify-content:center}
.suggestions button{font-size:11px;padding:12px 15px;border:1px solid #ddd5c5;background:#fcfaf4;border-radius:10px;color:#36505a;box-shadow:0 2px 3px #14333d03}
.suggestions button:hover{border-color:#bd9b60;background:#f5eddd}
.composer-area{width:min(900px,100%);padding:16px 28px 19px;background:var(--paper);max-height:60dvh}
.composer{border:1px solid #d2d9d6;border-radius:22px;background:#fff;box-shadow:var(--tc-shadow);padding:12px 14px}
.composer:focus-within{border-color:#a68b5d;box-shadow:0 0 0 3px #c49a5416,var(--tc-shadow)}
.composer textarea{font-family:var(--sans);font-size:13px;line-height:1.65;color:var(--ink)}
.composer textarea::placeholder{color:#74878a}
#send{background:var(--ink);width:39px;height:39px;flex-basis:39px}
#send:hover:enabled{background:#285260}
#send:disabled{background:#91a6ab}
#attach{color:#8d9b9c}
.composer-footer,.composer-legal,.composer-area>.fine{color:#6c7c7f}
.message.assistant .body{background:#fffefa;border:1px solid #ded8ca;border-radius:14px;box-shadow:0 2px 10px #14333d04;padding:18px 21px;font:17px/1.85 var(--serif)}
.message.user .body{background:#edf0e9;border:0;border-radius:15px 15px 3px 15px;color:var(--ink)}
.speaker{color:var(--tc-gold-text);font-size:9px;letter-spacing:.09em}
.voice-controls,#voice-settings,.debate-settings-trigger{background:#f7f5ed;border:1px solid #ddd5c5;border-radius:13px;padding:17px}
.voice-controls select,#voice-settings select,.settings select,.settings input{border-color:#d7cdbb;border-radius:9px;background:#fffefa}
#start-voice{background:#276447;color:#fff;border-color:#276447;border-radius:9px;min-height:41px;padding:10px 18px;box-shadow:0 3px 8px #27644722}
#start-voice:hover:enabled{background:#1d5037}
#end-voice{background:#a3343c;border-color:#a3343c;color:#fff;border-radius:9px}
.voice-allowance{color:var(--ink)}
.voice-allowance .voice-allowance-label{color:var(--muted)}
dialog{border-color:#d9cfbb;border-radius:16px;background:var(--paper);box-shadow:0 25px 90px #14333d2b}
dialog::backdrop{background:#102a337d}
.dialog-top{background:var(--paper);border-bottom-color:var(--line)}
.dialog-top h2{font-family:var(--serif);font-weight:400}
.account-popout-tabs{background:#f5f0e5}
.account-popout-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}
.account-popout-header h2{letter-spacing:-.5px}
@media(min-width:1100px){.chat-header .chat-toolbar>.mode-control-group{grid-template-columns:146px}.chat-header #orientation-control{max-width:225px;flex-basis:205px}.chat-header .chat-toolbar>div:has(#reasoning-menu){max-width:255px;flex-basis:225px}}
@media(min-width:901px) and (max-width:1100px){.chat-header,body.embedded .chat-header{gap:12px;padding:14px 16px}.chat-header .agent-brand{flex-basis:195px;min-width:180px;font-size:20px;gap:9px}.tc-brand-symbol{width:35px;height:35px}.chat-header .agent-brand small{font-size:8px;letter-spacing:0}.chat-header .chat-toolbar{gap:7px}}
@media(max-width:900px){.chat-header,body.embedded .chat-header{padding:15px 18px}.chat-header .agent-brand{font-size:23px;min-width:0;flex-basis:auto}.chat-header .agent-brand small{font-size:9px;letter-spacing:0}.chat-header .chat-toolbar{justify-content:flex-start}.tc-brand-symbol{width:38px;height:37px}.welcome{padding-top:25px}.welcome h1{font-size:40px}}
@media(max-width:760px){.history-panel{padding:22px 17px!important}.history-open .history-panel{background:var(--tc-deep);border-right:1px solid #ffffff1a}.history-open #close-history{color:#e8d2ad}.history-open .history-section{margin-top:25px}.chat-header .agent-brand{font-size:22px}.chat-header .header-actions{max-width:none}.chat-header #toggle-history{border-color:#dbcdb5;color:#586e73}.welcome-symbol{width:79px;height:79px;margin-bottom:25px}.welcome-symbol img{width:44px;height:42px}.welcome h1{font-size:36px;letter-spacing:-1.15px}.welcome>p{font-size:12px;margin:18px 0 24px}.suggestions{gap:7px}.suggestions button{font-size:10px;padding:10px 11px}.composer-area{padding:10px 16px 14px}.composer textarea{font-size:16px}.voice-controls{padding:14px}.message.assistant .body{font-size:16px;padding:15px 17px}}
@media(max-width:420px){.chat-header .agent-brand{font-size:20px;gap:9px}.tc-brand-symbol{width:33px;height:33px}.chat-header .agent-brand small{font-size:8px}.welcome h1{font-size:32px}.welcome-symbol{margin-bottom:22px}.welcome>p{max-width:250px;margin-inline:auto}.suggestions button{padding:9px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){button,input,select,textarea{transition:none}}
@container(max-width:850px){.chat-header,body.embedded .chat-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;padding:15px 18px}.chat-header .agent-brand{grid-column:1;grid-row:1;min-width:0;flex-basis:auto;font-size:23px}.chat-header .header-actions{grid-column:2;grid-row:1}.chat-header .chat-toolbar{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;width:100%;min-width:0;gap:9px;justify-content:flex-start}.chat-header .chat-toolbar>.mode-control-group{flex:0 0 135px}.chat-header #orientation-control,.chat-header .chat-toolbar>div:has(#reasoning-menu){flex:1;min-width:0;max-width:none}.chat-header .mode-picker{width:135px}.chat-header #orientation-menu,.chat-header #reasoning-menu{width:100%;font-size:11px}.chat-header .agent-brand small{font-size:9px;letter-spacing:0}}
@container(max-width:510px){.chat-header .chat-toolbar{display:grid;grid-template-columns:135px minmax(0,1fr);gap:10px 8px}.chat-header .chat-toolbar>div:has(#reasoning-menu){grid-column:1/-1}.chat-header .agent-brand{font-size:22px}.chat-header .agent-brand small{font-size:8px}.chat-header .chat-toolbar>.mode-control-group:has(#voice-allowance:not([hidden])){display:contents}.chat-header .voice-allowance{grid-column:1/-1;grid-row:2}.chat-header .voice-allowance-label{display:inline;margin-right:8px}.welcome{padding:25px 13px}.welcome h1{font-size:32px}.welcome>p{font-size:11px;line-height:1.8}.welcome-symbol{width:70px;height:70px;margin-bottom:23px}.welcome-symbol img{width:39px;height:38px}.suggestions{flex-wrap:wrap}}
.tc-mobile-navigation{display:none}
@media(max-width:760px){
 .chat-header .tc-mobile-navigation{display:flex;grid-column:1/-1;grid-row:2;gap:9px;width:100%}
 .tc-mobile-navigation button,.chat-header .tc-mobile-navigation #toggle-history{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:38px;padding:8px 11px;border:1px solid #d6c6a9;border-radius:9px;background:#fcfaf4;color:var(--ink);font:600 11px var(--sans)}
 .tc-mobile-navigation svg{width:18px;height:18px;fill:none;stroke:#a77c39;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .chat-header .chat-toolbar{grid-row:3}
 body[data-mobile-panel=history] .commentary-browsers,body[data-mobile-panel=history] .tc-sidebar-heading{display:none}
 body[data-mobile-panel=libraries] .history-section,body[data-mobile-panel=libraries] #new-chat{display:none}
 body[data-mobile-panel=libraries] .tc-sidebar-heading{margin-top:22px}
 body[data-mobile-panel=libraries] .sidebar-pricing{margin-top:auto}
}