/* v20: opaque conversation, one card surface, full mobile reading height. */
.app[data-view="intake"],.app[data-view="reading"],.app[data-view="archive"]{background:#fffef9}
.app .intake-room.intake-v14,.app.mobile .intake-room.intake-v14,.app .reading-room,.app.mobile .reading-room{background:#fffef9;background-image:none;opacity:1}
.app .intake-v14 .conversation-bar,.app .intake-topic,.app .intake-side,.app .reading-context{background:#fffef9;backdrop-filter:none;opacity:1}
.app .picked-slot.filled,.app .picked-slot.filled>button{border:0;box-shadow:none;background:transparent;padding:0}
.app .picked-slot.filled .physical-card{display:block;box-sizing:border-box;border:0;border-radius:5px;box-shadow:0 2px 4px #294b3c20;outline:0;background:#a6b29b;overflow:hidden}
.app .picked-slot.filled .physical-card:after{display:none}
.app .picked-slot.filled .physical-card img{display:block;width:100%;height:100%;object-fit:cover}
/* The scene consumes the viewport below the actual header/back row. No reserved footer. */
.app.reading-active #main-content{display:flex;flex:1 1 0;min-height:0;overflow:hidden;padding:0;margin:0}
.app.reading-active .reading-room{flex:1 1 0;min-height:0;min-width:0;height:auto;align-items:stretch;align-self:stretch;margin:0 auto}
.app.reading-active .reading-column{min-height:0;height:auto;overflow:hidden}
.app.reading-active .reading-scroll{height:auto;min-height:0;flex:1 1 0;margin:0;scroll-padding-bottom:14px}
.app.reading-active .reading-transcript{background:#fffef9}
.app.reading-active .reading-composer{background:#fffef9}
@media(max-width:759px){
 .app.mobile.reading-active .reading-room{display:flex;flex-direction:column;padding:0;margin:0;width:100%;gap:0;overflow:hidden}
 .app.mobile.reading-active .reading-context{height:auto;flex:0 0 auto;align-self:stretch;width:100%;margin:0;padding:10px 16px}
 .app.mobile.reading-active .reading-column{display:flex;flex-direction:column;flex:1 1 0;min-height:0;height:auto;width:100%;padding:0 16px}
 .app.mobile.reading-active .reading-scroll{flex:1 1 0;height:auto;min-height:0;overflow-y:auto;padding:14px 0 max(8px,env(safe-area-inset-bottom,0px))}
 .app.mobile.reading-active .reading-scroll>.reading-composer{position:static;height:auto;min-height:0;padding:10px 0 0;margin:12px 0 0;background:#fffef9}
 .app.mobile .daylight-intro h1{font-size:clamp(29px,9.5vw,40px)}
 .app.mobile .daylight-hero{padding-top:20px}
 .app .intake-v14 .composer-note>span{display:none}
}
@media(max-height:440px) and (min-width:520px){
 :root .settings-shade .modal.settings-sheet{width:600px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
 .settings-sheet .modal-title{grid-column:1/-1;margin:0}.settings-sheet .settings-nav{grid-row:2/5}.settings-sheet .settings-languages{margin:0}.settings-sheet .settings-resume{margin:0}.settings-sheet .settings-help{grid-column:1/-1;display:flex}.settings-sheet .settings-help-link{flex:1}.settings-brand,.settings-footer{display:none}
}

/* Conversation screens cannot retain the document scroll offset from a card page. */
html:not(.page-scroll),html:not(.page-scroll) body{overflow:clip}