.journal-panel{margin:28px 0;padding:26px;border:1px solid #d4c3d7;border-radius:22px;background:rgba(255,251,255,.82);color:#604664}.journal-panel h2,.journal-panel h3{margin:0 0 14px}.journal-panel p{line-height:1.8}.journal-panel input,.journal-panel textarea,.journal-panel select{display:block;width:100%;max-width:100%;padding:12px;border:1px solid #cbb9ce;border-radius:12px;background:#fff;color:#49374d;font:inherit;margin:8px 0 16px}.journal-panel textarea{min-height:100px;resize:vertical}.journal-panel button,.journal-panel .journal-link{display:inline-block;padding:10px 16px;border:1px solid #b99bc0;background:#f4ebf5;color:#604664;border-radius:18px;font:inherit;cursor:pointer;text-decoration:none;margin:4px}.journal-panel button:disabled{opacity:.55;cursor:wait}.journal-panel label{display:block;font-weight:600}.journal-panel details{margin:18px 0}.journal-panel summary{cursor:pointer;padding:10px 0}.journal-muted{font-size:13px;color:#796880}.journal-status{min-height:24px;white-space:pre-wrap;line-height:1.6;color:#835453}.journal-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px 18px;border-radius:16px;background:#f1e9f4;line-height:1.85;margin:14px 0}.journal-message.assistant{background:#fff9e9}.journal-message strong{display:block;margin-bottom:8px}.journal-cards{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.journal-cards figure{margin:0;width:100px}.journal-cards img{width:100%;border-radius:9px;display:block}.journal-cards figcaption{font-size:12px;margin-top:7px;line-height:1.5}.journal-cards img.reversed{transform:scaleX(-1)}.journal-history{max-width:1020px;margin:auto;padding:30px 20px}.journal-item{display:block;text-align:left;width:100%;overflow-wrap:anywhere}.journal-item small{display:block;margin-top:6px}.journal-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.journal-empty{padding:30px 0}.journal-notice{padding:14px;border-left:3px solid #bda15a;background:#fff8e7;border-radius:8px;margin:14px 0}.journal-panel [hidden]{display:none!important}@media(max-width:600px){.journal-panel{padding:18px}.journal-cards figure{width:82px}.journal-toolbar>*{max-width:100%}}
/* A quiet reading surface, with the composer directly below the conversation. */
#journal-current,#journal-detail{max-width:880px;margin:36px auto;background:linear-gradient(145deg,#fffdfb,#f7f0f8);padding:clamp(20px,4vw,40px);box-shadow:0 12px 40px #6046640d}.journal-provider{display:flex;align-items:center;gap:20px;border-top:1px solid #e5dce6;padding-top:20px;margin-top:20px}.journal-provider label{flex:1;max-width:330px}.journal-provider select{margin-bottom:0}.journal-connection{font-size:13px;color:#8c7189}.journal-conversation{position:relative;max-height:68vh;min-height:150px;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 20px;scrollbar-color:#cdb6cf transparent;scrollbar-width:thin;border-top:1px solid #eadfea;border-bottom:1px solid #eadfea}.journal-message{white-space:normal;border:1px solid #e7dce9}.journal-message.user{margin-left:auto;width:fit-content;max-width:88%;background:#eee3f1}.journal-message.assistant{background:#fffdf8;border-color:#e8dfc8}.journal-speaker{font-size:12px;letter-spacing:.04em;color:#997e63}.journal-prose{font-size:16px;line-height:1.95}.journal-prose p{margin:10px 0}.journal-prose b{color:#614766}.journal-composer{padding-top:20px}.journal-composer textarea{min-height:95px;line-height:1.7}.journal-composer [data-send]{background:#73557e;color:white;border-color:#73557e;padding:12px 24px}.journal-composer [data-new]{background:transparent}.journal-panel button:focus-visible,.journal-panel input:focus-visible,.journal-panel textarea:focus-visible,.journal-panel select:focus-visible{outline:3px solid #c6a761;outline-offset:3px}.journal-empty{text-align:center;font-size:14px;color:#907b93;line-height:1.9}.journal-panel details{background:#f3edf4;padding:2px 16px;border-radius:12px}.journal-panel details[open]{padding-bottom:14px}.journal-panel [data-chat] select{font-size:14px}@media(max-width:600px){.journal-provider{display:block}.journal-connection{display:block;margin-top:10px}.journal-conversation{max-height:60svh;padding-left:0;padding-right:0}.journal-message{padding:14px}.journal-prose{font-size:16px}.journal-composer button{margin-left:0}.journal-provider label{max-width:none}}
body.ai-settings-open>main:not(#api-settings-page),body.ai-settings-open>footer{display:none!important}body.ai-settings-open>.topbar nav{visibility:hidden}#api-settings-page[hidden]{display:none!important}#api-settings-page{max-width:none;padding:0 24px 60px}.settings-shell{max-width:1120px;margin:0 auto}.settings-back{margin:24px 0;border:0;background:none;color:#795d83;cursor:pointer;font:inherit;padding:12px 0}.settings-heading{margin:10px 0 30px}.settings-heading h1{font-size:clamp(32px,5vw,48px);margin:8px 0 12px;font-weight:500;color:#604664}.settings-heading>p:last-child{color:#89738e;line-height:1.8}.settings-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start}.settings-grid .journal-panel{margin:0;padding:30px}.settings-guide{background:#f6f0f7}.provider-choices{border:0;margin:20px 0;padding:0}.provider-choices legend{font-weight:600;margin-bottom:12px}.provider-choices label{display:inline-flex;cursor:pointer;margin:0 8px 8px 0}.provider-choices input{position:absolute;opacity:0;width:1px;height:1px}.provider-choices span{display:block;padding:12px 15px;border:1px solid #d9c9dd;border-radius:14px;background:#fff}.provider-choices input:checked+span{background:#71547c;color:white;border-color:#71547c}.provider-choices input:focus-visible+span{outline:3px solid #c6a761;outline-offset:3px}.settings-primary{background:#73557e!important;color:white!important;padding:13px 20px!important}.settings-privacy{background:#f3edf5;padding:15px;border-radius:12px;font-size:13px;line-height:1.8}.settings-guide li{margin:12px 0;line-height:1.85}.settings-guide ol{padding-left:22px}.settings-help{border-top:1px solid #e3d5e7;padding-top:20px;margin-top:24px}.journal-connection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid #e8deea;margin:22px 0;padding:10px 0;font-size:14px;color:#856c8c}.topbar nav{flex-wrap:wrap}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.settings-grid .journal-panel{padding:22px}.settings-heading{margin-bottom:24px}#api-settings-page{padding:0 16px 40px}.journal-connection-bar{flex-wrap:wrap}}

#reading-supplement{margin:24px 0;background:linear-gradient(145deg,#fffdf8,#fbf4e8);border-color:#ddcfad}#reading-supplement[hidden]{display:none}#reading-supplement .journal-cards figure{width:140px;max-width:45vw}#reading-supplement [data-extra]{background:#73557e;color:#fff}#reading-supplement .journal-status:empty{display:none}

.api-reading-panel{margin-top:28px}.api-reading-panel .journal-message{margin-top:24px}.api-reading-panel .eyebrow{margin:0 0 4px}.api-reading-panel .journal-muted a{color:#73557e}#api-reading{max-width:920px;margin:24px auto}#api-reading .journal-status:empty{display:none}.topbar nav a[href="/settings"]{font-weight:700}

.choice-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.choice-summary>section{min-width:0;border:1px solid #e4d7be;border-radius:14px;padding:14px;background:#fffdf7}.choice-summary h4{line-height:1.7;margin:0 0 12px;overflow-wrap:anywhere}.choice-summary ul{padding-left:18px;line-height:1.9;font-size:14px}.choice-summary button{max-width:100%;margin:0;font-size:14px}.choice-history-cards>.journal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:430px;margin:20px auto}.choice-history-cards figure{width:100%;max-width:160px;justify-self:center}.choice-history-cards figure:nth-child(1){grid-area:1/1}.choice-history-cards figure:nth-child(2){grid-area:2/1}.choice-history-cards figure:nth-child(3){grid-area:3/1}.choice-history-cards figure:nth-child(4){grid-area:1/2}.choice-history-cards figure:nth-child(5){grid-area:2/2}.choice-history-cards figure:nth-child(6){grid-area:3/2}@media(max-width:480px){.choice-summary{gap:10px}.choice-summary>section{padding:10px}.choice-summary h4{font-size:14px}.choice-summary ul{font-size:12px}}