@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-soft-normal-DSA2Kggd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-soft-normal-DKHvU-YN.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-soft-normal-C-lS_vzd.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");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}@property --fill{syntax:"<number>";inherits:true;initial-value:.3}:root{interpolate-size:allow-keywords;--glow:#ffebd2;--apricot:#ffb47e;--gold:#ffb46a;--rose:#ee8c8a;--lavender:#b79bd8;--mauve:#b58db6;--dusk:#4a3566;--night:#231b38;--ink:#3a2748;--ivory:#fff6ec;--serif:"Fraunces Variable", Georgia, serif;--sans:"Plus Jakarta Sans Variable", system-ui, sans-serif;--measure:36rem;--gutter:clamp(1.25rem, 5vw, 3rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--glow);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}body.in-session{overflow:hidden}img{max-width:100%;height:auto;display:block}h1,h2{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:480;line-height:1.05}h3{margin:0 0 .35rem;font-size:1.125rem;font-weight:700;line-height:1.3}p{margin:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:999px}.skip{z-index:10;background:var(--ink);color:var(--ivory);border-radius:999px;padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.topbar{padding:1.25rem var(--gutter);z-index:2;justify-content:space-between;align-items:baseline;transition:opacity .6s;display:flex;position:absolute;inset:0 0 auto}.wordmark{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;font-size:1.5rem;font-weight:560;text-decoration:none}.parent{opacity:.75;font-size:.9375rem;text-decoration:none}.parent:hover{opacity:1;text-decoration:underline}body.in-session .topbar,body.is-done .topbar{opacity:0;pointer-events:none}.hero{min-height:100svh;padding:clamp(5rem, 12vh, 7rem) var(--gutter) clamp(2rem, 6vh, 3.5rem);text-align:center;background:radial-gradient(120% 70% at 50% 58%, #fff4e3 0%, transparent 60%), linear-gradient(to bottom, var(--glow) 0%, #ffd9b0 70%, #ffc393 100%);grid-template-rows:auto 1fr auto;grid-template-areas:"copy""stage""act";place-items:center;gap:clamp(.5rem,2vh,1.5rem);display:grid;position:relative;overflow:hidden}.hero-copy{grid-area:copy;transition:opacity .6s,transform .6s}.hero h1{letter-spacing:calc(-.04em + var(--fill) * .035em);font-size:clamp(2.75rem,8vw,5.25rem);animation:1.8s cubic-bezier(.2,.7,.2,1) .35s backwards headline-in}@keyframes headline-in{0%{letter-spacing:.3em;opacity:0;filter:blur(12px)}}.lede,.controls{animation:1s 1.3s backwards fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}}.lede{max-width:26rem;margin:1rem auto 0;font-size:clamp(1.0625rem,2.2vw,1.25rem)}body.in-session .hero-copy,body.is-done .hero-copy{opacity:0;pointer-events:none;transform:translateY(-1rem)}.stage{--size:min(68vw, 22rem, 40svh);--warm:color-mix(in oklch, var(--gold) calc(var(--fill) * 100%), var(--lavender));width:var(--size);aspect-ratio:1;grid-area:stage;place-items:center;transition:transform .8s cubic-bezier(.3,.7,.2,1);display:grid;position:relative}body.in-session .stage{transform:translateY(calc(var(--size) * -.15)) scale(1.18)}.halo{background:radial-gradient(circle, color-mix(in oklch, var(--warm) 55%, white) 0%, color-mix(in oklch, var(--warm) 70%, transparent) 30%, transparent 68%);transform:scale(calc(.55 + var(--fill) * .55));opacity:calc(.55 + var(--fill) * .45);pointer-events:none;border-radius:50%;position:absolute;inset:-45%}.nafi-tilt{all:unset;aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));animation:1.6s cubic-bezier(.25,1.4,.4,1) .1s backwards rise;display:block;position:relative}.nafi-tilt:focus-visible{outline:3px solid var(--ink);outline-offset:-8%;border-radius:50%}body.in-session .nafi-tilt{pointer-events:none}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)}}.nafi-tilt.is-boing{animation:.7s cubic-bezier(.3,1.6,.5,1) boing}@keyframes boing{0%{scale:1}18%{scale:1.16 .84}42%{translate:0 -6%;scale:.9 1.12}68%{scale:1.04 .97}to{scale:1}}.stage.is-cheering .nafi-tilt{animation:1.1s cubic-bezier(.3,1.4,.5,1) cheer}@keyframes cheer{0%,to{translate:0;scale:1}15%{scale:1.12 .86}35%{translate:0 -18%;scale:.94 1.08}55%{translate:0;scale:1.08 .92}72%{translate:0 -7%}}.shadow{background:radial-gradient(closest-side, color-mix(in oklch, var(--ink) 30%, transparent), transparent);filter:blur(4px);height:9%;transform:scale(calc(1 - var(--fill) * .3));opacity:calc(.9 - var(--fill) * .4);border-radius:50%;position:absolute;bottom:4%;left:22%;right:22%}.sheen{background:radial-gradient(circle at var(--mx,38%) var(--my,26%), #fffcf4b3, transparent 38%);mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0;-webkit-mask:url(/img/nafi-calm.webp) 50%/contain no-repeat;mask:url(/img/nafi-calm.webp) 50%/contain no-repeat}.bubble{z-index:3;background:var(--ivory);width:max-content;max-width:13rem;color:var(--ink);text-align:left;box-shadow:0 6px 18px -8px color-mix(in oklch, var(--ink) 45%, transparent);opacity:0;transform-origin:0 100%;pointer-events:none;border-radius:1.25rem 1.25rem 1.25rem .3rem;padding:.6rem 1rem;font-size:.9375rem;font-weight:600;line-height:1.35;transition:opacity .3s,scale .3s;position:absolute;bottom:86%;left:62%;scale:.6}.bubble.is-on{opacity:1;transition-timing-function:cubic-bezier(.3,1.6,.5,1);scale:1}.puffs{pointer-events:none;position:absolute;inset:0}.puffs span{background:radial-gradient(circle at 35% 30%,#fff,#ffe6cf 55%,#ffc9a6);border-radius:50%;width:2.2rem;height:2.2rem;margin:-1.1rem;animation:.9s cubic-bezier(.2,.8,.3,1) forwards puff;position:absolute;top:55%;left:50%}@keyframes puff{0%{opacity:.95;transform:translate(0)scale(.3)}to{transform:translate(var(--dx), var(--dy)) scale(var(--s));opacity:0}}.nafi{aspect-ratio:1;width:100%;transform:translateY(calc(var(--fill) * -4%)) scale(calc(.74 + var(--fill) * .3), calc(.76 + var(--fill) * .27));transform-origin:50% 75%;display:block;position:relative}.face,.acc{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.face.is-on,.stage.has-flower .acc-flower,.stage.has-scarf .acc-scarf,.stage.has-beanie .acc-beanie{opacity:1}.stage.is-unlocking .acc{animation:.9s cubic-bezier(.3,1.7,.5,1) .35s backwards acc-pop}@keyframes acc-pop{0%{opacity:0;filter:brightness(1.6);scale:1.35}}.ring{opacity:0;pointer-events:none;width:114%;height:114%;transition:opacity .8s,scale 1s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:-7%;overflow:visible;scale:.92}body.in-session .ring{opacity:1;scale:1}.ring-seg{fill:none;stroke-width:.9px;stroke-linecap:round;opacity:.55}.ring-trail{fill:none;stroke:var(--ivory);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:0 1;opacity:.85}.orb{fill:#fffaf2;filter:drop-shadow(0 0 1.6px #fff)drop-shadow(0 0 4px #ffc88ce6)}.stage[data-phase=hold] .orb,.stage[data-phase=holdOut] .orb{animation:1.2s ease-in-out infinite orb-pulse}@keyframes orb-pulse{50%{r:3.2}}.cue{pointer-events:none;width:16rem;margin-top:.75rem;position:absolute;top:100%;left:50%;translate:-50%}.cue-phase{font-family:var(--serif);font-variation-settings:"SOFT" 100;min-height:1.2em;font-size:1.5rem;font-weight:500}.cue-phase.is-new{animation:.6s cubic-bezier(.2,.8,.2,1) cue-in}@keyframes cue-in{0%{opacity:0;filter:blur(6px);translate:0 .5em}}.cue-count.is-new,.paused-title.is-new{animation:.5s cubic-bezier(.3,1.6,.5,1) tick}@keyframes tick{0%{opacity:.35;scale:1.3}}.cue-count{font-family:var(--serif);font-variation-settings:"SOFT" 100;font-variant-numeric:tabular-nums;min-height:1em;font-size:3rem;font-weight:380;line-height:1}.pips{opacity:0;gap:.5rem;margin:0;padding:0;list-style:none;transition:opacity .4s;display:flex;position:absolute;bottom:-1.25rem;left:50%;translate:-50%}.stage[data-state=running] .pips,.stage[data-state=paused] .pips,.stage[data-state=countdown] .pips{opacity:1}.pips li{border:1.5px solid var(--ink);opacity:.45;border-radius:50%;width:.5rem;height:.5rem}.pips li.is-now{opacity:1}.pips li.is-past{background:var(--ink);opacity:.7}body.in-session .pips{top:-2.5rem;bottom:auto}.controls,.done,.paused{grid-area:act;justify-items:center;gap:1rem;display:grid}body.in-session .controls,body.is-done .controls{visibility:hidden;opacity:0}.controls{transition:opacity .5s}.done[hidden],.paused[hidden]{display:none}.done-title,.paused-title{font-family:var(--serif);font-variation-settings:"SOFT" 100;max-width:22rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:480;line-height:1.2}.done{animation:.8s cubic-bezier(.3,.7,.2,1) both rise}.done-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.paused{inset:auto var(--gutter) clamp(2rem, 8vh, 4rem);position:absolute}.meta{opacity:.8;font-size:.9375rem}.chips{background:color-mix(in oklch, var(--ink) 8%, transparent);border-radius:999px;padding:.25rem;display:inline-flex}.chip{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem 1.1rem;font-size:.9375rem;font-weight:600;transition:background .2s}.chip[aria-checked=true]{background:var(--ivory);box-shadow:0 1px 2px color-mix(in oklch, var(--ink) 20%, transparent)}.start,.ghost{font:inherit;cursor:pointer;border-radius:999px;font-weight:700;transition:transform .15s,background .2s}.start{background:var(--ink);color:var(--ivory);border:0;padding:.95rem 2.4rem;font-size:1.125rem}.start:hover{background:color-mix(in oklch, var(--ink) 85%, var(--rose))}.start:active,.ghost:active{transform:scale(.97)}.ghost{border:1.5px solid var(--ink);color:var(--ink);background:0 0;padding:.8rem 1.6rem;font-size:1rem}.ghost:hover{background:color-mix(in oklch, var(--ink) 8%, transparent)}.exit{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:5;background:color-mix(in oklch, var(--ivory) 70%, transparent);width:3rem;height:3rem;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:fixed}.exit[hidden]{display:none}.exit svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:1.25rem;height:1.25rem}main>section:not(.hero),.night{padding-inline:max(var(--gutter), (100% - 68rem) / 2)}main>section:not(.hero){padding-block:clamp(4rem,12vw,8rem)}main>section h2{max-width:18ch;font-size:clamp(2.1rem,5vw,3.4rem)}.why{background:linear-gradient(#ffc393,#f6a58f)}.why-lead{font-family:var(--serif);font-variation-settings:"SOFT" 100;max-width:34rem;margin:1.5rem 0 3rem;font-size:clamp(1.35rem,2.8vw,1.75rem);line-height:1.4}.why-lead.is-split span{opacity:clamp(.14, calc(var(--p,0) * (var(--n) + 6) - var(--i)), 1);transition:opacity .25s}.why-points{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem clamp(2rem,5vw,4rem);max-width:64rem;display:grid}.why-points p{max-width:22rem}.techniques{background:linear-gradient(#f6a58f,#c796b4)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.5rem;max-width:64rem;margin-top:2.5rem;display:grid}.tech{background:color-mix(in oklch, var(--ivory) 42%, transparent);border-radius:2rem;align-content:start;justify-items:start;gap:.6rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.tech h3{font-family:var(--serif);font-variation-settings:"SOFT" 100;margin:.5rem 0 0;font-size:1.75rem;font-weight:520}.tech-rhythm{font-weight:700}.tech-length{opacity:.8;font-size:.9375rem}.tech-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.75rem;display:flex}.guide-link{font-size:.9375rem;font-weight:600}.faq{color:#2a1d38;background:#a98ab8}.faq-list{max-width:46rem;margin-top:2rem}.faq details{border-bottom:1px solid color-mix(in oklch, var(--ink) 22%, transparent)}.faq summary{font-family:var(--serif);font-variation-settings:"SOFT" 100;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;font-size:clamp(1.125rem,2.4vw,1.35rem);font-weight:520;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(currentColor,currentColor) 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px 100% no-repeat;flex:none;width:.8rem;height:.8rem;transition:rotate .35s}.faq details[open] summary:after{rotate:135deg}.faq details::details-content{block-size:0;transition:block-size .4s ease, content-visibility .4s allow-discrete;overflow:hidden}.faq details[open]::details-content{block-size:auto}.faq details p{max-width:40rem;padding-bottom:1.25rem}.faq summary:focus-visible{border-radius:.5rem}.footer-nav{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:2rem;font-weight:600;display:flex;position:relative}.noscript{padding:1rem var(--gutter);background:var(--ivory)}@view-transition{navigation:auto}.nafi-tilt,.guide-nafi{view-transition-name:nafi}.diagram{width:6.5rem;height:6.5rem;overflow:visible}.seg{fill:none;stroke-width:6px;stroke-linecap:round}.seg-inhale{stroke:#f59a4c}.seg-hold{stroke:var(--rose)}.seg-exhale{stroke:#8c6fbf}.seg-holdout{stroke:#e2b4bd}.dot{fill:var(--ivory);stroke:var(--ink);stroke-width:2.5px}.when{background:linear-gradient(#c796b4,#a98ab8)}.when-grid{grid-template-columns:repeat(auto-fit,minmax(min(9.5rem,40%),1fr));gap:2rem 1.5rem;max-width:72rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.when-grid img{rotate:var(--tilt,0deg);aspect-ratio:1;object-fit:cover;background:color-mix(in oklch, var(--ivory) 35%, transparent);border-radius:46% 54% 44% 56%/52% 46% 54% 48%;width:100%}.when-grid li{transform:translateY(var(--float,0));will-change:transform}.when-grid p{max-width:16rem;margin-top:.9rem;font-weight:600}.night{background:linear-gradient(to bottom, #a98ab8 0%, var(--dusk) 38%, var(--night) 75%);color:var(--ivory);padding-block:clamp(8rem,20vw,14rem) 3rem;position:relative;overflow:hidden}.stars{opacity:.8;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 20%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 28% 60%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 44% 32%,#ffe8c8 50%,#0000 51%),radial-gradient(1px 1px at 58% 74%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 71% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 83% 52%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 92% 28%,#ffe8c8 50%,#0000 51%),radial-gradient(1px 1px at 6% 78%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 37% 88%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 66% 44%,#fff 50%,#0000 51%);position:absolute;inset:25% 0 0}.night>p{max-width:var(--measure);position:relative}.sleeper{right:max(var(--gutter), (100% - 68rem) / 2);filter:drop-shadow(0 0 2.5rem #ffc49673);width:clamp(7rem,16vw,11rem);animation:7s ease-in-out infinite drift;position:absolute;top:clamp(5rem,14vw,9rem)}@keyframes drift{50%{translate:0 -.9rem;rotate:-3deg}}.footer-cta{font-family:var(--serif);font-variation-settings:"SOFT" 100;margin-bottom:3rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:480}.disclaimer{opacity:.85;font-size:.9375rem}.credit{opacity:.7;margin-top:1rem;font-size:.9375rem}.night :focus-visible{outline-color:var(--ivory)}.sky{display:none}.has-sky .sky{z-index:-1;width:100%;height:100%;display:block;position:fixed;inset:0}.has-sky body,.has-sky .hero,.has-sky main>section,.has-sky .night{background:0 0}.has-sky .stars{display:none}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}.cue-phase.is-new,.cue-count.is-new,.paused-title.is-new,.stage.is-unlocking .acc,.stage[data-phase] .orb,.sleeper,.hero h1,.lede,.controls,.nafi-tilt,.nafi-tilt.is-boing,.stage.is-cheering .nafi-tilt{animation:none}.hero h1{letter-spacing:-.02em}html{scroll-behavior:auto}.nafi{transform:scale(calc(.95 + var(--fill) * .1))}.halo{transform:scale(.85)}body.in-session .stage{transform:none}.done{animation:none}}