/* Standalone question screen; load with question-screen.js. */
@font-face{font-family:Manrope;src:url('/fonts/manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
oraculum-question-screen{display:block;position:relative;isolation:isolate;min-width:0;color:#eee4d4;background:#0b1020;font:16px/1.7 Manrope,Arial,sans-serif;--gold:#d8be86}
oraculum-question-screen[extended]{position:static;isolation:auto;background:transparent}
.question-screen .night-hero{position:relative;display:block;padding:0;overflow:visible;background:transparent}
.question-screen .hero-copy{position:relative;z-index:2;max-width:1120px;width:100%;margin:auto;padding:clamp(80px,12svh,104px) 28px;box-sizing:border-box;min-height:80svh;display:flex;flex-direction:column;justify-content:center;text-align:center}
.question-screen h1,.question-screen p{margin:0;font-family:inherit;color:inherit}
.question-screen button,.question-screen textarea{font-family:inherit;box-sizing:border-box}
.question-screen [hidden]{display:none!important}
.question-screen :focus-visible{outline:2px solid #d8be86;outline-offset:4px}
.question-screen .night-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}
.question-screen .night-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#0b102040 48%,#0b10206b 72%,#101216 100%)}
.question-screen .night-scene{position:sticky;top:0;height:100svh;overflow:clip}
.question-screen .night-sky{position:absolute;inset:-80px -45px -80px;background:radial-gradient(ellipse at 50% 90%,#a5845536,transparent 56%),radial-gradient(ellipse at 14% 20%,#202b483d,transparent 60%),#0b1020;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);translate:0 var(--sky-y,0px)}
.question-screen .night-sky::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#0b1020c9 0%,#0b10206b 25%,transparent 56%);pointer-events:none}
.question-screen .night-sky::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1px 1px at 8% 14%,#dbc99a 90%,transparent),radial-gradient(1px 1px at 19% 37%,#dbc99a80 90%,transparent),radial-gradient(1px 1px at 32% 10%,#dbc99a90 90%,transparent),radial-gradient(1px 1px at 63% 19%,#dbc99a90 90%,transparent),radial-gradient(1px 1px at 88% 32%,#dbc99ab0 90%,transparent),radial-gradient(1px 1px at 74% 61%,#dbc99a80 90%,transparent),radial-gradient(1px 1px at 13% 63%,#dbc99a90 90%,transparent)}
.question-screen .night-sky,.question-screen .city-layer{transition:transform .8s cubic-bezier(.15,.6,.3,1)}
.question-screen [data-question-id="night-stars"]{display:block;width:100%;height:100%;opacity:.9}
.question-screen .night-moon{position:absolute;left:81%;top:22%;width:39px;height:39px;border-radius:50%;box-shadow:-9px 5px 0 0 #ebd8a8;rotate:-25deg;opacity:.76;filter:drop-shadow(-6px 4px 15px #dac18b2b)}
.question-screen .night-constellation{position:absolute;inset:0;width:100%;height:100%;fill:#d8be86;stroke:#d8be86;stroke-width:.7}
.question-screen .night-constellation path{fill:none;opacity:.17}
.question-screen .night-constellation circle{stroke:none;opacity:.65}
.question-screen .night-city{position:absolute;inset:auto 0 -1px;height:540px;z-index:1;pointer-events:none;opacity:var(--city-opacity,1)}
.question-screen .night-city::after{content:"";position:absolute;inset:auto 0 -1px;height:170px;background:linear-gradient(transparent,#0b1020 90%)}
.question-screen .city-layer{position:absolute;bottom:0;left:-5%;width:110%;height:100%;max-width:none;object-fit:fill;transform:translateX(calc(var(--city-pointer,0px) * var(--city-depth,1)));will-change:translate}
.question-screen .city-far{height:620px;bottom:8px;--city-depth:.3;opacity:.75}
.question-screen .city-middle{height:485px;bottom:-10px;--city-depth:.65}
.question-screen .city-near{height:365px;bottom:-3px;--city-depth:1}
.question-screen .city-far{translate:0 var(--far-y,0px)}
.question-screen .city-middle{translate:0 var(--middle-y,0px)}
.question-screen .city-near{translate:0 var(--near-y,0px)}
.question-screen .night-hero{height:auto;min-height:calc(100svh - var(--question-screen-offset,0px));max-height:none}
.question-screen .home-welcome{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0;max-width:850px;width:100%;margin:0 auto;flex-shrink:0}
.question-screen .home-greeting{margin:0 auto;color:#cfc4b0;font-size:17px;line-height:1.65;letter-spacing:0;text-wrap:balance}
.question-screen .home-welcome h1{max-width:19ch;margin:0 auto;font-size:clamp(36px,4.4vw,62px);line-height:1.15;letter-spacing:-.045em;text-wrap:balance}
.question-screen .home-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.question-screen .home-composer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;width:min(760px,calc(100% - 32px));flex-shrink:0;min-height:66px;margin:18px auto 0;padding:8px 10px 8px 22px;border:1px solid #d8be8659;border-radius:33px;background:linear-gradient(120deg,#1a2233ed,#121a2be6);backdrop-filter:blur(20px);box-shadow:0 16px 50px #0004,inset 0 1px 0 #f4deb514;transition:border-color .25s,box-shadow .25s;text-align:left}
.question-screen .home-composer:hover{border-color:#d8be8680}
.question-screen .home-composer:focus-within{border-color:#d8be86ba;box-shadow:0 16px 50px #0004,0 0 0 4px #d8be860c,inset 0 1px 0 #f4deb51a}
.question-screen .home-question-wrap{position:relative;min-width:0}
.question-screen .home-composer [data-question-id="home-question"],.question-screen .home-question-ghost{font:400 16px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere}
.question-screen .home-composer [data-question-id="home-question"]{display:block;width:100%;height:48px;min-height:48px;max-height:min(320px,45svh);padding:12px 0;border:0;border-radius:0;resize:none;background:transparent;color:#f0e7d7;box-shadow:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8be8645 transparent;caret-color:#e8cf99}
.question-screen .home-composer [data-question-id="home-question"]:focus-visible{outline:none}
.question-screen .home-composer [data-question-id="home-question"]::placeholder{color:#c1c6d477;opacity:1}
.question-screen .home-composer.is-ready [data-question-id="home-question"]::placeholder{color:transparent}
.question-screen .home-question-ghost{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;color:#c1c6d477;overflow:hidden;transition:opacity .15s}
.question-screen .home-question-ghost span::after{content:"";display:inline-block;width:1px;height:1em;margin-left:2px;vertical-align:-.12em;background:#ddc58b99;animation:home-question-caret 1.1s steps(1) infinite}
.question-screen .home-composer.has-question .home-question-ghost{visibility:hidden;opacity:0}
.question-screen .home-composer:focus-within .home-question-ghost span::after{animation:none;opacity:0}

@keyframes home-question-caret{0%,45%{opacity:1}
46%,100%{opacity:0}
}
.question-screen .home-spread-picker{position:relative;min-width:0;max-width:210px;align-self:end;margin-bottom:2px}
.question-screen .home-spread-toggle{display:flex;align-items:center;gap:9px;min-height:44px;max-width:100%;padding:8px 11px;border:0;border-radius:999px;background:transparent;color:#d1c6b0;font-size:12px;line-height:1.4;text-align:left;transition:background .2s,color .2s}
.question-screen .home-spread-toggle:hover,.question-screen .home-spread-toggle[aria-expanded="true"]{background:#d8be8610;color:#f0d6a3}
.question-screen [data-question-id="home-spread-name"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.question-screen .home-spread-symbol{width:22px;height:24px;flex-shrink:0;fill:none;stroke:#d8be86b3;stroke-width:1.1;stroke-linejoin:round}
.question-screen .home-spread-chevron{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:rotate .2s}
.question-screen .home-spread-toggle[aria-expanded="true"] .home-spread-chevron{rotate:180deg}
.question-screen .home-question-send{position:relative;isolation:isolate;display:grid;place-items:center;align-self:end;width:44px;min-width:44px;height:44px;margin-bottom:2px;padding:11px;overflow:hidden;border:1px solid #f7dfa375;border-radius:50%;background:linear-gradient(135deg,#ecd6a6,#d2b575);color:#242019;box-shadow:inset 0 1px 0 #fff6,0 3px 16px #d8be8612;transition:opacity .2s,box-shadow .2s,transform .2s}
.question-screen .home-question-send svg{position:relative;z-index:2;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.question-screen .home-question-send:not(:disabled){background:linear-gradient(120deg,#b88b40,#f2d28b,#fff1c5,#c99b4b,#edcd87);background-size:300% 300%;animation:home-gold-flow 5s ease-in-out infinite,home-gold-glow 3.4s ease-in-out infinite;border-color:#ffe5aa}
.question-screen .home-question-send::before,.question-screen .home-question-send::after{content:"";position:absolute;pointer-events:none;opacity:0}
.question-screen .home-question-send::before{inset:-60%;background:linear-gradient(115deg,transparent 38%,#fff9 49%,#fff2 54%,transparent 66%);transform:translateX(-90%) rotate(-15deg)}
.question-screen .home-question-send::after{inset:0;border-radius:inherit;background:radial-gradient(circle at 27% 18%,#fff9 0,transparent 25%),radial-gradient(circle at 85% 82%,#fff5,transparent 20%)}
.question-screen .home-question-send:not(:disabled)::before{opacity:1;animation:home-gold-sheen 4.5s ease-in-out infinite}
.question-screen .home-question-send:not(:disabled)::after{animation:home-gold-glint 3.4s ease-in-out infinite}

@keyframes home-gold-flow{0%,100%{background-position:0% 50%}
50%{background-position:100% 50%}
}

@keyframes home-gold-glow{0%,100%{box-shadow:inset 0 1px 0 #fff9,0 0 14px #d8be8633,0 4px 20px #b88b4026}
50%{box-shadow:inset 0 1px 0 #fffc,0 0 24px #f0cf8466,0 4px 34px #d8be863b}
}

@keyframes home-gold-sheen{0%,15%{transform:translateX(-90%) rotate(-15deg)}
55%,100%{transform:translateX(90%) rotate(-15deg)}
}

@keyframes home-gold-glint{0%,100%{opacity:.25}
50%{opacity:.85}
}
.question-screen .home-question-send:not(:disabled):hover{box-shadow:inset 0 1px 0 #fff8,0 4px 25px #d8be8640;transform:translateY(-1px)}
.question-screen .home-question-send:disabled{opacity:.4;cursor:default}
.question-screen .home-composer[aria-busy="true"] .home-question-send svg{animation:home-send-pulse 1s ease-in-out infinite}

@keyframes home-send-pulse{50%{opacity:.35;translate:0 -2px}
}
.question-screen .home-spread-menu{position:absolute;z-index:20;top:calc(100% + 18px);right:0;width:min(380px,calc(100vw - 56px));max-height:380px;overflow-y:auto;overscroll-behavior:contain;padding:7px;border:1px solid #d8be8645;border-radius:20px;background:#151c2bf7;box-shadow:0 20px 65px #0008;backdrop-filter:blur(24px);scrollbar-width:thin;scrollbar-color:#d8be8645 transparent}
.question-screen .home-spread-menu.opens-up{top:auto;bottom:calc(100% + 18px)}
.question-screen .home-spread-menu:not([hidden]){animation:home-menu-in .18s ease-out}

@keyframes home-menu-in{from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:none}
}
.question-screen .home-spread-option{display:block;width:100%;padding:13px 14px;border:0;border-radius:13px;background:transparent;text-align:left;color:#e8decd;transition:background .15s}
.question-screen .home-spread-option:hover,.question-screen .home-spread-option[aria-selected="true"]{background:#d8be8610}
.question-screen .home-spread-option:focus-visible{outline:1px solid #d8be8670;outline-offset:-1px;background:#d8be8610}
.question-screen .home-spread-option[aria-selected="true"]{box-shadow:inset 2px 0 #d8be86}
.question-screen .home-spread-option-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;line-height:1.5}
.question-screen .home-spread-option-title small{flex-shrink:0;font-size:10px;color:#d8be86b3}
.question-screen .home-spread-option-description{display:block;margin-top:6px;color:#b1b0b6;font-size:11px;line-height:1.7}
.question-screen .home-composer-error{max-width:65ch;margin:13px auto 0;color:#f1c2aa;font-size:12px;line-height:1.7}

@media(max-width:620px){.question-screen .night-hero{min-height:calc(100svh - var(--question-screen-offset,0px))}
.question-screen .home-welcome{gap:9px;min-height:0}
.question-screen .home-greeting{font-size:14px;max-width:28ch}
.question-screen .home-welcome h1{font-size:clamp(32px,8.5vw,43px);max-width:17ch}
.question-screen .home-composer{grid-template-columns:minmax(0,1fr) 44px;gap:2px 10px;width:calc(100% - 16px);min-height:0;margin-top:16px;padding:12px 12px 8px 17px;border-radius:30px}
.question-screen .home-question-wrap{grid-column:1/-1}
.question-screen .home-composer [data-question-id="home-question"],.question-screen .home-question-ghost{font-size:16px;line-height:1.5}
.question-screen .home-composer [data-question-id="home-question"]{min-height:48px;padding:0}
.question-screen .home-question-ghost{align-items:flex-start}
.question-screen .home-spread-picker{grid-column:1;max-width:100%;margin:0}
.question-screen .home-spread-toggle{font-size:12px;padding-left:0}
.question-screen .home-question-send{grid-column:2;width:44px;min-width:44px;height:44px;margin:0;padding:11px}
.question-screen .home-spread-menu{left:-5px;right:auto;width:min(380px,calc(100vw - 66px))}

}

@media(max-width:360px){.question-screen .night-hero{min-height:calc(100svh - var(--question-screen-offset,0px))}
.question-screen .home-composer{margin-top:14px}
.question-screen .home-spread-toggle{font-size:11px;gap:7px}
.question-screen .home-spread-symbol{width:19px}
.question-screen .home-composer [data-question-id="home-question"],.question-screen .home-question-ghost{font-size:15px}
}

@media(prefers-reduced-motion:reduce){.question-screen .home-question-ghost span::after{animation:none}
.question-screen .home-composer,.question-screen .home-question-ghost,.question-screen .home-spread-chevron,.question-screen .home-question-send{transition:none}
.question-screen .home-spread-menu:not([hidden]),.question-screen .home-composer[aria-busy="true"] .home-question-send svg,.question-screen .home-question-send:not(:disabled),.question-screen .home-question-send:not(:disabled)::before,.question-screen .home-question-send:not(:disabled)::after{animation:none}
}
.question-screen .night-scene{height:calc(100svh - var(--question-screen-offset,0px))}
.question-screen[extended] .night-backdrop::after{background:linear-gradient(180deg,transparent 28%,#0b102040 48%,#0b10206b 72%,#101216 100%)}
.question-screen:not([extended]) .night-backdrop::after{background:linear-gradient(transparent 50%,#0b102020)}
.question-screen .motion-stopped .night-sky,.question-screen.motion-stopped .night-sky,.question-screen.motion-stopped .city-layer{translate:none!important;transform:none!important}

@media(max-width:620px){.question-screen .hero-copy{padding-inline:22px}
.question-screen .night-city{height:410px;left:-170px;right:-170px}
.question-screen .city-far{height:440px}
.question-screen .city-middle{height:355px}
.question-screen .city-near{height:265px}
.question-screen .night-city::after{height:90px}
.question-screen .night-moon{left:77%;top:17%;width:28px;height:28px;box-shadow:-6px 3px 0 #ebd8a8}

}


/* The new-chat scene fills the viewport, including the transparent navigation. */
.new-chat-screen{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;background:#0b1020}
.new-chat-screen>oraculum-question-screen{min-height:100%}
.reading-page.question-screen-open>.site-top-bar{position:fixed;inset:0 0 auto var(--sidebar-space,0px);z-index:12;margin-left:0;background:transparent;border:0;backdrop-filter:none}
.question-screen-open .chat-main>:not(.new-chat-screen){display:none!important}
.question-screen-open .chat-shell{min-height:0}
.question-screen .home-composer-error a{color:#e4cb98;text-underline-offset:3px}
.question-screen .home-welcome h1{font-weight:450}
.question-screen .home-welcome,.question-screen .home-welcome h1,.question-screen .home-greeting{text-align:center}
.question-screen .home-welcome{align-items:center}
.question-screen .home-question-examples{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:12px auto 0;max-width:640px}
.question-screen .home-question-examples button{min-height:44px;padding:5px 2px;border:0;border-bottom:1px solid #d8be8638;border-radius:0;background:transparent;color:#e2cda3;font-size:13px;cursor:pointer}
.question-screen .home-question-examples button:hover{color:#fff0ce;border-color:#d8be86}
.question-screen p.home-access{max-width:54ch;margin:15px auto 0;color:#e0d7c6;font-size:14px;line-height:1.75;text-wrap:balance}
.question-screen .home-access span{color:#c1c6d4}
.night-home .question-screen .hero-copy{padding-top:max(144px,calc(var(--app-safe-top,0px) + 120px))}
@media(max-width:620px){.question-screen p.home-access{font-size:13px;max-width:37ch}.question-screen .home-question-examples{gap:4px 12px}}
.question-screen .home-spread-option.is-locked .home-spread-option-title small::before{content:'✧';margin-right:5px}
.question-screen .premium-spread-dialog{position:fixed;box-sizing:border-box;inset:0;width:min(460px,calc(100vw - 36px));max-height:calc(100svh - 40px);margin:auto;padding:38px 34px 30px;overflow-y:auto;border:1px solid #d8be8666;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#a6833c20,transparent 60%),#151c2b;color:#eee4d4;box-shadow:0 30px 100px #0008,inset 0 1px #f5ddaa1a;font:400 15px/1.7 Manrope,Arial,sans-serif;text-align:center}
.question-screen .premium-spread-dialog::backdrop{background:#030611b8;backdrop-filter:blur(10px)}
.question-screen .premium-spread-dialog[open]{animation:premium-spread-enter .22s ease-out}
@keyframes premium-spread-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.question-screen .premium-spread-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:9px;border:0;border-radius:50%;background:transparent;color:#bbb8ae;cursor:pointer}
.question-screen .premium-spread-close:hover{background:#ffffff0a;color:#f4dba5}
.question-screen .premium-spread-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.question-screen .premium-spread-art{display:flex;justify-content:center;align-items:center;height:92px;margin:2px 0 16px;isolation:isolate}
.question-screen .premium-spread-art span{display:grid;place-items:center;width:48px;height:70px;border:1px solid #d8be8666;border-radius:17px 17px 5px 5px;background:linear-gradient(140deg,#36313a,#182132);color:#e9ce94;font-size:24px;box-shadow:0 10px 20px #0004}
.question-screen .premium-spread-art span:first-child{rotate:-16deg;translate:13px 7px}
.question-screen .premium-spread-art span:last-child{rotate:16deg;translate:-13px 7px}
.question-screen .premium-spread-art span:nth-child(2){z-index:1;border-color:#edcf91;background:linear-gradient(140deg,#514337,#222838)}
.question-screen .premium-spread-name{margin:0 0 12px;color:#d8be86;font-size:12px;line-height:1.7}
.question-screen .premium-spread-dialog h2{margin:0 0 17px;font:450 29px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.035em;text-wrap:balance}
.question-screen .premium-spread-dialog #premium-spread-description,.question-screen .premium-spread-dialog [data-question-id="premium-spread-description"]{margin:0;color:#bdbdc1;font-size:14px;line-height:1.8}
.question-screen .premium-spread-actions{display:grid;gap:10px;margin-top:27px}
.question-screen .premium-spread-actions a,.question-screen .premium-spread-actions button{display:flex;justify-content:center;align-items:center;min-height:48px;padding:13px 16px;border:1px solid #d8be8633;border-radius:14px;background:transparent;color:#ddd4c1;font:500 13px/1.5 Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer}
.question-screen .premium-spread-actions a{background:linear-gradient(120deg,#c7a463,#ecd5a1);color:#272118;border-color:#f2d799;box-shadow:inset 0 1px #fff6}
.question-screen .premium-spread-actions a:hover{filter:brightness(1.06)}
.question-screen .premium-spread-actions button:hover{background:#d8be8609;border-color:#d8be8666}
@media(max-width:480px){.question-screen .premium-spread-dialog{padding:34px 24px 25px}.question-screen .premium-spread-dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.question-screen .premium-spread-dialog[open]{animation:none}}

.telegram-app .question-screen .hero-copy{padding-top:max(clamp(80px,12svh,104px),calc(var(--app-safe-top,0px) + 60px));padding-left:max(22px,var(--app-safe-left,0px));padding-right:max(22px,var(--app-safe-right,0px))}
.telegram-app .question-screen .premium-spread-dialog{inset:var(--app-safe-top,0px) var(--app-safe-right,0px) var(--app-safe-bottom,0px) var(--app-safe-left,0px);max-height:calc(100svh - var(--app-safe-top,0px) - var(--app-safe-bottom,0px) - 32px)}