@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Mali:wght@400;500;600;700&display=swap";:root{--paper: #fff9ed;--leaf: #27533c;--ink: #24332b;--coral: #a94c41;--line: #cdbf9c;font-family:Mali,Noto Sans Thai,Leelawadee UI,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{width:100%;height:100%;min-height:100%;overflow:hidden;background:var(--paper)}body{width:100%;height:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}#root{width:100%;height:100%;min-height:100%;overflow:hidden}main{min-height:100dvh;display:grid;width:min(100%,42rem);margin:0 auto;padding:clamp(1.5rem,5vw,3rem);align-content:center;gap:1rem}main>img{width:min(15rem,70%);height:auto;margin:0 auto .5rem}h1,p{margin:0}h1{color:var(--leaf);font-weight:700;font-size:clamp(1.8rem,6vw,2.75rem);line-height:1.3;letter-spacing:-.025em}p{font-size:clamp(1rem,2.8vw,1.125rem);line-height:1.5}button{min-height:44px;border:1px solid var(--coral);border-radius:999px;padding:.7rem 1.2rem;color:var(--paper);background:var(--coral);cursor:pointer;font-weight:700;line-height:1.35;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}button:hover:not(:disabled){background:var(--leaf);border-color:var(--leaf)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{border-color:var(--line);color:color-mix(in srgb,var(--ink) 60%,var(--paper));background:color-mix(in srgb,var(--paper) 78%,var(--line));cursor:wait;opacity:.78}button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}main>section{position:relative;isolation:isolate;width:100%;min-height:100dvh;display:grid;align-content:center;gap:1rem;overflow:hidden;padding:clamp(1.5rem,6vw,3.5rem);box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}main>section:before{position:absolute;z-index:-1;inset:0;content:"";background:#fff9eddb}main>section>*{max-width:38rem}main>section[aria-live]{background-size:cover!important}main>section[aria-live]>p:first-child{width:fit-content;padding:.2rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--leaf);background:var(--paper);font-size:.9375rem;font-weight:700;line-height:1.4}main>section>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;margin-top:.5rem}main>section>div>button{width:100%}main>section[aria-labelledby]{background-size:cover!important}main>section[aria-labelledby]>img{width:min(70vw,20rem);max-height:16rem;margin:0 auto;object-fit:contain}main>section[aria-labelledby]>p:nth-of-type(2){color:var(--leaf);font-size:1.15rem;font-weight:700}main>section[aria-labelledby]>p:nth-of-type(3){font-size:1.2rem}#root>p[role=status]{position:fixed;z-index:2;right:1rem;bottom:1rem;left:1rem;width:min(calc(100% - 2rem),38rem);margin:0 auto;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.75rem;color:var(--ink);background:var(--paper);box-shadow:0 .5rem 1.5rem #24332b33;text-align:center}@media(min-width:43rem){body{background:color-mix(in srgb,var(--paper) 75%,var(--line))}main>section{width:min(100%,34rem);margin:0 auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.intro-main{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;max-width:42rem;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) clamp(1rem,5vw,2rem) max(1rem,env(safe-area-inset-bottom));align-items:stretch;justify-content:flex-end;overflow:hidden;background-position:center;background-size:cover}.intro-main--zooming{animation:intro-zoom 1.5s ease-in-out both;transform-origin:center center}@keyframes intro-zoom{0%{filter:blur(0);transform:scale(1)}to{filter:blur(.28rem);transform:scale(1.14)}}.intro-main:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#fff9ed0a 40%,#fff9ed1a 62%,#fff9ed8a)}.intro-brand{position:absolute;top:-12px;left:-4px;z-index:1;width:4.5rem}.intro-brand img{display:block;width:9rem;height:auto;object-fit:contain;filter:drop-shadow(0 .2rem .35rem rgb(70 55 25 / .2))}.intro-letter{min-height:unset;display:grid;width:100%;margin:0 auto clamp(1rem,4vh,2rem);padding:0;gap:.4rem;border:0;background:transparent;box-shadow:none;text-align:center}.intro-letter:before{display:none}.intro-wordmark{color:#39543da6;font-family:Georgia,Times New Roman,serif;font-size:.68rem;font-weight:700;letter-spacing:.08em}.intro-wordmark span{margin-left:.7rem;font-family:Mali,Noto Sans Thai,sans-serif;font-size:.6rem;letter-spacing:0}.intro-letter h1{color:#28251d;font-size:clamp(1.45rem,5.8vw,2.15rem);line-height:1.25;text-shadow:0 .08rem .12rem rgb(255 249 237 / .8)}.intro-instruction{color:#4c4539;font-size:clamp(.76rem,2.7vw,.92rem);line-height:1.75;text-shadow:0 .05rem .12rem rgb(255 249 237 / .8)}.intro-letter button{width:min(100%,23.5rem);min-height:2.75rem;margin:.65rem auto 0;border:0;color:var(--paper);background:#65845e;box-shadow:0 .35rem #456348,0 .5rem 1rem #32462d2e;font-size:clamp(.82rem,3vw,1rem)}.intro-letter button:hover:not(:disabled){background:#587751}.intro-tagline{margin-top:.55rem;color:#665e50;font-family:Caveat,cursive;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:600;letter-spacing:.03em}@media(min-width:43rem){.intro-main{min-height:100vh}.intro-letter{margin-bottom:3rem}}.journey-main{width:100%;max-width:none;padding:0;display:block}.journey-scene{width:100%;min-height:100dvh;padding:0;box-shadow:none}.journey-scene--zooming{animation:journey-zoom 1.5s cubic-bezier(.7,0,.84,0) both;transform-origin:center center}@keyframes journey-zoom{0%{filter:blur(0);transform:scale(1)}to{filter:blur(.28rem);transform:scale(1.14)}}.journey-scene:before{display:none}.journey-mute-button{position:absolute;z-index:2;top:max(1rem,env(safe-area-inset-top));right:max(1rem,4vw);display:grid;width:2.9rem;min-height:2.9rem;place-items:center;padding:0;border:1px solid rgb(255 255 255 / .72);color:var(--paper);background:#00000047;box-shadow:0 .25rem .75rem #0003;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.journey-mute-button:hover:not(:disabled){border-color:var(--paper);background:#0000007a}.journey-mute-button svg{width:1.35rem;height:1.35rem}.journey-scene>.journey-prompt{position:absolute;z-index:1;display:grid;width:min(34rem,calc(100% - 2rem));max-width:none;gap:.65rem;transform:none;color:var(--paper);text-shadow:0 .15rem .5rem rgb(0 0 0 / .8)}.journey-progress{width:fit-content;padding:.2rem .7rem;border:1px solid rgb(255 255 255 / .7);border-radius:999px;color:var(--paper);background:#00000038;font-size:.9375rem;font-weight:700;line-height:1.4;text-shadow:none}.journey-line{font-size:clamp(1rem,2.8vw,1.125rem);font-weight:500}.journey-scene h1{color:var(--paper);font-weight:700;font-size:clamp(1.55rem,5.5vw,2.35rem)}.journey-scene>.journey-choices{position:absolute;z-index:1;right:max(1rem,4vw);bottom:max(1.25rem,env(safe-area-inset-bottom));left:max(1rem,4vw);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.7rem;max-width:none;margin:0}@keyframes journey-choice-pulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 0 .3rem #ffffff57}}.journey-choices>button{width:100%;font-weight:600;border-color:transparent;color:var(--paper);background:transparent;text-shadow:0 .15rem .45rem rgb(0 0 0 / .9);animation:journey-choice-pulse 3.6s ease-in-out infinite}.journey-choices>button:nth-child(1){animation-delay:0s}.journey-choices>button:nth-child(2){animation-delay:-1.2s}.journey-choices>button:nth-child(3){animation-delay:-2.4s}.journey-choices>button:hover:not(:disabled){border-color:#ffffffb8;background:#0000002e}.journey-choices>button:disabled{border-color:transparent;color:var(--paper);background:transparent;animation-play-state:paused}@media(max-width:42.99rem){.journey-scene>.journey-prompt{width:min(34rem,calc(100% - 2rem))}.journey-scene>.journey-choices{grid-template-columns:1fr}}@media(min-width:43rem){.journey-main,.journey-scene{width:100%}}.result-main{position:relative;isolation:isolate;display:block;width:100%;height:100dvh;min-height:0;max-width:390px;margin:0 auto;padding:0;overflow:hidden;background-position:center;background-size:cover}.result-main:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,rgb(53 69 42 / .04),transparent 38%,rgb(53 69 42 / .1))}.result-garden{position:absolute;z-index:-1;inset:0;background:#143a280a}.result-layout{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,.82fr) minmax(0,1.18fr);width:100%;height:100%;min-height:0;padding:max(1.2rem,env(safe-area-inset-top)) clamp(1rem,5vw,1.5rem) max(.7rem,env(safe-area-inset-bottom))}.result-flower-area{display:grid;min-height:0;place-items:center;padding:.75rem 0 .35rem}.result-flower{display:block;width:min(61vw,15.5rem);max-height:min(40vh,17rem);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 .8rem .85rem rgb(43 72 42 / .24))}.result-flower--bloom{animation:result-flower-bloom .9s cubic-bezier(.2,.9,.25,1.15) both;transform-origin:50% 75%}@keyframes result-flower-bloom{0%{opacity:0;transform:translateY(42vh) scale(.1) rotate(-5deg)}58%{opacity:1;transform:translateY(0) scale(1.08) rotate(2deg)}78%{transform:translateY(0) scale(.96) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.result-content{display:grid;gap:.12rem;width:100%;min-height:0;max-height:none;overflow-y:auto;padding:.35rem .25rem .2rem;color:#302d24;text-align:center;text-shadow:0 .08rem .18rem rgb(255 249 237 / .95),0 .12rem .35rem rgb(48 45 36 / .16)}.result-content>*{max-width:34rem;margin-right:auto;margin-left:auto}.result-eyebrow{color:#595242;font-size:.68rem;font-weight:700;letter-spacing:.1em}.result-content h1{margin-top:.05rem;color:#302d24;font-size:clamp(1.55rem,6.8vw,2.35rem);line-height:1.1}.result-tagline{margin-top:.08rem;color:#3f654b;font-size:clamp(.78rem,3.3vw,.92rem);font-weight:700}.result-divider{margin:.12rem auto;color:#9c895f;font-size:.78rem}.result-reading{font-size:clamp(.72rem,3vw,.84rem);line-height:1.35}.result-details{display:grid;gap:.35rem;margin-top:.3rem;color:#454236;font-size:clamp(.69rem,2.8vw,.8rem);line-height:1.4}.result-details p{display:grid;gap:.05rem}.result-details strong{color:#456348;font-size:.68rem;letter-spacing:.04em}.result-handle{margin-top:.18rem;color:#595242;font-size:.7rem;font-weight:700}.result-actions{position:relative;display:grid;gap:.12rem;margin-top:.38rem;text-shadow:none}.result-actions button{min-height:2.2rem;padding-top:.4rem;padding-bottom:.4rem}.result-primary-action{border-color:#456348;background:#456348;box-shadow:0 .25rem .7rem #32462d29}.result-options-trigger{border-color:transparent;color:#456348;background:transparent;font-size:.78rem}.result-options-trigger:hover:not(:disabled){border-color:transparent;color:#302d24;background:transparent}.result-options-trigger span{display:inline-block;margin-left:.25rem;font-size:.95rem}.result-options-menu{position:absolute;right:0;bottom:calc(100% - .25rem);left:0;display:grid;gap:.35rem;padding:.5rem;border:1px solid #cdbf9c;border-radius:.9rem;background:var(--paper);box-shadow:0 .6rem 1.3rem #3a4b2e2e}.result-options-menu button{color:var(--leaf);border-color:var(--line);background:var(--paper)}@media(min-width:43rem){.result-main{max-width:42rem;height:100vh;min-height:0;border-right:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-left:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.result-layout{padding-right:clamp(1.5rem,5vw,3rem);padding-left:clamp(1.5rem,5vw,3rem)}.result-flower{width:min(50vw,18rem);max-height:42vh}}.petal-overlay{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.petal{position:absolute;top:-2rem;left:var(--petal-left, 12%);width:var(--petal-width, .72rem);height:var(--petal-height, 1.05rem);border-radius:100% 0;opacity:0;background:var(--petal-color, rgb(255 235 216 / .78));box-shadow:0 .12rem .3rem #4637191f;transform:rotate(var(--petal-rotate, 35deg));animation:petal-drift var(--petal-duration, 13s) linear infinite;animation-delay:var(--petal-delay, -2s)}.petal:nth-child(2){--petal-left: 24%;--petal-width: .55rem;--petal-height: .85rem;--petal-color: rgb(255 205 190 / .7);--petal-duration: 16s;--petal-delay: -8s;--petal-rotate: 75deg}.petal:nth-child(3){--petal-left: 39%;--petal-width: .8rem;--petal-height: 1.15rem;--petal-color: rgb(255 240 190 / .72);--petal-duration: 18s;--petal-delay: -12s;--petal-rotate: 15deg}.petal:nth-child(4){--petal-left: 53%;--petal-width: .5rem;--petal-height: .78rem;--petal-color: rgb(255 220 226 / .68);--petal-duration: 14s;--petal-delay: -5s;--petal-rotate: 115deg}.petal:nth-child(5){--petal-left: 68%;--petal-width: .7rem;--petal-height: 1rem;--petal-color: rgb(247 231 192 / .74);--petal-duration: 17s;--petal-delay: -10s;--petal-rotate: 55deg}.petal:nth-child(6){--petal-left: 81%;--petal-width: .58rem;--petal-height: .9rem;--petal-color: rgb(255 211 204 / .72);--petal-duration: 15s;--petal-delay: -7s;--petal-rotate: 145deg}.petal:nth-child(7){--petal-left: 93%;--petal-width: .76rem;--petal-height: 1.08rem;--petal-color: rgb(255 238 207 / .68);--petal-duration: 19s;--petal-delay: -15s;--petal-rotate: 25deg}.petal-overlay--scene .petal{--petal-color: rgb(255 246 218 / .58)}.petal-overlay--result .petal{--petal-color: rgb(255 223 209 / .64)}@keyframes petal-drift{0%{opacity:0;transform:translate3d(-2vw,-1rem,0) rotate(var(--petal-rotate, 35deg))}10%{opacity:.78}50%{transform:translate3d(6vw,52vh,0) rotate(calc(var(--petal-rotate, 35deg) + 125deg))}90%{opacity:.64}to{opacity:0;transform:translate3d(-5vw,112vh,0) rotate(calc(var(--petal-rotate, 35deg) + 260deg))}}@media(prefers-reduced-motion:reduce){.petal{animation:none;opacity:.3}}