/* From the city to a quiet, spacious conversation in the sky. */
.reading-sky{display:none;position:fixed;inset:0 0 0 var(--sidebar-space,0px);z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,#34406538,transparent 50%),radial-gradient(ellipse at 20% 85%,#30244535,transparent 55%),#090f20}
.reading-among-stars .reading-sky{display:block;animation:reading-sky-in 1.7s ease both}
.reading-stars{position:absolute;inset:-100% -4% 0;animation:reading-star-drift 80s linear infinite}
.reading-stars i{position:absolute;width:1px;height:1px;border-radius:50%;background:#e8e1d2}
.reading-stars--1{animation-duration:65s}.reading-stars--1 i{width:2px;height:2px;background:#cfdbf3;box-shadow:0 0 6px #cfdbf340}
.reading-stars--2{animation-duration:50s}.reading-stars--2 i{width:3px;height:3px;background:#e9cf97;box-shadow:0 0 9px #e9cf9750}
.reading-in-flight .reading-stars{animation:reading-star-flight 2.4s cubic-bezier(.28,.05,.18,1) both;--flight:18%}
.reading-in-flight .reading-stars--1{--flight:32%}.reading-in-flight .reading-stars--2{--flight:48%}
.reading-in-flight .question-screen .hero-copy{animation:reading-copy-depart 1s cubic-bezier(.3,0,.2,1) both;pointer-events:none}
.reading-in-flight .question-screen .night-city{animation:reading-city-depart 1.7s cubic-bezier(.4,0,.25,1) both}
.reading-in-flight .question-screen .night-sky{animation:reading-old-sky-depart 1.7s ease both}
.reading-in-flight .new-chat-screen{background:transparent;overflow:hidden}
.reading-in-flight .new-chat-screen oraculum-question-screen{background:transparent}
.reading-flight-loader{position:fixed;inset:0 0 0 var(--sidebar-space,0px);z-index:20;display:grid;place-items:center;color:#f1e9dc;text-align:center;pointer-events:none}
.reading-flight-loader[hidden]{display:none}
.reading-flight-loader.is-leaving{opacity:0;transform:translateY(-18px) scale(1.04);transition:opacity .45s ease,transform .45s ease}
.reading-flight-content{width:min(90%,420px);padding-bottom:8svh;animation:reading-loader-in 1s .6s both cubic-bezier(.16,1,.3,1)}
.reading-flight-title{margin:34px 0 8px;font:450 clamp(24px,4vw,32px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.reading-flight-note{margin:0;color:#a9b0c4;font:400 14px/1.6 Manrope,Arial,sans-serif}
.reading-shuffle{position:relative;width:210px;height:170px;margin:auto;perspective:800px}
.reading-shuffle::before{content:'';position:absolute;inset:20px -30px -40px;background:radial-gradient(ellipse,#d6bc7920,transparent 65%)}
.reading-shuffle span{position:absolute;left:57px;top:15px;width:96px;height:144px;display:grid;place-items:center;box-sizing:border-box;border:1px solid #d9c18c80;border-radius:13px;background:linear-gradient(135deg,#333c56,#131d32 55%,#302f40);box-shadow:0 16px 36px #0005,inset 0 0 0 5px #172034,inset 0 0 0 6px #d9c18c30;color:#ebd29b;font-size:35px;animation:reading-shuffle 2.8s infinite cubic-bezier(.45,0,.2,1);animation-delay:calc(var(--card) * -.56s)}
.reading-shuffle span::after{content:'';position:absolute;inset:17px;border:1px solid #d9c18c38;border-radius:50%}
.reading-shuffle span:nth-child(1){--card:0}.reading-shuffle span:nth-child(2){--card:1}.reading-shuffle span:nth-child(3){--card:2}.reading-shuffle span:nth-child(4){--card:3}.reading-shuffle span:nth-child(5){--card:4}
.reading-page.reading-among-stars{background:#090f20;--text:#eee7db;--muted:#aeb4c4}
.reading-among-stars .chat-shell{position:relative;z-index:auto;background:transparent}
.reading-page.reading-among-stars .chat-main{z-index:1;background:transparent}
.reading-page.reading-among-stars>.site-top-bar{position:relative;z-index:30;background:transparent;border:0;backdrop-filter:none}
.reading-page.reading-among-stars.question-screen-open>.site-top-bar{position:fixed}
.reading-among-stars .chat-scroll{background:transparent}
.reading-among-stars .chat-messages{max-width:850px;padding-top:32px}
.reading-among-stars .chat-message{animation:reading-message-in .8s cubic-bezier(.16,1,.3,1) both}
.reading-among-stars .chat-message--user .chat-text{background:linear-gradient(130deg,#36435c85,#202c4470);border:1px solid #d4def01c;border-radius:24px 24px 8px 24px;box-shadow:0 8px 40px #0002;backdrop-filter:blur(16px);padding:16px 22px}
.reading-among-stars .chat-message--assistant{padding:24px;border:1px solid #d4def016;border-radius:28px;background:linear-gradient(140deg,#1a253969,#111b2e66);box-shadow:0 12px 60px #0002;backdrop-filter:blur(18px)}
.reading-among-stars .chat-composer-wrap{background:linear-gradient(transparent,#090f20e6 35%);border:0}
.reading-among-stars .chat-composer{background:#1a2539d9;border:1px solid #d4def026;border-radius:28px;backdrop-filter:blur(20px)}
.reading-among-stars .chat-limit,.reading-among-stars .guest-chat-note{background:#19243ad9;border:1px solid #d4def026;border-radius:22px;backdrop-filter:blur(16px)}
.reading-among-stars .chat-jump,.reading-among-stars #chat-skip{background:#26334ce8;border:1px solid #d4def026;color:#e7e2d9;border-radius:22px}
.reading-in-flight .chat-main>:not(.new-chat-screen){visibility:hidden}
.reading-motion-paused .reading-stars,.reading-motion-paused .reading-shuffle span{animation-play-state:paused}
@keyframes reading-sky-in{from{opacity:0}to{opacity:1}}
@keyframes reading-copy-depart{to{opacity:0;transform:translateY(100px) scale(.96);filter:blur(8px)}}
@keyframes reading-city-depart{to{transform:translateY(90svh) scale(1.08);opacity:0}}
@keyframes reading-old-sky-depart{to{transform:translateY(30svh);opacity:0}}
@keyframes reading-star-flight{from{transform:translateY(calc(-1 * var(--flight)));opacity:.1}to{transform:translateY(0);opacity:1}}
@keyframes reading-star-drift{from{transform:translateY(0)}to{transform:translateY(12%)}}
@keyframes reading-loader-in{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}
@keyframes reading-shuffle{0%,100%{transform:translate3d(0,0,0) rotate(-4deg);z-index:2}25%{transform:translate3d(72px,-12px,45px) rotate(16deg);z-index:4}50%{transform:translate3d(0,0,70px) rotate(3deg);z-index:5}75%{transform:translate3d(-64px,2px,-20px) rotate(-14deg);z-index:1}}
@keyframes reading-message-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:600px){.reading-among-stars .chat-message--assistant{padding:18px 16px;border-radius:22px}.reading-among-stars .chat-messages{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.reading-among-stars .reading-sky,.reading-stars,.reading-in-flight .reading-stars,.reading-flight-content,.reading-shuffle span,.reading-among-stars .chat-message,.reading-in-flight .question-screen .hero-copy,.reading-in-flight .question-screen .night-city,.reading-in-flight .question-screen .night-sky{animation:none}.reading-in-flight .new-chat-screen{opacity:0}.reading-shuffle span{transform:rotate(calc((var(--card) - 2) * 9deg));transform-origin:center 100%}}
/* Give the conversation the viewport; its question and new-chat action already appear above. */
.reading-page .chat-toolbar{display:none}
.reading-page .chat-composer-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:6px max(20px,var(--app-safe-right,0px)) max(5px,var(--app-safe-bottom,0px)) max(20px,var(--app-safe-left,0px))}
.reading-page .chat-composer-wrap>*{grid-column:1/-1}
.reading-page .chat-composer:not(.chat-composer--new){padding:3px;border-radius:26px;gap:6px}
.reading-page .chat-composer textarea{padding:9px 12px;font-size:16px;line-height:1.5}
.reading-page .chat-composer-meta{grid-column:1;margin:0;padding:0 8px;font-size:11px;line-height:16px;gap:4px}
.reading-page .chat-disclaimer{grid-column:2;margin:0;align-self:center;font-size:11px;line-height:16px;text-align:right}
.reading-page .chat-disclaimer .analytics-settings{font-size:inherit;line-height:inherit;padding:0;min-height:0}
.reading-page .chat-context-note{margin:0;font-size:11px;line-height:1.5}
@media(max-width:520px){.reading-page .chat-composer-wrap{padding-left:max(10px,var(--app-safe-left,0px));padding-right:max(10px,var(--app-safe-right,0px));column-gap:6px}.reading-page .chat-disclaimer{grid-column:1/-1;text-align:center}.reading-page .chat-composer-meta{grid-column:1/-1}.reading-page .chat-composer-meta,.reading-page .chat-disclaimer{font-size:10px;line-height:14px}}
/* Messages share the sky; floating controls no longer define hard clipping edges. */
.reading-page.reading-among-stars>.site-top-bar{position:fixed;inset:0 0 auto var(--sidebar-space,0px);margin-left:0}
.reading-page.reading-among-stars .chat-scroll{box-sizing:border-box;padding-top:calc(var(--chat-header-height,52px) + 8px);padding-bottom:calc(var(--chat-composer-height,84px) + 18px);scroll-padding-top:calc(var(--chat-header-height,52px) + 16px);scroll-padding-bottom:calc(var(--chat-composer-height,84px) + 18px);mask-image:linear-gradient(to bottom,transparent calc(var(--chat-header-height,52px) - 12px),#000 calc(var(--chat-header-height,52px) + 16px),#000 calc(100% - var(--chat-composer-height,84px) - 20px),transparent calc(100% - var(--chat-composer-height,84px) + 8px));-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--chat-header-height,52px) - 12px),#000 calc(var(--chat-header-height,52px) + 16px),#000 calc(100% - var(--chat-composer-height,84px) - 20px),transparent calc(100% - var(--chat-composer-height,84px) + 8px))}
.reading-among-stars .chat-message--assistant{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.reading-page.reading-among-stars .chat-composer-wrap{position:absolute;z-index:3;bottom:0;background:transparent;border:0}
.reading-among-stars .chat-jump{bottom:calc(var(--chat-composer-height,84px) + 12px)}