:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;color:#20242c;background:#f5f6f8;font-synthesis:none;--blue:#307df6;--fill:calc(25% + 7px);--position:calc(25% + 7px)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #1669df;outline-offset:4px}button:disabled{cursor:default}button svg{width:20px;height:20px;flex-shrink:0}
.ambient{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 700px 500px at 48% 48%,#e4edfb80,transparent);transition:background 1s}.header{padding:32px 5%}.brand{display:inline-flex;gap:11px;align-items:center;font-size:17px;font-weight:600;letter-spacing:-.5px;text-decoration:none;color:inherit}.brand img{border-radius:10px;box-shadow:0 3px 8px #2467b814}.brand-dot{color:var(--blue)}
main{width:100%;flex:1;display:grid;align-items:center;padding:40px 32px 110px}.generator{width:min(100%,980px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 268px;align-items:start;gap:24px}.topic-column{min-width:0}.question-card{position:relative;--tool-inset:22px;display:flex;flex-direction:column;min-height:352px;border:1px solid #fff;border-radius:28px;background:#ffffffed;box-shadow:0 18px 50px -22px #36496926,0 2px 6px #36496904;padding:22px 32px 26px;transition:border-color .5s,box-shadow .5s}.card-tools{display:flex;justify-content:flex-end;min-height:36px;margin-bottom:0}.card-tools .icon-button{position:absolute;top:var(--tool-inset);right:var(--tool-inset)}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:#f0f4fa;color:#8792a2;border-radius:50%}.icon-button:hover{background:#f0f4fa;color:var(--blue)}.icon-button svg{width:18px;height:18px}.question-content{display:flex;align-items:center;flex:1;min-height:190px;padding:14px 0 30px}#question{margin:0;font-size:clamp(25px,2.5vw,32px);line-height:1.35;font-weight:550;letter-spacing:-.9px;text-wrap:pretty}.question-content.entering{animation:arrive .25s ease-out}
.actions{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:21px;border-top:1px solid #edf0f4}.previous-button{height:46px;padding:0 20px;font-size:14px;white-space:nowrap;flex-shrink:0;display:grid;place-items:center;border:1px solid #e1e6ed;border-radius:999px;color:#647185;background:#fafbfc}.previous-button:disabled{opacity:.35}.previous-button:not(:disabled):hover{background:#f0f4fa}.generate-button{position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 22px;border:1px solid #fff3;border-radius:999px;color:#fff;background:linear-gradient(180deg,#3d87fb,#2473ec);box-shadow:0 4px 12px #2a75e523,inset 0 1px #ffffff1c;font-weight:550;font-size:14px;white-space:nowrap;transition:transform .15s,box-shadow .15s}.generate-button:hover{box-shadow:0 6px 18px #2a75e53d;transform:translateY(-1px)}.generate-button:active{transform:translateY(1px)}.generate-button::before,.generate-button::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 0 currentColor}.generate-button::before{color:#307df6}.generate-button::after{color:#32c8a5}.generate-button.pulsing::before{animation:button-wave .65s ease-out both}.generate-button.pulsing::after{animation:button-wave .65s ease-out .1s both}@keyframes button-wave{0%{opacity:0;box-shadow:0 0 0 0 currentColor}14%{opacity:.55}75%{opacity:.24;box-shadow:0 0 6px 5px currentColor}100%{opacity:0;box-shadow:0 0 8px 7px currentColor}}
.depth-control{display:flex;flex-direction:column;min-height:352px;padding:27px 24px 25px;border:1px solid #fff;border-radius:25px;background:#ffffffb8;box-shadow:0 4px 22px #29364b06}#depth-current{display:none;transition:opacity .12s ease}#depth-current.fading{opacity:0}.depth-title{margin:0 0 22px;font-size:14px;font-weight:600;letter-spacing:-.15px}.depth-options{display:flex;flex:none;gap:18px;height:259px;min-height:240px}.slider-wrap{position:relative;width:32px;height:100%;flex-shrink:0}.slider-track{position:absolute;inset:0 3px;border-radius:30px;background:#e8ebef;box-shadow:inset 0 1px 3px #0c19300b}.slider-well{position:absolute;inset:0;border-radius:inherit;overflow:hidden;clip-path:inset(0 round 30px)}.slider-fill{position:absolute;bottom:0;left:0;width:100%;height:var(--fill);border-radius:30px;background:var(--blue);overflow:hidden;transition:height .25s,width .25s,background .5s}.stops{position:absolute;inset:14px 0;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between}.stops i{height:4px;width:4px;background:#a7adb5;border-radius:50%}.slider-thumb{position:absolute;bottom:var(--position);left:-2px;width:30px;height:30px;transform:translateY(50%);border:1px solid #d4dae2;border-radius:50%;background:linear-gradient(155deg,#fff,#fbfcff);box-shadow:0 2px 5px #001f451f,0 1px 1px #001f4514;transition:bottom .25s,left .25s}.slider-wrap input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;writing-mode:vertical-lr;direction:rtl}.slider-wrap:has(input:focus-visible) .slider-track{outline:3px solid #307df66b;outline-offset:4px}.recommendation{font-weight:400}.level-labels{flex:1;display:flex;flex-direction:column-reverse;justify-content:space-between;min-width:0}.level-labels button{display:block;text-align:left;height:44px;flex-shrink:0;margin-block:-8px;padding:0;border:0;background:none;border-radius:5px;font-size:12px;color:#727c8c;transition:color .2s}.level-labels button:hover{color:#20242c}.level-labels button[aria-pressed=true]{color:#2672e2;font-weight:650}
.liquid{display:none;position:absolute;inset:-20% -170%;border-radius:42%;opacity:.85;filter:blur(4px)}body.existential .slider-fill{background:#126ec9;box-shadow:inset 0 1px 3px #072b7b50}body.existential .liquid{display:block}body.existential .liquid-a{background:radial-gradient(ellipse at 45% 30%,#5df2c0 0%,#00a58e 24%,transparent 54%);animation:liquid-flow 7s ease-in-out infinite alternate}body.existential .liquid-b{background:radial-gradient(ellipse at 55% 70%,#27d5ff 0%,#2251c9 30%,transparent 63%);animation:liquid-flow 9s ease-in-out infinite alternate-reverse;mix-blend-mode:screen}body.existential .liquid-c{background:radial-gradient(ellipse at 40% 55%,#048764 0%,transparent 48%);animation:liquid-flow 5s ease-in-out infinite alternate;opacity:.7}body.existential .question-card{border-color:#d9eee9;box-shadow:0 18px 50px -22px #227c7230,0 2px 5px #36496905}body.existential .level-labels button[aria-pressed=true]{color:#108878}body.existential .ambient{background:radial-gradient(ellipse 650px 430px at 43% 52%,#d9f5eb70,transparent),radial-gradient(ellipse 520px 380px at 68% 43%,#dfedff70,transparent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{text-align:center;padding:20px}[hidden]{display:none!important}@keyframes liquid-flow{from{transform:translateY(-12%) rotate(-12deg) scale(1)}to{transform:translateY(14%) rotate(20deg) scale(1.25)}}@keyframes arrive{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.generator{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.depth-control{padding-inline:19px}.depth-options{gap:12px}.question-card{padding-inline:24px}.generate-button{padding-inline:17px}}
@media(max-width:700px),(max-height:500px) and (max-width:1000px){.header{padding:16px 22px;flex-shrink:0}.brand{font-size:16px}main{display:grid;min-height:0;padding:12px 18px 20px}.generator{max-width:540px;grid-template-columns:minmax(0,1fr);gap:16px}.question-card{--tool-inset:18px;height:clamp(240px,calc(100svh - 216px),420px);min-height:0;padding:18px 24px 22px;border-radius:24px}.card-tools{flex-shrink:0}.question-content{min-height:0;padding:8px 0 18px}#question{font-size:clamp(21px,6.9vw,27px);letter-spacing:-.7px}.actions{flex-shrink:0;gap:8px;padding-top:18px}.previous-button{padding-inline:15px;font-size:13px}.generate-button{padding:0 15px;font-size:13px;gap:8px}.depth-control{min-height:0;padding:16px 20px;border-radius:22px}.depth-title{height:20px;line-height:20px;margin-bottom:12px;text-align:center}.depth-heading-label{display:none}#depth-current{display:block}.depth-options{display:block;flex:none;min-height:0;height:auto}.slider-wrap{width:100%;height:32px}.slider-track{inset:3px 0}.slider-fill{height:100%;width:var(--fill)}.stops{inset:0 14px;flex-direction:row}.slider-thumb{top:-2px;bottom:auto;left:var(--position);transform:translateX(-50%)}.slider-wrap input{writing-mode:horizontal-tb;direction:ltr}.level-labels{display:none}.liquid{inset:-170% -20%}}
@media(max-width:360px){.question-card{padding-inline:18px}.generate-button{padding-inline:12px}}
@media(max-height:600px) and (max-width:700px){.header{padding-block:8px}main{padding-block:8px 16px}.generator{gap:12px}.question-card{--tool-inset:12px;height:calc(100svh - 184px);padding:12px 18px 14px}.question-content{padding:8px 0 12px}#question{font-size:20px;line-height:1.3}.actions{padding-top:12px}.depth-control{padding:12px 18px}.depth-title{margin-bottom:10px}}
@media(max-height:500px) and (min-width:501px) and (max-width:1000px){.header{padding:8px 22px}main{padding:8px 18px 16px}.generator{max-width:980px;grid-template-columns:minmax(0,1fr) 190px;gap:16px;align-items:center}.question-card{--tool-inset:12px;height:calc(100svh - 88px);padding:12px 18px 14px}.question-content{padding:4px 0 8px}#question{font-size:clamp(18px,2.6vw,22px);line-height:1.3}.actions{padding-top:12px}.depth-control{padding:14px 12px}.depth-title{font-size:12px}}
@media(max-height:480px) and (max-width:500px){.card-tools{min-height:32px}.question-content{padding:4px 0 8px}#question{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}