@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--nf-body), "IBM Plex Sans Thai", system-ui, sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}a{color:inherit}}@layer components{.wrap{width:100%;max-width:66rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:640px){.wrap{padding-inline:2rem}}.wrap-narrow{max-width:44rem}.measure{max-width:38rem}.section{padding-block:clamp(2.75rem,8vw,6.5rem)}main>.section:nth-of-type(12n+2){background:var(--t-peri)}main>.section:nth-of-type(12n+4){background:var(--t-lilac)}main>.section:nth-of-type(12n+6){background:var(--t-blush)}main>.section:nth-of-type(12n+8){background:var(--t-peach)}main>.section:nth-of-type(12n+10){background:var(--t-butter)}main>.section:nth-of-type(12n+12){background:var(--t-mint)}main>.section:nth-of-type(2n){border-top:0;position:relative}main>.section:nth-of-type(2n):before{content:"";background:inherit;pointer-events:none;height:18px;position:absolute;top:0;left:0;right:0;transform:translateY(-99%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='18' viewBox='0 0 72 18'%3E%3Cpath d='M0 18V12C9 12 9 2 18 2s9 10 18 10 9-10 18-10 9 10 18 10V18z'/%3E%3C/svg%3E") bottom/72px 18px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='18' viewBox='0 0 72 18'%3E%3Cpath d='M0 18V12C9 12 9 2 18 2s9 10 18 10 9-10 18-10 9 10 18 10V18z'/%3E%3C/svg%3E") bottom/72px 18px repeat-x}.section+.section{border-top:2px dashed #26284a33}.t-display{font-size:clamp(2.125rem,8.4vw,3.875rem);font-weight:600;line-height:1.26}.t-h2{font-size:clamp(1.625rem,4.6vw,2.375rem);font-weight:600;line-height:1.32}.t-h3{font-size:1.25rem;font-weight:600;line-height:1.45}html[lang=en] .t-display{letter-spacing:-.025em;line-height:1.12}html[lang=en] .t-h2{letter-spacing:-.02em;line-height:1.18}.lead{color:var(--ink-soft);font-size:clamp(1.0625rem,2.4vw,1.25rem)}.muted{color:var(--muted)}.small{font-size:.9375rem;line-height:1.65}.brandline{font-family:var(--font-serif);color:var(--ink-soft);font-size:1.2rem;font-weight:500}.btn{min-height:3rem;font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .22s var(--ease-out), background-color .16s var(--ease-out), opacity .16s var(--ease-out);border:2px solid #0000;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:1.0625rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.btn:active{transition-duration:90ms;transform:translate(2px,2px);box-shadow:1px 1px 0 var(--peri)!important}.btn-primary{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:inset 0 2px 0 #ffffff47, 4px 4px 0 var(--blush-deep);background-image:linear-gradient(#ffffff29,#fff0 55%)}@media (hover:hover){.btn-primary:hover{background:#383b69}.btn-quiet:hover{background:#26284a0f}}.btn-quiet{background:var(--paper);color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--peri)}.btn[aria-disabled=true],.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%;display:flex}.btn-sm{border-radius:.75rem;min-height:2.75rem;padding-inline:1.125rem;font-size:1rem}.btn-lg{border-radius:1rem;min-height:3.75rem;padding-inline:2.25rem;font-size:1.25rem}.link{color:var(--accent);text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.tap{align-items:center;min-height:2.75rem;display:inline-flex}.field-label{margin-bottom:.25rem;font-weight:600;display:block}.field-help{color:var(--muted);margin-top:.25rem;font-size:.9375rem;line-height:1.6}.field-error{color:var(--danger);margin-top:.25rem;font-size:.9375rem;font-weight:500;line-height:1.6}.field-input{border:2px solid var(--ink-soft);background:var(--paper);width:100%;min-height:3rem;color:var(--ink);font:inherit;transition:border-color .14s var(--ease-out);border-radius:.75rem;padding:.5rem .875rem;font-size:1rem;line-height:1.6;display:block}textarea.field-input{resize:vertical;min-height:7rem;padding-block:.75rem}.field-input::placeholder{color:#767893}.field-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);border-radius:.75rem}.field-input[aria-invalid=true]{border-color:var(--danger)}.check{cursor:pointer;align-items:flex-start;gap:.75rem;min-height:2.75rem;padding:.5rem 0;line-height:1.65;display:flex}.check input{width:1.375rem;height:1.375rem;accent-color:var(--ink);cursor:pointer;flex:none;margin-top:.2rem}.choice{border:1px solid var(--field-border);background:var(--paper);cursor:pointer;min-height:2.75rem;transition:background-color .14s var(--ease-out), border-color .14s var(--ease-out);border-radius:.75rem;align-items:center;gap:.5rem;padding:.25rem 1rem;display:inline-flex}.choice:has(input:checked){background:var(--peri-light);border-color:var(--accent)}.choice input{accent-color:var(--ink);width:1.125rem;height:1.125rem}.panel{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--peri);border-radius:1.25rem;padding:1.25rem}@media (min-width:640px){.panel{padding:1.75rem}}.notice{border-left:3px solid var(--ink);padding:.125rem 0 .125rem 1rem}.notice-warn{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--blush);border-radius:1.25rem;padding:1.25rem 1.5rem}.notice-error{border-left-color:var(--danger)}.notice-ok{border-left-color:var(--ok)}.notice-error .notice-title{color:var(--danger)}.rows>li,.rows>div{border-top:1px solid var(--rule)}.rows>li:last-child,.rows>div:last-child{border-bottom:1px solid var(--rule)}.list-dash{padding:0;list-style:none}.list-dash>li{padding-left:1.5rem;position:relative}.list-dash>li:before{content:"";background:var(--ink);width:.75rem;height:1px;position:absolute;top:.95em;left:0}.site-header{z-index:30;background:var(--cream);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--cream) 82%, transparent)}}.site-header{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid #26284a14}.nav-link{min-height:2.75rem;color:var(--ink-soft);transition:color .14s var(--ease-out);border-radius:.625rem;align-items:center;padding-inline:.875rem;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.nav-link:hover{color:var(--ink)}}.lang-switch{font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;align-items:center;font-size:.9375rem;font-weight:600;display:inline-flex}.lang-switch a,.lang-switch span.sep{align-items:center;min-height:2.75rem;display:inline-flex}.lang-switch a{min-width:2.75rem;color:var(--muted);justify-content:center;padding-inline:.5rem;text-decoration:none}.lang-switch a[aria-current=true]{color:var(--ink)}.lang-switch span.sep{color:var(--rule)}.seg{background:var(--peri-light);border-radius:.75rem;grid-template-columns:1fr 1fr;padding:3px;display:inline-grid;position:relative}.seg:before{content:"";background:var(--paper);width:calc(50% - 3px);transition:transform .28s var(--ease-sheet);border-radius:.5rem;position:absolute;inset:3px auto 3px 3px;box-shadow:0 1px 2px #26284a2e}.seg[data-mode=after]:before{transform:translate(100%)}.seg button{min-width:6rem;min-height:2.75rem;font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;color:var(--ink-soft);border-radius:.5rem;padding-inline:1.25rem;font-weight:600;position:relative}.seg button[aria-pressed=true]{color:var(--ink)}.faq details{border:2px solid var(--ink);background:var(--paper);border-radius:1rem;margin-bottom:.75rem;padding-inline:1.125rem}.faq details[open]{box-shadow:3px 3px 0 var(--peri)}.faq summary{cursor:pointer;min-height:3.5rem;font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;font-weight:600;line-height:1.5;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:.5rem;height:.5rem;transition:transform .22s var(--ease-out);flex:none;transform:rotate(45deg)translateY(-2px)}.faq details[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.faq .answer{color:var(--ink-soft);max-width:42rem;padding:0 0 1.25rem}.part{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.part-role{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.part-task{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.part-tone{-webkit-text-decoration-color:var(--blush-deep);-webkit-text-decoration-color:var(--blush-deep);-webkit-text-decoration-color:var(--blush-deep);text-decoration-color:var(--blush-deep)}.part-rules{-webkit-text-decoration-color:var(--ok);-webkit-text-decoration-color:var(--ok);-webkit-text-decoration-color:var(--ok);text-decoration-color:var(--ok)}.swatch{vertical-align:middle;border-top:2px solid;width:1.25rem;height:0;margin-right:.5rem;display:inline-block}.swatch-role{border-color:var(--accent)}.swatch-task{border-color:var(--ink)}.swatch-tone{border-color:var(--blush-deep)}.swatch-rules{border-color:var(--ok)}.fade-in{animation:fade-in .22s var(--ease-out) both}.card{background:var(--paper);border:2px solid var(--ink);box-shadow:inset 0 2px 0 #fff, 4px 4px 0 var(--sh,var(--peri));border-radius:1.25rem;padding:1.5rem}.card:nth-child(6n+1){--sh:#a9b4ea}.card:nth-child(6n+2){--sh:#f5a9a7}.card:nth-child(6n+3){--sh:#f4d078}.card:nth-child(6n+4){--sh:#9fd9bf}.card:nth-child(6n+5){--sh:#c6aeea}.card:nth-child(6n+6){--sh:#f8b890}.panel-pop{box-shadow:6px 6px 0 var(--blush)}.pop-in{animation:pop-in .38s var(--ease-out) both}.floaters{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:clip}.cutie{width:var(--s,3rem);-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 10px 10px #6e78c847);line-height:0;display:inline-block}.cutie-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.floater{pointer-events:auto;cursor:grab;rotate:var(--r,0deg);animation:float var(--t,6s) ease-in-out var(--d,0s) infinite;touch-action:none;will-change:transform;position:absolute}.floater:active{cursor:grabbing}.floaters[data-js=true] .floater{animation:none}@media (max-width:639px){.floater{width:calc(var(--s,3rem) * .62)}.floater.hide-sm{display:none}}.cutie-icon{width:4rem;animation:6s ease-in-out infinite float;position:absolute;top:-2rem;left:1.25rem}.cutie-corner{width:3.75rem;transition:transform .26s var(--ease-out);position:absolute;top:-1.75rem;right:1rem}.tilt:hover .cutie-corner,.tilt:hover .cutie-icon{transform:translateY(-6px)rotate(-8deg)scale(1.08)}.head-sprite{width:4.5rem;animation:5.5s ease-in-out infinite float;position:absolute;top:-.75rem;right:0}@media (max-width:639px){.head-sprite{width:3.25rem;top:-2.75rem}}.tilt{transition:transform .26s var(--ease-out);will-change:transform}.hero-badge{z-index:2;pointer-events:none;width:6rem;display:none;position:absolute;top:63%;right:8%}@media (min-width:1024px){.hero-badge{display:block}}.badge{filter:drop-shadow(0 10px 10px #6e78c840);position:relative}.badge-ring{width:100%;animation:22s linear infinite spin;display:block}.badge-mid{width:2.6rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.marquee{background:var(--paper);border-block:2px dashed #26284a33;padding-block:1.25rem 1.5rem;overflow:hidden}.marquee-track{gap:2.5rem;width:max-content;animation:48s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{width:3.75rem;transition:transform .26s var(--ease-out);flex:none}.marquee-item:hover{transform:translateY(-10px)rotate(-10deg)scale(1.15)}.mascot-3d{position:relative}.rig{aspect-ratio:900/983;perspective:1000px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;position:relative}.rig-body{transform-origin:50% 92%;will-change:transform;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.mascot-hint{display:none}}.peek{aspect-ratio:900/515;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:min(70vw,18rem);position:relative;overflow:hidden}.peek-body{transform-origin:50% 100%;will-change:transform;position:relative}.rig-eye{will-change:transform;pointer-events:none;border-radius:50%;position:absolute}.mascot-hint{z-index:3;border:2px solid var(--ink);background:var(--paper);font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;box-shadow:2px 2px 0 var(--blush);pointer-events:none;border-radius:999px;padding:.25rem .875rem;font-size:.9375rem;font-weight:600;line-height:1.5;animation:3.6s ease-in-out infinite float;position:absolute;top:2%;right:2%}.mascot-hint:after{content:"";background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:.75rem;height:.75rem;position:absolute;bottom:-.5rem;left:18%;transform:rotate(45deg)}.boop-heart{z-index:3;pointer-events:none;animation:heart-rise 1.1s var(--ease-out) both;position:absolute;top:24%}.tick{border:2px solid var(--ink);background:var(--paper);min-height:3.5rem;box-shadow:3px 3px 0 var(--peri);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background-color .16s var(--ease-out);border-radius:1rem;align-items:center;gap:.875rem;padding:.75rem 1rem;line-height:1.55;display:flex;position:relative}.tick input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tick:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.tick:active{box-shadow:1px 1px 0 var(--peri);transform:translate(2px,2px)}.tick-box{border:2px solid var(--ink);background:var(--cream);color:#0000;width:1.875rem;height:1.875rem;transition:background-color .16s var(--ease-out);border-radius:.625rem;flex:none;place-items:center;display:grid}.tick[data-on=true]{background:var(--peri-light);box-shadow:1px 1px 0 var(--peri);transform:translate(2px,2px)}.tick[data-on=true] .tick-box{background:var(--ink);color:var(--cream);animation:pop-in .32s var(--ease-out)}.verdict{border:2px solid var(--ink);background:var(--paper);box-shadow:inset 0 2px 0 #fff, 6px 6px 0 var(--sh,var(--blush));border-radius:1.5rem;padding:1.5rem}.verdict[data-mood=happy]{--sh:var(--mint)}.verdict[data-mood=ok]{--sh:var(--butter)}.verdict[data-mood=shrug]{--sh:var(--peach)}.verdict[data-mood=wave]{--sh:var(--lilac)}@media (min-width:1024px){.verdict{position:sticky;top:6rem}}.verdict-dots{gap:.375rem;margin-bottom:.5rem;display:flex}.verdict-dots span{border:2px solid var(--ink);background:var(--cream);width:1rem;height:1rem;transition:background-color .16s var(--ease-out), transform .22s var(--ease-out);border-radius:50%}.verdict-dots span[data-on=true]{background:var(--blush-deep);transform:scale(1.18)}.verdict-face{filter:drop-shadow(0 6px 8px #6e78c840);display:block}.builder-prompt{border:2px dashed var(--accent);background:#fff;border-radius:.875rem;min-height:4.5rem;padding:.875rem 1rem;font-size:1.0625rem}.ingredient{border:2px solid var(--ink);background:var(--paper);min-height:2.75rem;box-shadow:2px 2px 0 var(--ink);font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background-color .16s var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem 1rem;font-weight:600;display:inline-flex}.ingredient:active,.ingredient[aria-pressed=true]{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.ingredient-role[aria-pressed=true]{background:var(--peri)}.ingredient-tone[aria-pressed=true]{background:var(--blush)}.ingredient-task[aria-pressed=true]{background:var(--butter)}.ingredient-rules[aria-pressed=true]{background:var(--mint)}.ingredient-reset{box-shadow:none;color:var(--ink-soft);border-style:dashed}.ingredient-reset:disabled{opacity:.45;cursor:default}.ingredient-dot,.ingredient-dot.dot-role{border:2px solid var(--ink);background:var(--accent);vertical-align:-1px;border-radius:50%;flex:none;width:.75rem;height:.75rem;margin-right:.5rem;display:inline-block}.ingredient-tone .ingredient-dot,.dot-tone{background:var(--blush-deep)}.ingredient-task .ingredient-dot,.dot-task{background:#f3cf72}.ingredient-rules .ingredient-dot,.dot-rules{background:#7cc9a3}.ingredient .ingredient-dot{margin-right:0}.knows{align-items:baseline;display:flex}.meter-bars{gap:.25rem;margin:.375rem 0;display:flex}.meter-bars span{border:2px solid var(--ink);background:var(--cream);width:1.5rem;height:.75rem;transition:background-color .2s var(--ease-out);border-radius:999px}.meter-bars span[data-on=true]{background:var(--blush-deep)}.picker{align-items:center;gap:2rem;display:grid}@media (min-width:900px){.picker{grid-template-columns:.9fr 1.1fr;gap:3rem}}.picker-stage{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.picker-hero{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;height:14rem;padding:0;display:grid;position:relative}.picker-hero .cutie{width:auto;height:13.5rem}.picker-hero .cutie-img{width:auto!important;height:100%!important}.picker-hero .cutie{animation:pop-in .42s var(--ease-out) both, float 6s ease-in-out .42s infinite}.picker-hero:active .cutie{transform:scale(.94)}.picker-thumbs{flex-wrap:wrap;justify-content:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.thumb{width:4.25rem;color:var(--ink-soft);cursor:pointer;transition:transform .2s var(--ease-out), background-color .16s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem .4rem;font-size:.875rem;font-weight:600;display:flex}.thumb .cutie{filter:none;width:auto;height:3rem}.thumb .cutie-img{width:auto!important;height:100%!important}@media (hover:hover){.thumb:hover{transform:translateY(-3px)}}.thumb[aria-pressed=true]{border-color:var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--sh,var(--peri))}.picker-panel{min-height:24rem}.agent-role{color:var(--ink);border-radius:999px;padding:.2rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.agent-helps{margin-top:.4rem;padding:0;list-style:none}.agent-helps li{margin-top:.25rem;padding-left:1.25rem;position:relative}.agent-helps li:before{content:"";background:var(--sh,var(--peri));border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.62em;left:.15rem}.agent-ask{border:2px solid var(--ink);background:var(--paper);border-radius:1rem 1rem 1rem .25rem;margin-top:.4rem;padding:.6rem .9rem;font-size:.9375rem}.studio-frame{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--peri);background:#f8c3dd;border-radius:1.25rem;margin:0;position:relative;overflow:hidden}.studio-frame video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.studio-tag{background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:.2rem .7rem;font-size:.875rem;font-weight:600;position:absolute;bottom:.75rem;left:.75rem}.studio-toggle{min-height:2.5rem;position:absolute;bottom:.75rem;right:.75rem}.ambience{z-index:25;pointer-events:none;position:fixed;inset:0;overflow:clip}.ambience-sky{display:none;position:absolute;inset:0}@media (min-width:1100px){.ambience-sky,.buddy{display:block}}.sky-item{will-change:transform;position:absolute;top:0;left:0}.sky-item .cutie{filter:drop-shadow(0 6px 6px #6e78c833);width:100%}.sky-bubble{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#fffffff2 0 9%,#0000 22%),radial-gradient(circle,#ffffff0d 52%,#bed7ff80 74%,#ffc8eb8c 100%);border-radius:50%;width:100%;display:block;box-shadow:inset 0 0 8px #ffffffb3,0 4px 10px #7882d22e}.buddy{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;background:0 0;border:0;width:5.25rem;padding:0;display:none;position:absolute;bottom:7%;left:1.2%}.buddy-pop{animation:pop-in .52s var(--ease-out) both;display:block}.buddy .cutie{filter:drop-shadow(0 10px 8px #6e78c84d);width:100%}.halftone{background-image:radial-gradient(#9696e147 1.6px,#0000 2.2px);background-size:15px 15px}.hero-chips{display:none}@media (min-width:1024px){.hero-chips{z-index:3;pointer-events:none;display:block;position:absolute;inset:0}}.chips-orbit{border:2px dotted #7882d766;border-radius:50%;animation:90s linear infinite spin;position:absolute;inset:-7% -16%}.chip-pos{position:absolute}.chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;color:var(--ink);white-space:nowrap;animation:float calc(5.5s + var(--i) * .7s) ease-in-out calc(var(--i) * -1.1s) infinite;background:#ffffffd1;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .95rem .4rem .5rem;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 0 0 1.5px #ffffffe6,0 8px 22px #7882dc47,0 0 22px #bec8ff8c}.chip .cutie{filter:none;width:2.35rem;margin:-.35rem 0 -.3rem}.band{--p:.5;padding:3.5rem 0 0;position:relative;overflow:hidden}.band-type{z-index:1;font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;letter-spacing:-.02em;white-space:nowrap;color:var(--ink);gap:.1em;font-size:clamp(1.5rem,7.4vw,7.2rem);font-weight:700;line-height:1.12;display:grid;position:relative}.band-row{will-change:transform;margin:0}.band-solid{translate:calc((var(--p) - .5) * -14vw) 0;padding-left:6vw}.band-outline{translate:calc((var(--p) - .5) * 14vw) 0;font-family:var(--font-serif);color:#0000;-webkit-text-stroke:1.5px var(--ink);padding-left:18vw;font-weight:400}.band-head{z-index:2;cursor:pointer;justify-content:center;margin-top:-1.45em;font-size:clamp(1.5rem,7.4vw,7.2rem);display:flex;position:relative}.band-head .peek{width:min(58vw,21rem)}.band-handles{pointer-events:none;z-index:3;border:1.5px dashed #26284a8c;border-bottom:0;width:min(66vw,24rem);font-size:0;position:absolute;top:4%;bottom:0;left:50%;translate:-50%}.band-handles i{background:var(--ink);width:.55rem;height:.55rem;position:absolute}.band-handles i:first-child{top:-.3rem;left:-.3rem}.band-handles i:nth-child(2){top:-.3rem;left:calc(50% - .27rem)}.band-handles i:nth-child(3){top:-.3rem;right:-.3rem}.band-handles i:nth-child(4){top:50%;left:-.3rem}.band-handles i:nth-child(5){top:50%;right:-.3rem}.band-handles i:nth-child(6){bottom:-.3rem;left:-.3rem}.band-handles i:nth-child(7){bottom:-.3rem;left:calc(50% - .27rem)}.band-handles i:nth-child(8){bottom:-.3rem;right:-.3rem}.journey-head{align-items:center;gap:1rem;margin-bottom:2.5rem;display:grid}.journey-head .head{margin-bottom:0}@media (min-width:900px){.journey-head{grid-template-columns:.9fr 1.1fr;gap:2rem}}.dio{background-color:#ffffff8c;border-radius:1.75rem;padding:1rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffe6,0 12px 36px #828cdc33}.dio-stage{--px:0;--py:0;width:min(100%,42rem);transform:perspective(1400px) rotateX(calc(var(--py) * -3deg)) rotateY(calc(var(--px) * 4deg));transform-style:preserve-3d;margin-inline:auto;position:relative}.dio-layer{width:100%;height:auto;translate:calc(var(--px) * var(--z) * -1px) calc(var(--py) * var(--z) * -1px);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;position:absolute;inset:0}.dio-ping{border:3px solid #fffffff2;border-radius:50%;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;animation:2.2s ease-out infinite ping;position:absolute;top:44%;left:50%;box-shadow:0 0 14px #ffbe78cc}@keyframes ping{0%{opacity:.95;transform:scale(.5)}80%,to{opacity:0;transform:scale(1.7)}}.bulb-toy{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:7.5rem;height:8.5rem;padding:0;position:absolute;top:.25rem;right:3%}@media (max-width:639px){.bulb-toy{width:5rem;height:5.8rem;top:-.5rem}}.bulb-off,.bulb-on{width:52%;transition:opacity .22s var(--ease-out), scale .22s var(--ease-out);position:absolute;top:50%;left:50%;translate:-50% -50%}.bulb-off .cutie,.bulb-on .cutie{width:100%}.bulb-off .cutie{filter:brightness(.95)}.bulb-on{opacity:0;scale:.9}.bulb-on .cutie{filter:brightness(1.05)drop-shadow(0 0 14px #ffe278f2)}.bulb-toy[data-on=true] .bulb-on{opacity:1;scale:1.08}.bulb-toy[data-on=true] .bulb-off{opacity:0}.bulb-halo,.bulb-rays{aspect-ratio:1;opacity:0;width:150%;transition:opacity .26s var(--ease-out);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.bulb-halo{background:radial-gradient(circle,#ffe982d9,#ffe98200 62%)}.bulb-rays{background:repeating-conic-gradient(#ffe06e99 0 7deg, transparent 7deg 22deg);-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 66%);mask-image:radial-gradient(circle,#000 18%,#0000 66%)}.bulb-toy[data-on=true] .bulb-halo,.bulb-toy[data-on=true] .bulb-rays{opacity:1}.bulb-toy[data-on=true] .bulb-rays{animation:12s linear infinite spin}main>section[aria-labelledby=hero-title],main>section[aria-labelledby=hub-title]{isolation:isolate;background:radial-gradient(60% 46% at 10% 6%,#ffffffd9,#0000 70%),radial-gradient(30% 46% at 74% 52%,#fffc,#0000 72%),radial-gradient(34% 16% at 16% 100%,#ffffffe6,#0000 72%),radial-gradient(30% 14% at 58% 103%,#ffeef5f2,#0000 72%),radial-gradient(34% 16% at 92% 100%,#ffffffd9,#0000 72%),linear-gradient(#c9defb 0%,#dfdcf8 50%,#fde2ec 100%)}main>section[aria-labelledby=hero-title]:before,main>section[aria-labelledby=hub-title]:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffffbf 1.8px,#0000 2.4px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(205deg,#000 0%,#0000 55%);mask-image:linear-gradient(205deg,#000 0%,#0000 55%)}body:after{content:"";z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.15 0 0 0 0 0.16 0 0 0 0 0.29 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.journey-head{gap:1.25rem}@media (min-width:900px){.journey-head{grid-template-columns:.7fr 1.3fr;gap:2rem}}.dio-layer{display:block;position:relative;inset:auto;translate:none}.dio-off{opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.dio[data-on=false] .dio-off{opacity:1}.dio[data-on=false]{transition:background-color .6s var(--ease-out);background-color:#3c468259}.dio-hot{z-index:2;aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;width:7%;transition:box-shadow .2s var(--ease-out), transform .2s var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;translate:-50% -50%}@media (hover:hover) and (pointer:fine){.dio-hot:hover{box-shadow:0 0 0 2px #fffffff2,0 0 20px #ffffffd9}}.dio-hot:active{transform:scale(.92)}.dio-hot[data-playing=true]{box-shadow:0 0 0 2px #f48fa8e6,0 0 20px #f48fa8b3}.dio-ping{pointer-events:none;border:3px solid #fffffff2;border-radius:50%;animation:2.2s ease-out infinite ping;position:absolute;inset:15%;box-shadow:0 0 14px #ffd278e6}.dio-note{z-index:6;color:#f48fa8;text-shadow:0 2px 6px #ffffffe6;pointer-events:none;animation:note-rise 2.2s var(--ease-out) both;font-size:1.5rem;font-weight:700;position:absolute;translate:-50% -50%}@keyframes note-rise{0%{opacity:0;transform:translateY(8px)scale(.6)rotate(-10deg)}15%{opacity:1}to{opacity:0;transform:translate(14px,-72px)scale(1.15)rotate(14deg)}}.office-agent{transition:filter .6s var(--ease-out);position:absolute;translate:-50% -100%}.dio[data-on=false] .office-agent{filter:brightness(.62)saturate(.85)hue-rotate(-6deg)}.office-agent-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;transition:transform .22s var(--ease-out);background:0 0;border:0;padding:0;display:block}.office-agent-btn:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.office-agent-btn:hover{transform:translateY(-4px)}}.office-agent-btn .cutie{filter:drop-shadow(0 6px 5px #463c824d);width:100%;animation:5s ease-in-out infinite float}.office-bubble{z-index:8;border:2px solid var(--ink);background:var(--paper);width:max-content;max-width:11rem;color:var(--ink);box-shadow:2px 2px 0 var(--blush);pointer-events:none;animation:pop-in .26s var(--ease-out) both;border-radius:.9rem .9rem .9rem .2rem;margin-bottom:.4rem;padding:.4rem .7rem;font-size:.875rem;line-height:1.4;position:absolute;bottom:100%;left:50%;translate:-30%}.office-bubble[data-flip=true]{border-radius:.9rem .9rem .2rem;translate:-80%}.office-bubble b{margin-bottom:.1rem;font-weight:700;display:block}.more>summary{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;list-style:none;display:flex}.more>summary::-webkit-details-marker{display:none}.more>summary:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:.65rem;height:.65rem;transition:transform .22s var(--ease-out);flex:none;transform:rotate(45deg)translate(-2px,-2px)}.more[open]>summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.more>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:.5rem}.price-strip{background:var(--paper);border-block:2px dashed #26284a2e}.price-strip .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:1.25rem;display:flex}@media (max-width:639px){.price-strip .btn{width:100%}}.dio-tease{z-index:12;border:2px solid var(--ink);background:var(--paper);width:max-content;max-width:min(14rem,62%);color:var(--ink);box-shadow:3px 3px 0 var(--blush);animation:pop-in .28s var(--ease-out) both;border-radius:1rem;padding:.55rem .8rem .65rem;font-size:.875rem;line-height:1.45;position:absolute;translate:-50% calc(-100% - 1.1rem)}.dio-tease[data-side=l]{translate:-18% calc(-100% - 1.1rem)}.dio-tease[data-side=r]{translate:-82% calc(-100% - 1.1rem)}.dio-tease:after{content:"";background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:.7rem;height:.7rem;margin-left:-.35rem;position:absolute;bottom:-.45rem;left:50%;transform:rotate(45deg)}.dio-tease[data-side=l]:after{left:18%}.dio-tease[data-side=r]:after{left:82%}.dio-tease-cta{background:var(--ink);color:var(--cream);box-shadow:2px 2px 0 var(--blush-deep);border-radius:999px;align-items:center;margin-top:.4rem;padding:.25rem .8rem;font-weight:600;text-decoration:none;display:inline-flex}.story-photo{margin-top:3.2rem;position:relative}.story-frame{z-index:1;box-sizing:border-box;background:#fff;border:1px solid #26284a1a;border-radius:.5rem;width:100%;padding:.8rem .8rem 3.2rem;display:block;position:relative;transform:rotate(-2.5deg);box-shadow:0 14px 30px #505aa038,0 2px 4px #26284a14;height:auto!important}.story-peek{z-index:0;transform-origin:60% 100%;filter:drop-shadow(0 6px 10px #505aa02e);pointer-events:none;width:54%;position:absolute;top:-4.4rem;right:-.6rem;transform:rotate(8deg);height:auto!important}}@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-3{top:calc(var(--spacing) * 3)}.top-full{top:100%}.left-0{left:0}.m-0{margin:0}.m-52{margin:calc(var(--spacing) * 52)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-auto{height:auto}.h-full{height:100%}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.w-2\/3{width:66.6667%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-5\/6{width:83.3333%}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-44{width:calc(var(--spacing) * 44)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[min\(38vw\,9\.5rem\)\]{width:min(38vw,9.5rem)}.w-\[min\(60vw\,15rem\)\]{width:min(60vw,15rem)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.grow{flex-grow:1}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.self-start{align-self:flex-start}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-current{border-color:currentColor}.border-ink{border-color:var(--ink)}.border-rule{border-color:var(--rule)}.border-t-transparent{border-top-color:#0000}.bg-cream{background-color:var(--cream)}.bg-ink{background-color:var(--ink)}.bg-peri-light{background-color:var(--peri-light)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.\!py-3{padding-block:calc(var(--spacing) * 3)!important}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-0{padding-bottom:0}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:var(--nf-display), "Anuphan", system-ui, sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.0625rem\]{font-size:1.0625rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-ink{color:var(--ink)}.text-ink-soft{color:var(--ink-soft)}.text-muted{color:var(--muted)}.text-ok{color:var(--ok)}.text-rule{color:var(--rule)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[transform\,color\]{transition-property:transform,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-50:focus{z-index:50}.focus\:rounded-lg:focus{border-radius:var(--radius-lg)}.focus\:bg-ink:focus{background-color:var(--ink)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-cream:focus{color:var(--cream)}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (min-width:40rem){.sm\:inline-flex{display:inline-flex}.sm\:w-\[min\(46vw\,17rem\)\]{width:min(46vw,17rem)}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:grid-cols-\[9rem_1fr\]{grid-template-columns:9rem 1fr}.sm\:grid-cols-\[11rem_1fr\]{grid-template-columns:11rem 1fr}.sm\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:break-words{overflow-wrap:break-word}}@media (min-width:48rem){.md\:order-last{order:9999}.md\:mt-20{margin-top:calc(var(--spacing) * 20)}.md\:mb-14{margin-bottom:calc(var(--spacing) * 14)}.md\:hidden{display:none}.md\:w-full{width:100%}.md\:max-w-\[26rem\]{max-width:26rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[0\.7fr_1\.3fr\]{grid-template-columns:.7fr 1.3fr}.md\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.md\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:items-center{align-items:center}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:gap-16{gap:calc(var(--spacing) * 16)}.md\:self-center{align-self:center}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pb-0{padding-bottom:0}.md\:pb-28{padding-bottom:calc(var(--spacing) * 28)}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media (min-width:64rem){.lg\:order-last{order:9999}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-full{width:100%}.lg\:max-w-\[28rem\]{max-width:28rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}}}:root{--cream:#f6faff;--paper:#fff;--ink:#26284a;--ink-soft:#484b6e;--muted:#5e6082;--rule:#26284a29;--field-border:#85879f;--accent:#4f5d9c;--peri:#c2dafe;--peri-light:#e4eefe;--blush:#ffe1e7;--blush-deep:#f08aa6;--butter:#ffe8a3;--mint:#c8eff6;--lilac:#d9d4f5;--peach:#ffd0dc;--teal:#91dce2;--font-serif:"NF Serif", var(--nf-display), "Anuphan", system-ui, sans-serif;--t-peri:#e8f0ff;--t-blush:#ffeef3;--t-butter:#fff6e8;--t-mint:#dff5f6;--t-lilac:#efecfb;--t-peach:#e3f6fa;--danger:#a93a38;--ok:#2f6b4f;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:NF Serif;font-style:normal;font-weight:400 700;src:local(Georgia Italic),local(Georgia-Italic),local(Palatino Italic),local(Times New Roman Italic);unicode-range:U+20-24F,U+2000-206F}html,body{background:var(--cream);color:var(--ink);overflow-x:clip}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}body{font-family:var(--nf-body), "IBM Plex Sans Thai", system-ui, sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100svh;font-size:1.0625rem;line-height:1.75;display:flex}h1,h2,h3,h4{font-family:var(--nf-display), "Anuphan", system-ui, sans-serif;overflow-wrap:break-word;word-break:normal;text-wrap:balance;min-width:0;font-style:normal;font-weight:600;line-height:1.3}p,li{overflow-wrap:break-word}::selection{background:var(--peri)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}img{max-width:100%;height:auto}.mascot-stage{aspect-ratio:900/983;perspective:1000px;width:100%;position:relative}.mascot-tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.mascot-enter{animation:mascot-in .6s var(--ease-out) both}}@keyframes mascot-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sticky-cta{z-index:40;padding:.625rem 1.25rem calc(.625rem + env(safe-area-inset-bottom));background:var(--cream);inset-inline:0;position:fixed;bottom:0}@supports (color:color-mix(in lab, red, red)){.sticky-cta{background:color-mix(in srgb, var(--cream) 84%, transparent)}}.sticky-cta{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);transition:transform .3s var(--ease-sheet), opacity .2s var(--ease-out);border-top:1px solid #26284a14}.sticky-cta[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(110%)}@media (prefers-reduced-transparency:reduce){.site-header,.sticky-cta{background:var(--cream);-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes hop{0%{transform:scale(1)}25%{transform:translateY(-22px)scale(.92,1.1)}60%{transform:translateY(0)scale(1.14,.86)}80%{transform:translateY(-5px)scale(.98,1.03)}to{transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes heart-rise{0%{opacity:0;transform:translateY(10px)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-70px)scale(1.15)rotate(8deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.ambience,.hero-chips{display:none!important}}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:hero-rise .52s var(--ease-out) both}.hero-copy>:first-child{animation-delay:0s}.hero-copy>:nth-child(2){animation-delay:40ms}.hero-copy>:nth-child(3){animation-delay:.1s}.hero-copy>:nth-child(4){animation-delay:.15s}.hero-copy>:nth-child(5){animation-delay:.19s}.hero-copy>:nth-child(6){animation-delay:.25s}.hero-copy>:nth-child(7){animation-delay:.3s}.hero-copy>:nth-child(8){animation-delay:.35s}.hero-art{animation:hero-art-in .7s var(--ease-out) .12s both}.chip-pos{animation:chip-in .52s var(--ease-out) calc(.52s + var(--i) * 70ms) both}.hero-badge{animation:chip-in .52s var(--ease-out) .9s both}}@keyframes hero-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes hero-art-in{0%{opacity:0;transform:scale(.95)translateY(10px)}}@keyframes chip-in{0%{opacity:0;scale:.9}}@media (hover:hover) and (pointer:fine){.btn-lg{transition:transform .2s var(--ease-out), background-color .16s var(--ease-out), box-shadow .2s var(--ease-out)}.btn-lg.btn-primary:hover{box-shadow:inset 0 2px 0 #ffffff47, 4px 6px 0 var(--blush-deep);transform:translateY(-2px)}.btn-lg.btn-primary:active{transform:translate(2px,2px)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}
@font-face{font-family:display;src:url(../media/LINESeedSansTH_W_Rg-s.p.092x22y_-ao_2.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:display;src:url(../media/LINESeedSansTH_W_Bd-s.p.3_m8-zynvwfds.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:107.72%;descent-override:41.43%;line-gap-override:0.0%;size-adjust:106.2%}.Yvp68W_className{font-family:display,display Fallback}.Yvp68W_variable{--nf-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/LINESeedSansTH_W_Rg-s.p.092x22y_-ao_2.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:body;src:url(../media/LINESeedSansTH_W_Bd-s.p.3_m8-zynvwfds.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:107.72%;descent-override:41.43%;line-gap-override:0.0%;size-adjust:106.2%}.E6WvOW_className{font-family:body,body Fallback}.E6WvOW_variable{--nf-body:"body", "body Fallback"}