@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(/fonts/dm-sans-v15-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:500;src:url(/fonts/dm-sans-v15-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:600;src:url(/fonts/dm-sans-v15-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(/fonts/dm-sans-v15-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:800;src:url(/fonts/dm-sans-v15-latin-800.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{font-size:clamp(8px,.8vw,12px)}@media screen and (min-aspect-ratio: 1.6/1){:root{font-size:clamp(8px,1.2vh,12px)}}@media screen and (max-height: 600px){:root{font-size:7px}}html,body{touch-action:manipulation;overscroll-behavior:none;overflow:hidden}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:DM Sans,system-ui,sans-serif;letter-spacing:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2;font-weight:600}h1{color:#fff0db;font-size:4rem}h2{color:#fff0db;font-size:3rem}h3{color:#fff0db;font-size:2.5rem}h4{font-family:DM Sans,system-ui,sans-serif;font-size:2.25rem;font-weight:500;color:#fff0db}.eyebrow{font-family:DM Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:800;text-transform:uppercase;color:#a58de8;letter-spacing:.25rem}body,p{font-family:DM Sans,system-ui,sans-serif;font-size:2rem;font-weight:500;color:#fff0db;line-height:1.4}p{text-wrap:pretty}small{color:#fff0dbcc}a{color:#a58de8;text-decoration:none}@media (hover: hover){a:not(:disabled):hover{text-decoration:underline}}button{background-color:transparent;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button *{-webkit-user-select:none;user-select:none}button:focus{outline:none}button:focus-visible{outline:2px solid #A58DE8;outline-offset:2px}button:active{outline:none}::selection{background-color:#a58de8;color:#fff;text-shadow:none}.lil-gui{--title-background-color: black;--font-size: 11px;--widget-border-radius: 4px}.lil-gui.autoPlace{right:0}.lil-gui .controller .widget{mix-blend-mode:normal}.lil-gui .controller.function button{background:#444;color:#fff;padding:1rem;height:auto;border:none;font-size:12px;transition:background-color .15s ease;opacity:1}.lil-gui .controller.function button:hover{background:#2b2b2b}.lil-gui .title{background-color:#000}html,body{margin:0;padding:0;width:100%;height:100%}body{background-color:#000;color:#fff;overscroll-behavior:none}#app{position:relative;width:100%;height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;align-items:center;overflow:hidden}.intro-wrap{position:absolute;left:0;top:0;width:100%;display:flex;justify-content:center;align-items:center;height:65%}.magic-ball-wrap{pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;transform:translate3d(0,38.5%,0);transition:transform 1s cubic-bezier(.5,1,.89,1) .5s}.magic-ball-wrap.center{transform:translateZ(0);transition:transform 1s cubic-bezier(.5,1,.89,1) 0s}.long-answer-wrap{position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0);width:100%;display:flex;justify-content:center;z-index:1}.info-btn,.grow-btn{cursor:pointer;position:absolute;bottom:3rem;display:flex;align-items:center;gap:1rem;background-color:transparent;border:none;padding:0;text-decoration:none;z-index:1;opacity:0;transform:translateY(12px)}.info-btn p,.grow-btn p{display:none;color:#a58de880;font-size:1.5rem;font-weight:400;line-height:normal;transition:color .2s cubic-bezier(.5,1,.89,1),fill .2s cubic-bezier(.5,1,.89,1)}@media (min-width: 768px){.info-btn p,.grow-btn p{display:block}}.info-btn svg,.grow-btn svg{width:3rem;height:auto;color:#ff9447;fill:#ff9447;transition:color .2s cubic-bezier(.5,1,.89,1),fill .2s cubic-bezier(.5,1,.89,1)}@media (min-width: 768px){.info-btn svg,.grow-btn svg{color:#a58de8;fill:#a58de8}}@media (hover: hover){.info-btn:not(:disabled):hover,.grow-btn:not(:disabled):hover{text-decoration:none}.info-btn:not(:disabled):hover p,.grow-btn:not(:disabled):hover p{color:#ff9447}.info-btn:not(:disabled):hover svg,.grow-btn:not(:disabled):hover svg{color:#ff9447;fill:#ff9447}.info-btn:not(:disabled):hover .tooltip,.grow-btn:not(:disabled):hover .tooltip{opacity:1;transition:opacity .2s cubic-bezier(.5,1,.89,1)}}.ready .info-btn,.ready .grow-btn{opacity:1;transition:opacity .6s cubic-bezier(.5,1,.89,1),transform .6s cubic-bezier(.5,1,.89,1);transform:translateY(0)}.ready .info-btn.info-btn,.ready .grow-btn.info-btn{transition-delay:1s}.ready .info-btn.grow-btn,.ready .grow-btn.grow-btn{transition-delay:1.3s}.info-btn .tooltip,.grow-btn .tooltip{position:absolute;left:0;top:-100%;background-color:#000c;color:#fff0db;padding:.5rem;border-radius:4px;font-size:1rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s cubic-bezier(.5,1,.89,1) .35s;pointer-events:none}.info-btn{left:3rem;cursor:auto;-webkit-user-select:none;user-select:none}@media (hover: hover){.info-btn:not(:disabled):hover p{color:#a58de8}.info-btn:not(:disabled):hover svg{color:#a58de8;fill:#a58de8}}.grow-btn{right:3rem}.fade-enter-active,.fade-leave-active{transition:opacity .5s cubic-bezier(.5,1,.89,1)}.fade-enter-from,.fade-leave-to{opacity:0}.loading-leave-active{transition:opacity .2s cubic-bezier(.5,1,.89,1)}.loading-leave-to{opacity:0}.long-answer-enter-active,.long-answer-leave-active{transition:opacity .25s cubic-bezier(.5,1,.89,1),transform .25s cubic-bezier(.5,1,.89,1)}.long-answer-enter-from,.long-answer-leave-to{opacity:0;transform:translate3d(-50%,16px,0)}.info-enter-active,.info-leave-active{transition:opacity .3s cubic-bezier(.5,1,.89,1)}.info-enter-from,.info-leave-to{opacity:0}body.debug:before,body.debug:after{position:absolute;background-color:#a58de8;z-index:100}body.debug:before{top:0;left:50%;width:2px;height:100%;transform:translate(-1px)}body.debug:after{top:50%;left:0;width:100%;height:2px;transform:translateY(-1px)}