@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/9abe3d53283d35f1-s.p.1gbn-6w9rll2_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/30afb5697bad2800-s.1vj1l374usesj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(../media/890d5c8c3271b311-s.p.33bu0xzn0g3ya.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/9abe3d53283d35f1-s.p.1gbn-6w9rll2_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/30afb5697bad2800-s.1vj1l374usesj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/890d5c8c3271b311-s.p.33bu0xzn0g3ya.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/9abe3d53283d35f1-s.p.1gbn-6w9rll2_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/30afb5697bad2800-s.1vj1l374usesj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/890d5c8c3271b311-s.p.33bu0xzn0g3ya.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Thai Fallback;src:local(Times New Roman);ascent-override:89.86%;descent-override:45.1%;line-gap-override:0.0%;size-adjust:118.4%}.Uo4TTG_className{font-family:Noto Serif Thai,Noto Serif Thai Fallback;font-style:normal}.Uo4TTG_variable{--font-serif-th:"Noto Serif Thai", "Noto Serif Thai Fallback"}
@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/57c9eb05141b6b7c-s.0udymcmyp9u-u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c73fb3e54683eaf8-s.p.3j7do6nm3npf_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/caaacb6502e94400-s.0k43cidt_lcn_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d9fa5058ff337146-s.p.3fee8ylquem6h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/08f3d05b771d66cc-s.09q3flbxo0w4e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/413670c8b897121b-s.p.3u0t_c_yzgtgw.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/72b93e0389b54497-s.3fcxnszjbtksy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab8c2f9dfe50fb3c-s.p.09e83-4vqkr8v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/57f2d0e8dd065b18-s.2taqxaqrv3ssw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/966a1ae9b0187c65-s.p.3_xwflgq9fbqb.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/25d906941e607a44-s.1x31jf7v-_3a0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/666deae7c569669f-s.p.2t1pwrt0o-zp3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.sew7Na_className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.sew7Na_variable{--font-sans-th:"IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback"}
:root{--bg:#0e0f14;--bg-1:#151720;--surface:#1c1f2a;--border:#2a2e3b;--text-1:#ece6da;--text-2:#a8a29a;--text-3:#77726c;--accent:#d9a86c;--accent-soft:#9aa8c4;--on-accent:#0e0f14;--glow:#d9a86c4d;--depth-color:#000;--depth-k:.09;--danger-bg:#241a1c;--danger-border:#5a3a3f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text-1);font-family:var(--font-sans-th), "IBM Plex Sans Thai", system-ui, sans-serif;margin:0;padding-block:28px 40px;padding-inline:20px;font-size:17px;line-height:1.8;overflow-x:hidden}.serif{font-family:var(--font-serif-th), "Noto Serif Thai", Georgia, serif}.glow{aspect-ratio:1;background:radial-gradient(closest-side, var(--glow), transparent 70%);pointer-events:none;z-index:0;width:min(120vw,760px);animation:8s ease-in-out infinite breathe;position:fixed;top:26%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.95)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.depth{z-index:0;pointer-events:none;background:var(--depth-color);opacity:calc(var(--lvl,0) * var(--depth-k));transition:opacity 1.4s;position:fixed;inset:0}.ripple-layer{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ripple{border:1px solid var(--accent);opacity:0;border-radius:50%;width:220px;height:220px;margin:-110px 0 0 -110px;animation:1.2s ease-out forwards ripple;position:absolute}@keyframes ripple{0%{opacity:.55;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.wrap{z-index:2;max-width:620px;margin-inline:auto;position:relative}.topbar{color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:36px;font-size:13px;transition:opacity .9s;display:flex}.topbar.hidden{opacity:0;pointer-events:none}.brand{color:var(--text-1);letter-spacing:.04em;font-size:16px}h1,h2{text-wrap:balance;margin:0;font-weight:400}p{margin:0}.meta{color:var(--text-2);font-size:13px;line-height:1.6}button{font:inherit;cursor:pointer}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 28px;font-size:16px;font-weight:500;transition:transform .2s,border-color .2s,color .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--text-1);border-color:var(--text-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-text{color:var(--text-2);text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:8px 4px;font-size:14px;text-decoration:underline}.btn-text:hover{color:var(--text-1)}.btn:focus-visible,.btn-text:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible,.entry:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.stage{text-wrap:balance;cursor:pointer;align-items:center;min-height:9.2em;margin-top:12vh;font-size:clamp(26px,7vw,38px);line-height:1.65;display:flex;position:relative}.stage .q-text{transition:opacity .9s}.stage .q-text.out{opacity:0}.stage .w{opacity:0;filter:blur(10px);animation:.9s cubic-bezier(.2,.7,.2,1) forwards surface;animation-delay:calc(var(--i) * 70ms);display:inline-block;transform:translateY(8px)}.stage .w.sp{white-space:pre}@keyframes surface{to{opacity:1;filter:blur();transform:none}}.name-step{margin-top:12vh;animation:1.2s both fadeUp}.name-step h2{font-size:clamp(26px,7vw,36px);line-height:1.6}.name-input{border:0;border-bottom:1px solid var(--text-3);width:100%;color:var(--text-1);font:inherit;background:0 0;border-radius:0;margin-top:28px;padding:10px 2px;font-size:24px}.name-input::placeholder{color:var(--text-3)}.progress{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.dots{gap:8px;display:flex}.dot{border:1px solid var(--accent-soft);border-radius:50%;width:9px;height:9px;transition:background .4s}.dot.on{background:var(--accent-soft)}.cat{color:var(--accent-soft);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:13px}.lead{color:var(--text-2);min-height:1.8em;margin-top:28px;font-size:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;margin-top:12px;padding:28px 22px}.card.fade-in{animation:.7s both fadeUp}.card.fade-in.slow{animation-duration:1.8s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.question{text-wrap:balance;font-size:clamp(21px,5.4vw,26px);line-height:1.7}textarea{resize:vertical;background:var(--bg-1);width:100%;min-height:150px;color:var(--text-1);border:1px solid var(--border);font:inherit;border-radius:12px;margin-top:22px;padding:14px 16px;font-size:17px;line-height:1.8}textarea::placeholder{color:var(--text-3)}.q-actions{flex-direction:column;gap:12px;margin-top:22px;display:flex}.btn-wide{width:100%}.q-secondary{gap:12px;display:flex}.q-secondary .btn{flex:1;padding:0 12px}.skip-hint{text-align:center;color:var(--text-3);font-size:13px;position:absolute;bottom:-14vh;left:0;right:0}.hint{min-height:1.6em;margin-top:14px}.center-stage{text-align:center;padding-top:22vh;animation:1s both fadeUp}.orb{border:1px solid var(--accent);width:90px;height:90px;box-shadow:0 0 40px var(--glow);border-radius:50%;margin:0 auto 28px;animation:3.2s ease-in-out infinite orb}@keyframes orb{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.big-line{text-wrap:balance;font-size:clamp(22px,6vw,30px);line-height:1.7}.result{gap:34px;display:grid}.label{color:var(--accent-soft);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:13px}.mood{font-size:21px;line-height:1.75}.letter{font-size:18px;line-height:2}.letter p+p{margin-top:1em}.rings{border:1px solid var(--border);background:radial-gradient(circle at center, transparent 0 22%, var(--border) 22.3% 22.8%, transparent 23% 42%, var(--border) 42.3% 42.8%, transparent 43% 62%, var(--border) 62.3% 62.8%, transparent 63%), var(--surface);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;padding:34px 12px;display:flex}.tag{color:var(--accent-soft);background:var(--bg);border:1px solid var(--border);opacity:0;animation:.8s forwards fadeUp;animation-delay:calc(var(--i) * .15s + .15s);border-radius:999px;padding:4px 16px;font-size:18px}.quote-box{text-align:center;isolation:isolate;padding:36px 20px;position:relative}.quote-box:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent 75%);position:absolute;inset:0}.quote{text-wrap:balance;font-size:clamp(22px,6vw,28px);line-height:1.7}.safety{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:14px;padding:18px 20px;font-size:16px;line-height:1.8}.safety strong{font-weight:500}.entries{gap:12px;margin-top:20px;display:grid}.entry{text-align:left;background:var(--surface);width:100%;color:var(--text-1);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:block}.entry:hover{border-color:var(--text-2)}.entry .when{color:var(--text-2);font-size:13px}.entry .open{color:var(--accent);margin-top:8px;font-size:13px;display:block}.entry .what{margin-top:4px;font-size:17px;line-height:1.7}details.answers{border-top:1px solid var(--border);padding-top:14px}details.answers summary{cursor:pointer;color:var(--text-2);font-size:14px}.qa{margin-top:16px}.qa .q{color:var(--text-2);font-size:15px;line-height:1.7}.qa .a{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.footer{border-top:1px solid var(--border);margin-top:52px;padding-top:18px;transition:opacity .9s}.footer.hidden{opacity:0}.share-sheet{border:1px solid var(--border);background:var(--bg-1);width:min(100vw,460px);max-width:100vw;max-height:100dvh;color:var(--text-1);overscroll-behavior:contain;border-bottom:0;border-radius:22px 22px 0 0;margin:auto auto 0;padding:0;overflow-y:auto}.share-sheet[open]{animation:.35s cubic-bezier(.2,.7,.2,1) sheetUp}.share-sheet::backdrop{background:#050609b8}@keyframes sheetUp{0%{opacity:0;transform:translateY(24px)}}@media (min-width:640px){.share-sheet{border-bottom:1px solid var(--border);border-radius:22px;max-height:calc(100dvh - 32px);margin:auto}}.share-inner{padding:16px 20px calc(20px + env(safe-area-inset-bottom));gap:14px;display:grid}.share-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-head h2{font-size:19px}.share-close{width:44px;height:44px;color:var(--text-2);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-right:-10px;display:inline-flex}.share-close:hover{color:var(--text-1)}.share-preview{background:var(--bg);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;margin-inline:auto;display:flex;overflow:hidden}.share-preview.story{height:min(40dvh,360px)}.share-preview.square{height:min(34dvh,300px)}.share-preview img{width:100%;height:100%;display:block}.seg{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:4px;display:flex}.seg-item{min-height:40px;color:var(--text-2);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative}.seg-item.on{background:var(--surface);color:var(--text-1)}.seg-item input,.switch input{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.share-toggles{border:0;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;display:flex}.share-toggles legend{margin-bottom:4px;padding:0}.switch{min-height:40px;color:var(--text-2);align-items:center;gap:10px;font-size:14px;display:inline-flex;position:relative}.switch .track{border:1px solid var(--border);background:var(--bg);border-radius:999px;width:36px;height:20px;transition:background .2s,border-color .2s;position:relative}.switch .track:after{content:"";background:var(--text-3);border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.switch input:checked+.track{border-color:var(--accent);background:#d9a86c2e}.switch input:checked+.track:after{background:var(--accent);transform:translate(16px)}.switch input:focus-visible+.track,.share-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seg-item:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.share-actions{gap:10px;display:grid}.share-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.share-row .btn{min-height:44px;padding:0 16px;font-size:14px;text-decoration:none}.share-status:empty{display:none}.share-note{color:var(--text-3);font-size:12px}@media (prefers-reduced-motion:reduce){.share-sheet[open]{animation:none}.switch .track,.switch .track:after{transition:none}.glow{opacity:.8;animation:none;transform:translate(-50%,-50%)}.orb{animation:none}.ripple{display:none}.stage .w{opacity:1;filter:none;animation:none;transform:none}.stage .q-text,.depth,.topbar,.footer{transition:none}.card.fade-in,.name-step,.center-stage,.tag{opacity:1;animation:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}