:root{--ink:#0d1a12;--paper:#fff;--mist:#f3f7f5;--mist2:#e8f0ec;--muted:#5f6d67;--hair:#0d1a121a;--hair2:#0d1a120f;--card:#fff;--card-shadow:0 30px 70px -34px #0d1a124d;--mint:#11df85;--blue:#1971ff;--g1:#63ee9d;--g2:#2678fe;--link:#1566e0;--ink-lift:0%;--deep1:#38c8a8;--deep2:#2fb5c2;--deep3:#3e7de8;--logo-g1:#38c8a8;--logo-g2:#2fb5c2;--logo-g3:#3e7de8;--night:#0e1726;--night2:#141e30;--night-hair:#ffffff1f;--night-muted:#96a3b3;--grad:linear-gradient(92deg,var(--g-a),var(--g-b)46%,var(--g-c));--grad-soft:linear-gradient(135deg,#63ee9d,#2678fe);--nav-bg:#ffffffbd;--nav-ink:#0d1a12;--chip:#fff;--t-my-bg:#ede9fe;--t-my:#8b7cf0;--t-shop-bg:#ddeefd;--t-shop:#5ba9f0;--t-serv-bg:#dcf3e8;--t-serv:#4fc08d;--t-pet-bg:#fce4ea;--t-pet:#f49fbc;--t-adopt-bg:#d7f2f4;--t-adopt:#6fcfd6;--t-don-bg:#ffe7df;--t-don:#ff9c82;--t-coin-bg:#fff1d6;--t-coin:#e2a63a;--glow-a:#11df8538;--glow-b:#1971ff2e;--veil:#fffc;--veil-soft:#ffffff9e;--veil-edge:#fffffff5;--veil-read:#ffffffe6;--veil-ink:#0e1726d1;--veil-rgb:255 255 255;--g-a:#11df85;--g-b:#2fb5c2;--g-c:#1971ff;--font:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-th:var(--font-kanit),var(--font-inter),-apple-system,"Segoe UI",sans-serif;--fs-display:clamp(42px,6.4vw,92px);--fs-h2:clamp(34px,5vw,70px);--fs-h3:clamp(22px,2.4vw,32px);--fs-lead:clamp(17px,1.5vw,21px);--wrap:1180px;--ease:cubic-bezier(.2,.75,.2,1);--bounce:cubic-bezier(.22,1.16,.36,1);--w-display:800;--w-strong:700;--seam:clamp(90px,14vh,170px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--veil:#0a1120c7;--veil-soft:#0a11209e;--veil-edge:#0a1120f2;--veil-read:#0a1120e0;--veil-rgb:10 17 32;--g-a:#63ee9d;--g-b:#5ac8f0;--g-c:#5aa8ff;--ink:#eef3f1;--paper:#0a1120;--mist:#0f1728;--mist2:#152036;--muted:#98a5b3;--hair:#ffffff1f;--hair2:#ffffff12;--card:#141e30;--card-shadow:0 30px 70px -34px #000000b3;--nav-bg:#0e1726b8;--nav-ink:#eef3f1;--chip:#ffffff21;--night:#070c16;--night2:#0f1728;--link:#5aa8ff;--logo-g1:#4fe3c0;--logo-g2:#46cddb;--logo-g3:#7aa6f5;--ink-lift:52%;--t-my-bg:#8b7cf038;--t-shop-bg:#5ba9f038;--t-serv-bg:#4fc08d38;--t-pet-bg:#f49fbc38;--t-adopt-bg:#6fcfd638;--t-don-bg:#ff9c8238;--t-coin-bg:#e2a63a38}}:root[data-theme=dark],:root.night{--veil:#0a1120c7;--veil-soft:#0a11209e;--veil-edge:#0a1120f2;--veil-read:#0a1120e0;--veil-rgb:10 17 32;--g-a:#63ee9d;--g-b:#5ac8f0;--g-c:#5aa8ff;--ink:#eef3f1;--paper:#0a1120;--mist:#0f1728;--mist2:#152036;--muted:#98a5b3;--hair:#ffffff1f;--hair2:#ffffff12;--card:#141e30;--card-shadow:0 30px 70px -34px #000000b3;--nav-bg:#0e1726b8;--nav-ink:#eef3f1;--chip:#ffffff21;--night:#070c16;--night2:#0f1728;--link:#5aa8ff;--logo-g1:#4fe3c0;--logo-g2:#46cddb;--logo-g3:#7aa6f5;--ink-lift:52%;--t-my-bg:#8b7cf038;--t-shop-bg:#5ba9f038;--t-serv-bg:#4fc08d38;--t-pet-bg:#f49fbc38;--t-adopt-bg:#6fcfd638;--t-don-bg:#ff9c8238;--t-coin-bg:#e2a63a38}@property --ink{syntax:"<color>";inherits:true;initial-value:#0d1a12}@property --paper{syntax:"<color>";inherits:true;initial-value:#fff}@property --mist{syntax:"<color>";inherits:true;initial-value:#f3f7f5}@property --mist2{syntax:"<color>";inherits:true;initial-value:#e8f0ec}@property --muted{syntax:"<color>";inherits:true;initial-value:#5f6d67}@property --hair{syntax:"<color>";inherits:true;initial-value:#0d1a121a}@property --hair2{syntax:"<color>";inherits:true;initial-value:#0d1a120f}@property --card{syntax:"<color>";inherits:true;initial-value:#fff}@property --link{syntax:"<color>";inherits:true;initial-value:#1566e0}@property --nav-bg{syntax:"<color>";inherits:true;initial-value:#ffffffbd}@property --nav-ink{syntax:"<color>";inherits:true;initial-value:#0d1a12}@property --chip{syntax:"<color>";inherits:true;initial-value:#fff}@property --night{syntax:"<color>";inherits:true;initial-value:#0e1726}@property --night2{syntax:"<color>";inherits:true;initial-value:#141e30}@property --g-a{syntax:"<color>";inherits:true;initial-value:#11df85}@property --g-b{syntax:"<color>";inherits:true;initial-value:#2fb5c2}@property --g-c{syntax:"<color>";inherits:true;initial-value:#1971ff}@property --logo-g1{syntax:"<color>";inherits:true;initial-value:#38c8a8}@property --logo-g2{syntax:"<color>";inherits:true;initial-value:#2fb5c2}@property --logo-g3{syntax:"<color>";inherits:true;initial-value:#3e7de8}@property --veil{syntax:"<color>";inherits:true;initial-value:#fffc}@property --veil-soft{syntax:"<color>";inherits:true;initial-value:#ffffff9e}@property --veil-edge{syntax:"<color>";inherits:true;initial-value:#fffffff5}@property --veil-read{syntax:"<color>";inherits:true;initial-value:#ffffffe6}@property --t-my-bg{syntax:"<color>";inherits:true;initial-value:#ede9fe}@property --t-shop-bg{syntax:"<color>";inherits:true;initial-value:#ddeefd}@property --t-serv-bg{syntax:"<color>";inherits:true;initial-value:#dcf3e8}@property --t-pet-bg{syntax:"<color>";inherits:true;initial-value:#fce4ea}@property --t-adopt-bg{syntax:"<color>";inherits:true;initial-value:#d7f2f4}@property --t-don-bg{syntax:"<color>";inherits:true;initial-value:#ffe7df}@property --t-coin-bg{syntax:"<color>";inherits:true;initial-value:#fff1d6}@property --ink-lift{syntax:"<percentage>";inherits:true;initial-value:0%}:root{transition-property:--ink,--paper,--mist,--mist2,--muted,--hair,--hair2,--card,--link,--nav-bg,--nav-ink,--chip,--night,--night2,--g-a,--g-b,--g-c,--logo-g1,--logo-g2,--logo-g3,--veil,--veil-soft,--veil-edge,--veil-read,--t-my-bg,--t-shop-bg,--t-serv-bg,--t-pet-bg,--t-adopt-bg,--t-don-bg,--t-coin-bg,--ink-lift;transition-duration:1.1s;transition-timing-function:cubic-bezier(.45,0,.25,1)}:root.snap{transition:none}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}:target{scroll-margin-top:110px}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";margin:0;font-size:16px;line-height:1.55;overflow-x:clip}html[lang=th] body{font-family:var(--font-th)}html[lang=th]{--w-display:700;--w-strong:600}html[lang=th] .display,html[lang=th] .h2,html[lang=th] h3{line-height:1.2;letter-spacing:0!important}html[lang=th] .display{line-height:1.12}html[lang=th] b,html[lang=th] strong{font-weight:var(--w-strong)}html[lang=th] .beat h3,html[lang=th] .rgroup h3,html[lang=th] .specrow h3,html[lang=th] .tcard h3,html[lang=th] .rail-card h3,html[lang=th] .tl h3{letter-spacing:0}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:var(--cursor-tap);background:0 0;border:0}:root{--cursor:auto;--cursor-tap:pointer}@media (hover:hover) and (pointer:fine){:root{--cursor:url(../media/pointer.354b0c2f.svg) 4 4,auto;--cursor-tap:url(../media/pointer-tap.1456ce6c.svg) 4 4,pointer}}html{cursor:var(--cursor)}a[href],summary,select,input:is([type=checkbox],[type=radio],[type=submit],[type=button]){cursor:var(--cursor-tap)}input:not(:is([type=checkbox],[type=radio],[type=submit],[type=button])),textarea{cursor:text}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,4vw,40px)}.section{padding:clamp(84px,11vh,150px) 0;position:relative}.tone-ci{background:radial-gradient(56% 42% at 10% 12%,var(--glow-a),transparent 68%),radial-gradient(52% 40% at 90% 16%,var(--glow-b),transparent 68%),radial-gradient(72% 48% at 50% 100%,var(--glow-a),transparent 72%),var(--mist)}.tone-ci:not(:first-child):after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--paper),transparent 150px),linear-gradient(0deg,var(--paper),transparent 150px);position:absolute;inset:0}.tone-ci:first-child:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(0deg,var(--paper),transparent 150px);position:absolute;inset:0}.tone-ink{background:var(--night);color:#fff}.center{text-align:center}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:0 0 18px;font-size:12px;font-weight:700}html[lang=th] .eyebrow{letter-spacing:.06em}.tone-ink .eyebrow{color:#7be8b8}.display{font-size:var(--fs-display);font-weight:var(--w-display);letter-spacing:-.045em;text-wrap:balance;margin:0;line-height:.98}.h2{font-size:var(--fs-h2);font-weight:var(--w-display);letter-spacing:-.035em;text-wrap:balance;margin:0;line-height:1.02}.h3{font-size:var(--fs-h3);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}.lead{max-width:56ch;font-size:var(--fs-lead);color:var(--muted);text-wrap:pretty;margin:22px auto 0;font-weight:400;line-height:1.5}.nw{white-space:nowrap}.lead .hl{color:var(--ink);font-weight:var(--w-strong)}.callout{background:var(--card);border:1px solid var(--hair);max-width:min(100%,780px);color:var(--ink);text-align:left;border-radius:999px;align-items:center;gap:10px;margin:20px auto 0;padding:10px 18px 10px 13px;font-size:15px;font-weight:600;line-height:1.4;display:inline-flex;box-shadow:0 12px 32px -22px #0d1a1266}.callout svg{width:20px;height:20px;color:var(--t-coin);fill:currentColor;flex:none}@media (max-width:640px){.callout{border-radius:20px;align-items:flex-start}}.note{max-width:90ch;color:var(--muted);margin:24px auto 0;font-size:13.5px;line-height:1.55}.tone-ink .lead .hl{color:#fff}.tone-ink .lead{color:var(--night-muted)}.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.tone-ink .grad{background:linear-gradient(92deg,#63ee9d,#5ac8f0 46%,#5aa8ff);-webkit-background-clip:text;background-clip:text}.num{font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}.ln{margin:-.08em -.04em -.22em;padding:.08em .04em .22em;display:block;overflow:hidden}.ln>span{transition:transform 1s var(--ease);display:block;transform:translateY(112%)}.ln.sm{font-size:.86em}.in .ln>span{transform:none}.in .ln:nth-child(2)>span{transition-delay:90ms}.in .ln:nth-child(3)>span{transition-delay:.18s}.rv{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0)*70ms);transform:translateY(26px)}.rv.in{opacity:1;transform:none}.instant,.instant *{transition-duration:0s!important;transition-delay:0s!important}html.rm .rv,html.rm .ln>span{opacity:1!important;transition:none!important;transform:none!important}html.nojs .rv,html.nojs .ln>span{opacity:1;transform:none}.has-photo{isolation:isolate;position:relative}.photobg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.photobg img{object-fit:cover;object-position:var(--pos,center);width:100%;height:100%;transform:translateY(calc(var(--p,.5)*-1*min(44px,6%)))scale(calc(1.14*var(--zoom,1)));will-change:transform;position:absolute;inset:0}.photobg.share{background-image:var(--bg);background-position:50%;background-size:cover;background-attachment:fixed}.photobg:after{content:"";background:linear-gradient(180deg,var(--veil-open,var(--veil-edge)),var(--veil)18%,var(--veil)82%,var(--veil-close,var(--veil-edge)));position:absolute;inset:0}.photobg.side:after{background:linear-gradient(100deg,var(--veil-edge)34%,var(--veil)54%,var(--veil-soft)100%)}.photobg.soft:after{background:linear-gradient(180deg,var(--veil-edge),var(--veil-soft)40%,var(--veil-soft)60%,var(--veil-close,var(--veil-edge)))}.has-photo:not(.tone-ink):not(.final):has(+:not(.has-photo),+.final) .photobg:not(.wash){--veil-close:rgb(var(--veil-rgb))}main>.tone-mist:not(.has-photo)+.has-photo .photobg{--veil-open:var(--mist)}main>:not(.has-photo):not(.tone-mist):not(.tone-ink)+.has-photo:not(.tone-ink) .photobg{--veil-open:rgb(var(--veil-rgb))}.has-photo:not(.tone-ink):not(.final):has(+.has-photo:not(.tone-ink):not(.final)) .photobg:after{background:linear-gradient(180deg,var(--veil-edge),var(--veil)18%,var(--veil))}.has-photo:not(.tone-ink)+.has-photo:not(.tone-ink):not(.final) .photobg{top:-1px}.has-photo:not(.tone-ink)+.has-photo:not(.tone-ink):not(.final) .photobg:after{background:linear-gradient(180deg,var(--veil),var(--veil)82%,var(--veil-edge))}.has-photo:not(.tone-ink):not(.final):has(+.has-photo.tone-ink) .photobg.share:after{background:linear-gradient(180deg,var(--veil-open,var(--veil-edge)),var(--veil-read)14%,var(--veil-read)calc(100% - 84px),color-mix(in srgb,var(--veil-read)94.5%,#0e172630)calc(100% - 72px),color-mix(in srgb,var(--veil-read)80.2%,#0e172633)calc(100% - 60px),color-mix(in srgb,var(--veil-read)60.6%,#0e172638)calc(100% - 48px),color-mix(in srgb,var(--veil-read)39.4%,#0e17263d)calc(100% - 36px),color-mix(in srgb,var(--veil-read)19.8%,#0e172642)calc(100% - 24px),color-mix(in srgb,var(--veil-read)5.5%,#0e17264d)calc(100% - 12px),#0e17265c)}.has-photo:not(.tone-ink)+.has-photo.tone-ink .photobg{top:-1px}.has-photo:not(.tone-ink)+.has-photo.tone-ink .photobg:after{background:linear-gradient(180deg,#0e17265c,#0e172670 12px,#0e172682 24px,#0e172694 36px,#0e1726a3 48px,#0e1726ad 60px,#0e1726b5 72px,#0e1726b8 84px,#0e1726bd 76%,var(--night))}:root{--wash:0;--exit:var(--wash)}html.rm,html.nojs{--wash:1;--exit:0}.photobg.wash{--w-top:calc(.96 - var(--wash)*.11);--w-mid:calc(.91 - var(--wash)*.29)}.has-photo:not(.tone-ink):not(.final):has(+.has-photo:not(.tone-ink):not(.final)) .photobg.wash:after{background:linear-gradient(180deg,rgb(var(--veil-rgb)/var(--w-top)),rgb(var(--veil-rgb)/var(--w-mid))30%,rgb(var(--veil-rgb)/var(--w-mid)))}.has-photo:not(.tone-ink)+.has-photo:not(.tone-ink):not(.final) .photobg.wash:after{background:linear-gradient(180deg,rgb(var(--veil-rgb)/var(--w-mid)),rgb(var(--veil-rgb)/var(--w-mid))34%,58%,rgb(var(--veil-rgb)/1))}.photobg.bright:after{background:linear-gradient(180deg,var(--veil-edge),rgb(var(--veil-rgb)/.64)18%,rgb(var(--veil-rgb)/.64)82%,var(--veil-close,var(--veil-edge)))}.photobg.clear:after{background:linear-gradient(180deg,var(--veil-open,var(--veil-edge)),rgb(var(--veil-rgb)/.5)20%,rgb(var(--veil-rgb)/.48)50%,rgb(var(--veil-rgb)/.5)80%,var(--veil-close,var(--veil-edge)))}.has-photo:has(>.photobg.clear) .split-text :is(.eyebrow,p,li){text-shadow:0 0 12px rgb(var(--veil-rgb)/.95),0 0 4px rgb(var(--veil-rgb)/.9)}.has-photo:has(>.photobg.clear) .split-text>p{color:color-mix(in srgb,var(--ink)82%,transparent)}.photobg.drift img{animation:44s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:translateY(calc(var(--p,.5)*-1*min(44px,6%)))scale(1.14)}to{transform:translate(-2.5%,calc(var(--p,.5)*-1*min(44px,6%) - 10px))scale(1.2)}}html.rm .photobg.drift img{animation:none}.has-photo.tone-ink .photobg:after{background:linear-gradient(180deg,var(--night),#0e1726bd 26%,#0e1726c2 74%,var(--night))}.has-photo.tone-ink .photobg img{opacity:.7}.has-photo.tone-ink .photobg.bright:after{background:linear-gradient(180deg,var(--night),#0e172699 26%,#0e17269e 74%,var(--night))}.has-photo.tone-ink .photobg.bright img{opacity:.85}.final .photobg:after{background:linear-gradient(180deg,var(--veil-open,rgb(var(--veil-rgb))),var(--veil-read)18%,var(--veil-read)76%,rgb(var(--veil-rgb)))}.final .photobg{-webkit-mask-image:linear-gradient(#0000 1px,#000 5px calc(100% - 5px),#0000 calc(100% - 1px));mask-image:linear-gradient(#0000 1px,#000 5px calc(100% - 5px),#0000 calc(100% - 1px))}.credit{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.75;margin-top:28px;font-size:11.5px;font-weight:600;display:block}html[lang=th] .credit{letter-spacing:.02em}.nav{z-index:60;width:min(var(--wrap),calc(100% - 24px));background:var(--nav-bg);color:var(--nav-ink);-webkit-backdrop-filter:blur(18px)saturate(1.5);border:1px solid var(--hair);transition:width .55s var(--ease),box-shadow .4s,background .4s;border-radius:25px;position:fixed;top:32px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px -22px #0d1a1259}.nav.scrolled{box-shadow:0 16px 50px -20px #0d1a1273}.nav.folded{width:var(--island-w,fit-content)}.nav-clip{border-radius:inherit;overflow:hidden}.nav-bar{align-items:center;gap:12px;padding:5px 5px 5px 16px;display:flex}.nav .logo{flex:none;position:relative}.nav .logo:after{content:"";position:absolute;inset:-6px -4px}.logo{letter-spacing:-.04em;font-size:22px;font-weight:900;line-height:1;font-family:var(--font);align-items:center;gap:0;display:inline-flex}.logo .ring{border:.19em solid;border-color:var(--deep2);background:conic-gradient(from 90deg,#38c8a8,#2fb5c2,#3e7de8,#38c8a8) border-box;border-image:;border-radius:50%;width:.72em;height:.72em;margin:0 .02em;display:inline-block;position:relative;top:.02em;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - .19em),#000 calc(100% - .19em + 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - .19em),#000 calc(100% - .19em + 1px))}.logo .wm{background:linear-gradient(90deg,#38c8a8,#2fb5c2 50%,#3e7de8);color:#0000;-webkit-background-clip:text;background-clip:text}.logo.white .wm{color:#fff;background:0 0}.logo.white .ring{background:#fff}.nav-mid{flex:auto;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;margin:-6px 0;padding:6px 0;display:grid;overflow:hidden}.nav-mid>*{grid-area:1/1}.nav-links{justify-self:center;gap:4px;transition:opacity .3s;display:flex}.nav-links a{white-space:nowrap;color:var(--muted);border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .2s,background .2s,box-shadow .25s}.nav-links a:hover{color:var(--nav-ink);background:var(--hair2)}.nav-links a[aria-current],.nav-links a[aria-current]:hover{color:var(--nav-ink);background:var(--chip);box-shadow:0 1px 1px #0d1a120a,0 6px 14px -7px #0d1a1252}.nav.folded .nav-links{opacity:0;pointer-events:none;transition-duration:.2s}.nav-page{white-space:nowrap;height:36px;color:var(--nav-ink);opacity:0;pointer-events:none;justify-self:start;align-items:center;gap:7px;padding:0 10px 0 13px;font-size:13.5px;font-weight:700;transition:opacity .2s;display:inline-flex;position:relative}.nav-page:before{content:"";background:var(--hair);width:1px;height:18px;margin-top:-9px;position:absolute;top:50%;left:0}.nav-page .dot{background:var(--grad);border-radius:50%;flex:none;width:6px;height:6px}.nav-page svg{width:14px;height:14px;color:var(--muted);transition:transform .3s var(--ease);flex:none}.nav.folded .nav-page{opacity:1;pointer-events:auto;transition-delay:.15s}.nav-right{flex:none;align-items:center;gap:8px;display:flex}.nav-cta{white-space:nowrap;background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.85}.nav-close{background:var(--hair2);border-radius:50%;place-items:center;width:44px;height:44px;display:none}.nav-close svg{width:20px;height:20px}.lang{align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.lang button{color:var(--muted);font-family:var(--font);border-bottom:1.5px solid #0000;padding:2px 1px;transition:color .2s,border-color .2s;position:relative}.lang button:after{content:"";position:absolute;inset:-10px -12px}.lang button:hover{color:var(--ink)}.lang button.on{color:var(--ink);border-color:var(--ink)}.lang .sep{color:var(--hair);opacity:.9}.footer .lang button{color:#7c8794}.footer .lang button:hover,.footer .lang button.on{color:#fff;border-color:#fff}.nav-card .lang button{font-size:15px}.nav-card,.nav-scrim{display:none}.nav-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 12px;margin-top:40px;display:grid;position:relative}.nav-tile{background:var(--mist);min-height:92px;color:var(--ink);border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;font-size:15px;font-weight:700;line-height:1.25;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.nav-tile:active{transform:scale(.97)}.nav-tile .tile{border-radius:13px;width:40px;height:40px}.nav-tile .tile svg{width:22px;height:22px}.nav-tile[aria-current]{background:var(--card);color:var(--link);box-shadow:0 0 0 2px var(--link),0 12px 26px -16px #1971ff99}.nav-card-foot{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:22px;display:flex}.nav-card-foot>a{font-size:15px;font-weight:600;text-decoration:none}.nav-card .nav-card-cta{justify-content:center;margin-top:10px;display:flex}@media (max-width:900px){.nav{width:var(--island-w,fit-content);transition:width .5s var(--ease),box-shadow .4s,background .4s}.nav.open{background:var(--paper);width:min(400px,100% - 24px);box-shadow:0 30px 70px -30px #0d1a1280}.nav-bar{gap:10px;padding:1px 1px 1px 16px}.nav-links,.nav-cta,.nav-right{display:none}.nav.open .nav-right{display:flex}.nav.open .nav-close{display:grid}.nav-page{opacity:1;pointer-events:auto;height:44px}.nav.open .nav-page svg{transform:rotate(180deg)}.nav-card{contain:inline-size;height:0;transition:height .5s var(--ease);display:block}.nav.open .nav-card{height:min(var(--card-h,560px),calc(100dvh - 96px));overflow-y:auto}.nav-card-in{width:calc(min(400px,100vw - 24px) - 2px);padding:4px 16px 18px;position:relative;left:50%;transform:translate(-50%)}.nav-scrim{z-index:59;-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0d1a1247;transition:opacity .3s;display:block;position:fixed;inset:0}.nav-scrim.on{opacity:1;pointer-events:auto}}.navdog{z-index:3;pointer-events:none;width:46px;height:34.5px;transform:translateX(calc(var(--x,0px) - 50%));transition:transform var(--dur,0s)var(--gait,cubic-bezier(.3,.1,.3,1)),opacity .25s;position:absolute;bottom:calc(100% - 4px);left:50%}.navdog.away{opacity:0}.carddog{z-index:2;pointer-events:none;width:46px;height:34.5px;transform:translate(calc(var(--tx,0px) - 50%),calc(var(--ty,0px) - 30px));transition:transform var(--dur,0s)linear;position:absolute;top:0;left:0}.carddog .hop{width:100%;height:100%;display:block}.dog-fig{width:100%;height:100%;transform:scaleX(var(--face,1));transform-origin:53%;display:block;overflow:visible}.dog-fig .p-walk,.dog-fig .p-sit,.dog-fig .p-bow,.dog-fig .p-sleep{display:none}[data-pose=walk] .p-walk,[data-pose=sit] .p-sit,[data-pose=look] .p-sit,[data-pose=bow] .p-bow,[data-pose=sleep] .p-sleep{display:inline}.dog-fig :is(.leg,.tail,.tail2,.tail3,.ear,.head,.breathe){transform-box:fill-box}.dog-fig .leg{transform-origin:50% 12%}.dog-fig .tail{transform-origin:95% 95%;animation:1.4s ease-in-out infinite dogwag}.dog-fig .tail2{transform-origin:100% 70%;animation:1.6s ease-in-out infinite dogwag2}.dog-fig .tail3{transform-origin:90% 100%;animation:.28s ease-in-out infinite dogwag}.dog-fig .ear{transform-origin:50% 10%}.dog-fig .head{transform-origin:20% 80%;transition:transform .3s var(--bounce)}.dog-fig .breathe{transform-origin:50% 100%;animation:2.6s ease-in-out infinite dogbreathe}[data-pose=walk] :is(.lf1,.lb2){animation:.36s ease-in-out infinite doglegA}[data-pose=walk] :is(.lb1,.lf2){animation:.36s ease-in-out infinite doglegB}[data-pose=walk] .fig{animation:.18s ease-in-out infinite alternate dogbob}[data-pose=walk] .tail{animation-duration:.3s}[data-pose=walk] .ear{animation:.36s ease-in-out infinite dogflap}[data-pose=look] .p-sit .head{transform:rotate(-14deg)}[data-pose=look] .tail2{animation-duration:.55s}.dog-zzz{left:calc(50% + var(--face,1)*10px - 5px);pointer-events:none;width:22px;height:26px;display:none;position:absolute;bottom:62%}[data-pose=sleep] .dog-zzz{display:block}.dog-zzz i{color:var(--link);opacity:0;font-size:9px;font-style:normal;font-weight:800;line-height:1;animation:2.4s ease-out infinite dogzz;position:absolute;bottom:0;left:0}.dog-zzz i:nth-child(2){font-size:11px;animation-delay:.8s}.dog-zzz i:nth-child(3){font-size:13px;animation-delay:1.6s}@keyframes doglegA{0%,to{transform:rotate(24deg)}50%{transform:rotate(-24deg)}}@keyframes doglegB{0%,to{transform:rotate(-24deg)}50%{transform:rotate(24deg)}}@keyframes dogbob{to{transform:translateY(-1.2px)}}@keyframes dogwag{0%,to{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}@keyframes dogwag2{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}@keyframes dogflap{0%,to{transform:rotate(0)}50%{transform:rotate(-18deg)}}@keyframes dogbreathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)}}@keyframes dogzz{0%{opacity:0;transform:translate(0)}20%{opacity:.9}to{opacity:0;transform:translate(calc(var(--face,1)*12px),-22px)}}.navpaw{left:calc(50% + var(--px,0px));bottom:calc(100% + var(--lift,2px));width:9px;height:9px;color:var(--t-serv);opacity:0;pointer-events:none;z-index:1;margin-left:-4.5px;position:absolute}.navpaw svg{width:100%;height:100%;transform:rotate(var(--rot,90deg));display:block}.navpaw.go{animation:1.2s ease-out forwards dogpaw}@keyframes dogpaw{0%{opacity:0;transform:scale(.5)}22%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1)}}html.rm .navdog,html.rm .carddog{transition:none}.backfab{z-index:59;top:var(--fab-top,90px);left:max(12px,calc((100% - var(--wrap))/2));background:var(--nav-bg);height:42px;color:var(--nav-ink);border:1px solid var(--hair);-webkit-backdrop-filter:blur(18px)saturate(1.5);transition:transform .4s var(--ease),box-shadow .3s;animation:backin .7s var(--ease).2s both;border-radius:999px;align-items:center;gap:8px;padding:0 17px 0 13px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 10px 40px -22px #0d1a1259}.backfab svg{width:17px;height:17px;transition:translate .3s var(--ease);transform:scaleX(-1)}.backfab:hover{box-shadow:0 16px 50px -20px #0d1a1273}.backfab:hover svg{translate:-3px}.nav.folded~.backfab{transform:translateY(calc(32px - var(--fab-top,90px)))}@keyframes backin{0%{opacity:0;translate:-10px}to{opacity:1;translate:0}}@media (max-width:560px){.backfab{justify-content:center;width:42px;padding:0}.backfab span{display:none}}.backfab{transition:transform .4s var(--ease),box-shadow .3s,opacity .3s}.nav.napping~.backfab{opacity:0;pointer-events:none;animation:none;transform:translate(-12px)}.hero{text-align:center;padding:clamp(140px,20vh,200px) 0 0;position:relative;overflow:hidden}.hero .glow{pointer-events:none;z-index:0;background:radial-gradient(42% 46% at 22% 20%,var(--glow-a),transparent 70%),radial-gradient(40% 44% at 80% 18%,var(--glow-b),transparent 70%);height:120%;position:absolute;inset:-20% -10% auto}.hero .wrap{z-index:1;position:relative}.hero .display{max-width:15ch;margin:0 auto}.hero .lead{margin-top:26px}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:30px;display:flex}.badges{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.badges img{width:auto;height:44px;transition:transform .3s var(--ease)}.badges a{line-height:0}.badges .appicon{border-radius:12px;align-self:center;width:52px;height:52px;margin-right:4px;box-shadow:0 10px 24px -12px #0d1a1280}.qrs{justify-content:center;gap:clamp(18px,3vw,34px);margin-top:26px;display:flex}.qrs span{flex-direction:column;align-items:center;gap:9px;display:flex}.qrs img{border:1px solid var(--hair);background:#fff;border-radius:14px;width:104px;height:104px;padding:9px;box-shadow:0 18px 34px -22px #0d1a1266}.qrs b{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:12px;font-weight:700}html[lang=th] .qrs b{letter-spacing:.02em;text-transform:none}.badges a:hover img{transform:translateY(-2px)}.soon-btn{background:linear-gradient(#0d1a12,#0d1a12)padding-box,var(--grad)border-box;color:#fff;text-align:left;height:52px;transition:transform .3s var(--ease);border:1.5px solid #0000;border-radius:16px;align-items:center;gap:11px;padding:0 20px 0 9px;line-height:1;display:inline-flex;box-shadow:0 14px 28px -16px #0d1a128c}.soon-btn:hover{transform:translateY(-2px)}.soon-ic{background:var(--grad);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.soon-ic svg{width:19px;height:19px}.soon-txt{flex-direction:column;gap:4px;display:flex}.soon-txt small{letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-size:10.5px;font-weight:700}.soon-txt b{letter-spacing:-.01em;font-size:17px;font-weight:800}html[lang=th] .soon-txt small{letter-spacing:.01em;text-transform:none;font-size:12px}html[lang=th] .soon-txt b{font-size:16px}.live{color:var(--muted);align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:600;display:inline-flex}.live i{background:var(--mint);border-radius:50%;width:8px;height:8px;animation:2.2s infinite pulse;box-shadow:0 0 #11df8599}@keyframes pulse{0%{box-shadow:0 0 #11df858c}70%{box-shadow:0 0 0 12px #11df8500}to{box-shadow:0 0 #11df8500}}.btn{transition:transform .3s var(--ease),box-shadow .3s;border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-grad{background:var(--grad-soft);color:#fff;box-shadow:0 14px 34px -16px #2678feb3}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ghost{background:var(--hair2);color:var(--ink)}.btn svg{width:18px;height:18px}.chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:26px;display:flex}.chips .lab{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:6px;font-size:12px;font-weight:700}.chip{background:var(--card);border:1px solid var(--hair);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;box-shadow:0 6px 18px -12px #0d1a124d}.hero.side{padding:clamp(108px,15vh,160px) 0 clamp(50px,8vh,96px)}.hero.side .wrap{text-align:left;perspective:1400px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(26px,5vw,72px);display:grid}.hero.side .display{max-width:none;margin:0;font-size:clamp(38px,4.7vw,70px)}.hero.side .lead{max-width:44ch;margin-left:0;margin-right:0}.hero.side .hero-actions,.hero.side .chips,.hero.side .typeswitch,.hero.side .badges{justify-content:flex-start}.hero-phone{justify-self:center;width:clamp(230px,23vw,300px)}.hero-phone .phone{animation:rise 1.3s var(--ease).15s both}@keyframes rise{0%{opacity:0;transform:translateY(120px)rotateX(18deg)scale(.92)}to{opacity:1;transform:none}}.hero.bare{padding-bottom:clamp(44px,6vh,84px)}.hero.bare:not(:has(.display)){align-items:center;min-height:min(52vh,460px);padding-top:clamp(116px,15vh,160px);display:flex}@media (max-width:880px){.hero.side .wrap{text-align:center;grid-template-columns:1fr;gap:clamp(30px,5vh,48px)}.hero.side .display{margin:0 auto}.hero.side .lead{margin-left:auto;margin-right:auto}.hero.side .hero-actions,.hero.side .chips,.hero.side .badges,.hero.side .typeswitch{justify-content:center}.hero-phone{width:min(64vw,270px)}}.hero.side .display.tagline{font-size:clamp(34px,3.9vw,56px);line-height:1.05}html[lang=th] .hero.side .display.tagline{font-size:clamp(28px,3.2vw,42px);line-height:1.2}.tagline .ln:not(.spot)>span{white-space:nowrap}.tagline .spot{font:600 .64em/1.3 var(--font-fredoka),var(--font-th),sans-serif;letter-spacing:0;margin:0 -.4em .1em;padding-inline:.4em}html[lang=th] .tagline .spot{font-family:var(--font-th);font-size:.7em;font-weight:600}.tagline .spot .w{animation:8s ease-in-out infinite spot-lit;animation-delay:calc(var(--n)*2s);border-radius:.45em;margin-right:-.08em;padding:0 .28em;display:inline-block}.tagline .spot .w:first-child{margin-left:-.28em}.tagline .spot .w:first-child{--c:#11df8542}.tagline .spot .w:nth-child(2){--c:#ff7a5c3d}.tagline .spot .w:nth-child(3){--c:#1971ff33}.tagline .spot .w:nth-child(4){--c:#7c62f03d}@keyframes spot-lit{0%,30%,to{background-color:#0000;transform:none}5%,22%{background-color:var(--c);transform:translateY(-.05em)rotate(-2deg)}}html.rm .tagline .spot .w{animation:none}@media (prefers-reduced-motion:reduce){.tagline .spot .w{animation:none}}@media (max-width:880px){.tagline .spot .w:first-child{margin-left:0}}@media (max-width:520px){html[lang=th] .hero.side .display.tagline{font-size:min(6.9vw,40px)}}.hero.tracked .display{font-size:clamp(36px,4.2vw,60px)}@media (min-width:881px){.hero.tracked .wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}}.tracker{text-align:left;justify-self:center;width:min(100%,420px);position:relative}.tk-card{z-index:1;background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:28px;padding:24px 28px 22px;position:relative}.tk-top{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;padding-bottom:16px;display:flex}.tk-badge{white-space:nowrap;background:var(--t-serv-bg);color:color-mix(in srgb,var(--t-serv),var(--ink)55%);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.tk-badge i{background:var(--mint);border-radius:50%;width:7px;height:7px}.tracker ol{margin:0;padding:0;list-style:none;position:relative}.tracker ol:before{content:"";border-left:2px solid var(--t-serv-bg);position:absolute;top:22px;bottom:22px;left:13px}.tracker li{align-items:center;gap:16px;padding:8px 0;font-size:16px;font-weight:600;display:flex;position:relative}.tk-dot{background:var(--t-serv);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.tk-dot svg{stroke:#fff;stroke-width:3px;width:15px;height:15px}.tracker li.now{color:var(--link)}.tracker li.now .tk-dot{background:var(--card);border:2.5px solid var(--blue);animation:2.2s infinite tkpulse}.tracker li.now .tk-dot i{background:var(--blue);border-radius:50%;width:10px;height:10px}@keyframes tkpulse{0%{box-shadow:0 0 #1971ff73}70%{box-shadow:0 0 0 10px #1971ff00}to{box-shadow:0 0 #1971ff00}}.tk-dog{z-index:2;pointer-events:none;width:116px;height:116px;position:absolute;bottom:-38px;right:-22px}html.rm .tracker li.now .tk-dot{animation:none}@media (max-width:640px){.tk-dog{width:92px;height:92px;bottom:-30px;right:-6px}}.pets{--pet-gap:clamp(8px,2.4vw,28px);--pet-size:min(clamp(64px,7vw,88px),(100% - 5*var(--pet-gap))/6);justify-content:center;align-items:center;gap:var(--pet-gap);margin:0 0 clamp(20px,3.4vh,34px);display:flex}.pets span{width:var(--pet-size);aspect-ratio:1;background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:50%;place-items:center;animation:6s ease-in-out infinite float;display:grid}.pets span:nth-child(2){animation-delay:-1s}.pets span:nth-child(3){animation-delay:-2s}.pets span:nth-child(4){animation-delay:-3s}.pets span:nth-child(5){animation-delay:-4s}.pets span:nth-child(6){animation-delay:-5s}.pets img,.pets svg{width:72%;height:72%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}html.rm .pets span,html.rm .hero-phone .phone,html.rm .live i{animation:none}.phone{aspect-ratio:719/1500;background:linear-gradient(90deg,#5e646b,#24282d 7%,#131619 50%,#24282d 93%,#5e646b);border-radius:17.94%/8.6%;width:100%;position:relative;box-shadow:0 60px 120px -50px #0d1a128c;container-type:inline-size}.phone:before{content:"";background:#05070a;border-radius:16.83cqw;position:absolute;inset:1.11cqw}.phone:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .42cqw #ecf2f96b}.phone .scr,.phone .screen{color:#0d1a12;background:#fff;border-radius:14.33cqw;position:absolute;inset:3.62cqw;overflow:hidden}.phone .scr img,.phone .screen img.full{object-fit:cover;object-position:top;width:100%;height:100%}.phone .scr{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:scale(.97)}.phone .scr.active{opacity:1;transform:none}.phone>.isl{z-index:3;background:#000;border-radius:999px;width:22.3cqw;height:8.6cqw;position:absolute;top:6.8cqw;left:50%;translate:-50%}.phone>.isl:after{content:"";background:radial-gradient(circle at 38% 32%,#16202b,#05080c 68%);border-radius:50%;width:2.5cqw;height:2.5cqw;position:absolute;top:50%;right:3cqw;translate:0 -50%}.phone>.hin{z-index:3;background:#0000004d;border-radius:999px;width:32.3cqw;height:1.15cqw;position:absolute;bottom:5.47cqw;left:50%;translate:-50%}.phone>.key{background:linear-gradient(90deg,#595f66,#2a2e33 42%,#15181b);border-radius:.55cqw;width:1.55cqw;position:absolute;left:-.8cqw}.phone>.key.r{background:linear-gradient(270deg,#595f66,#2a2e33 42%,#15181b);left:auto;right:-.8cqw}.phone>.k-act{height:11.1cqw;top:50.1cqw}.phone>.k-vup{height:20.9cqw;top:66.8cqw}.phone>.k-vdn{height:20.9cqw;top:92.5cqw}.phone>.k-pwr{height:34.8cqw;top:59.1cqw}.phone>.k-cam{background:linear-gradient(270deg,#4f565e,#1d2227 36%,#0a0d10);height:16.7cqw;top:119.6cqw}.phone-sm{width:220px}.app{transform-origin:0 0;width:393px;height:852px;transform:scale(.7083);transform:scale(tan(atan2(92.76cqw,393px)));font-family:var(--font-inter),-apple-system,"Segoe UI",sans-serif;color:#0d1a12;letter-spacing:0;text-align:left;background:#f9fafb;flex-direction:column;font-size:14px;line-height:1.35;display:flex;position:absolute;top:0;left:0;overflow:hidden}.phone[data-s] .app{transform:scale(var(--app-s))}html[lang=th] .app{font-family:var(--font-th);font-synthesis:none;line-height:1.4}.app *{box-sizing:border-box}.app>*{flex-shrink:0}.app svg{flex:none;display:block}.app .sp{background:50%/contain no-repeat;flex:none;width:24px;height:24px;display:inline-block}.app .ph{background:#e9eef0 50%/cover no-repeat}.app .uc{text-transform:uppercase;letter-spacing:.08em}html[lang=th] .app .uc{text-transform:none;letter-spacing:0}html[lang=th] .app .uc.mono{font-family:var(--font-th)}.app .sb{letter-spacing:-.01em;z-index:2;height:54px;font-size:17px;font-weight:600;font-family:var(--font-inter),sans-serif;flex:none;justify-content:space-between;align-items:center;padding:4px 30px 0 44px;display:flex;position:relative}.app .sb .st{align-items:center;gap:6px;display:flex}.app .sb.lt{color:#fff}.app .px{padding-left:16px;padding-right:16px}.app .row{align-items:center;gap:10px;display:flex}.app .col{flex-direction:column;display:flex}.app .grow{flex:1;min-width:0}.app .ell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app .mut{color:#6b7280}.app .grn{color:#00a63e}.app .blu{color:#155dfc}.app .w5{font-weight:500}.app .w6{font-weight:600}.app .w7{font-weight:700}.app .f11{font-size:11px}.app .f12{font-size:12px}.app .f13{font-size:13px}.app .f14{font-size:14px}.app .f15{font-size:15px}.app .f16{font-size:16px}.app .f17{font-size:17px}.app .f18{font-size:18px}.app .f20{font-size:20px}.app .tn{font-variant-numeric:tabular-nums}.app .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app .cd{background:#fff;border:1px solid #e6e8eb;border-radius:20px}.app .pl{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.app .cir{border-radius:50%}.app .hr{background:#eef0f2;height:1px}.app .rb{color:#0e1726;background:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 2px 10px #0f172a1a}.app .rb .sp{width:22px;height:22px}.app .bk{color:#1971ff;background:#fff;border:1px solid #e6e8eb;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.app .gb{color:#fff;text-align:center;background:linear-gradient(90deg,#63ee9d,#2678fe);border-radius:16px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 12px;font-size:16px;font-weight:700;display:flex;box-shadow:0 8px 18px -8px #2678fe99}.app .gb.mx{background:linear-gradient(90deg,#155dfc,#51b0d2);box-shadow:0 8px 18px -8px #155dfc99}.app .bb{color:#fff;background:#155dfc;border-radius:999px;flex:none;padding:7px 16px;font-size:13.5px;font-weight:600}.app .sv{color:#fff;background:linear-gradient(90deg,#155dfc,#51b0d2);border-radius:999px;flex:none;padding:8px 18px;font-size:14px;font-weight:700}.app .foot{z-index:3;background:#fffffff5;padding:12px 16px 34px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a0f}.app .hdr{flex:none;align-items:center;gap:12px;height:52px;padding:2px 16px 0;display:flex}.app .hdr>b{color:#0e1726;flex:1;min-width:0;font-size:19px;font-weight:600}.app .tbar{z-index:4;background:#fff;border-radius:24px 24px 0 0;grid-template-columns:repeat(5,1fr);height:90px;padding:8px 6px 0;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 22px #0f172a12}.app .tbar>div{color:#6a7486;white-space:nowrap;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:500;display:flex}.app .tbar .ic{border-radius:999px;place-items:center;height:30px;padding:0 14px;display:grid}.app .tbar .ic .sp{filter:grayscale()opacity(.5);width:24px;height:24px}.app .tbar>div.on{color:#0e1726;font-weight:700}.app .tbar>div.on .ic{background:#11df8524}.app .tbar>div.on .ic .sp{filter:none}.app .tbar.biz>div.on .ic{background:#155dfc1f}.app .tbar .mid{position:relative}.app .tbar .orb{background:#fff 50%/44px no-repeat;border-radius:50%;width:52px;height:52px;position:absolute;top:-28px;box-shadow:0 4px 14px #0f172a24}.app .tbar .mid span{margin-top:33px}.app .trk{align-items:flex-start;display:flex}.app .trk>div{color:#9aa3b2;text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:1.2;display:flex;position:relative}.app .trk>div:not(:last-child):after{content:"";background:#e2e6ec;height:2px;position:absolute;top:13px;left:calc(50% + 15px);right:calc(15px - 50%)}.app .trk>div.dn:not(:last-child):after{background:linear-gradient(90deg,#63ee9d,#2678fe)}.app .trk i{z-index:1;background:#fff;border:2px solid #d5dbe3;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative}.app .trk .dn i,.app .trk .cu i{background:linear-gradient(135deg,#63ee9d,#2678fe);border:none}.app .trk .dn i:after{content:"";border:0 solid #fff;border-width:0 0 2.4px 2.4px;width:10px;height:6px;transform:translateY(-1px)rotate(-45deg)}.app .trk .cu i{box-shadow:0 0 0 5px #2678fe29}.app .trk .cu i:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px}.app .trk .dn,.app .trk .cu{color:#0e1726}.app .trk .cu{font-weight:700}.app .trk.six>div{font-size:9.5px}.app .mpt{letter-spacing:-.03em;background:linear-gradient(90deg,#63ee9d,#1971ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;line-height:1.3}html[lang=th] .app .mpt{letter-spacing:0;font-size:24px;font-weight:700}.app .anc{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px;display:grid}.app .anc span{color:#5b6b78;background:#fff;border:1px solid #e6e8eb;border-radius:20px;place-items:center;height:36px;font-size:13.5px;font-weight:600;display:grid}.app .anc span.on{color:#fff;background:linear-gradient(90deg,#f2cf95,#e2a963);border:none}.app .bt{background:#fff;border-radius:20px;padding:14px;box-shadow:0 8px 24px #14101812}.app .sc{letter-spacing:.09em;color:#5b6b78;text-transform:uppercase;font-size:10.5px;font-weight:700}html[lang=th] .app .sc{letter-spacing:0;text-transform:none;font-size:12px}.app .tg{color:#6b7280;background:#f1f2f4;border-radius:999px;flex:none;padding:2px;font-size:11.5px;font-weight:600;display:inline-flex}.app .tg span{border-radius:999px;padding:4px 10px}.app .tg span.on{color:#0e1726;background:#fff;box-shadow:0 1px 3px #00000014}.app.home{background:radial-gradient(260px 200px at 100% 0,#34c9a31a,#0000 70%),radial-gradient(240px 200px at 0 0,#2678fe14,#0000 70%),linear-gradient(#fff,#fbfdff)}.app .wmk{font:900 26px/1 var(--font-inter),sans-serif;letter-spacing:-.045em;background:linear-gradient(90deg,#38c8a8,#2fb5c2 50%,#3e7de8);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;display:inline-flex}.app .wmk i{border:.15em solid #3e7de8;border-color:#2fb5c2 #3e7de8 #3e7de8 #38c8a8;border-radius:50%;width:.72em;height:.72em;margin:0 .02em;display:inline-block;translate:0 .03em}.app .cbg{color:#fff;background:#ff6b35;border:1.5px solid #fff;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:-3px;right:-3px}.app .srch{color:#6a7486;white-space:nowrap;background:#fff;border:1px solid #0e172614;border-radius:999px;align-items:center;gap:10px;height:48px;padding:0 18px;font-size:15px;display:flex;overflow:hidden;box-shadow:0 4px 14px #0f172a0d}.app .menu{background:#fffc;border:1px solid #e2efeb;border-radius:24px;grid-template-columns:repeat(5,1fr);align-items:start;padding:16px 4px 12px;display:grid}.app .menu>div{color:#2b3445;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 2px;font-size:11px;font-weight:700;line-height:1.2;display:flex}.app .menu i{border-radius:20px;place-items:center;width:52px;height:52px;display:grid;position:relative}.app .menu i .sp{width:28px;height:28px}.app .menu .nw{color:#fff;letter-spacing:.5px;background:#fc2a3e;border:1.5px solid #fff;border-radius:999px;padding:2px 4px;font-size:10px;font-style:normal;font-weight:600;line-height:1.1;position:absolute;top:-6px;right:-6px}.app .promo{background:linear-gradient(135deg,#dff3f4,#b6e6ec);border-radius:20px;height:166px;padding:16px 18px;position:relative;overflow:hidden}.app .promo .pg{background:radial-gradient(closest-side,#ffffffd9,#fff0);border-radius:50%;width:170px;height:170px;position:absolute;bottom:-30px;right:-10px}.app .dots{justify-content:center;gap:5px;margin-top:8px;display:flex}.app .dots i{background:#cbd5e1;border-radius:9px;width:6px;height:6px}.app .dots i.on{background:#1e293b;width:16px}.app .sh{color:#0e1726;letter-spacing:-.015em;font-size:19px;font-weight:700}.app .ss{color:#6a7486;margin-top:1px;font-size:12.5px;font-weight:500}.app .hr8{gap:10px;padding:10px 16px 0;display:flex;overflow:hidden}.app .svc{background:linear-gradient(#fff,#fbfbfc);border:1px solid #e5eaf0;border-radius:20px;flex:none;width:178px;padding:10px 10px 12px}.app .svc>.ph{border-radius:12px;height:158px;position:relative}.app .ctag{color:#fff;background:#0f172abd;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;position:absolute;bottom:7px;left:7px}.app .hrt{background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:7px;right:7px}.app .hrt .sp{width:17px;height:17px}.app .nm{color:#0e1726;margin-top:9px;font-size:14.5px;font-weight:500}.app .rt{color:#b7791f;align-items:center;gap:4px;margin-top:3px;font-size:12.5px;font-weight:600;display:flex}.app .rt .sp{width:13px;height:13px}.app .rt span:last-child{color:#9aa3b2;font-weight:500}.app .pr{color:#00a63e;font-size:15.5px;font-weight:700}.app .lc{color:#6a7486;white-space:nowrap;align-items:center;gap:3px;margin-top:3px;font-size:11.5px;display:flex;overflow:hidden}.app .lc .sp{width:12px;height:12px}.app .add{color:#fff;background:linear-gradient(135deg,#14b8a6,#06b6d4);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:16px;font-weight:700;line-height:1;display:grid}.app .add.b{background:linear-gradient(135deg,#3b82f6,#6366f1)}.app .pht{background:50% 40%/cover no-repeat;height:372px;position:absolute;top:0;left:0;right:0}.app .chrome{z-index:2;align-items:center;gap:8px;padding:2px 14px 0;display:flex;position:relative}.app .schip{background:#fff;border-radius:999px;align-items:center;gap:7px;min-width:0;height:38px;padding:0 12px 0 5px;font-size:13.5px;font-weight:600;display:flex;box-shadow:0 2px 10px #0f172a1a}.app .schip i{border-radius:50%;flex:none;width:28px;height:28px}.app .cnt{z-index:2;color:#fff;background:#0f172a8c;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;position:absolute;top:322px;right:16px}.app .sheet{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;gap:12px;padding:18px 16px 0;display:flex;position:absolute;inset:350px 0 0;box-shadow:0 -6px 20px #0f172a14}.app .spc{color:#fff;letter-spacing:.1em;background:linear-gradient(90deg,#0a3a31,#0e2a57);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700}.app .ask{color:#155dfc;white-space:nowrap;background:#fff;border:1px solid #dbe5f6;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:13px;font-weight:600;display:flex}.app .ask .sp{width:20px;height:20px}.app .pp{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app .pp>div{border-radius:16px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.app .pp i{background:#fff;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.app .pp i .sp{width:20px;height:20px}.app .pp small{font-size:11px;font-weight:600;display:block}.app .pp b{color:#0e1726;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.app .docs{flex-wrap:wrap;gap:7px;display:flex}.app .docs span{color:#1e7a5f;background:#f0fdf4;border:1px solid #cdf2e7;border-radius:999px;align-items:center;gap:5px;height:32px;padding:0 12px 0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.app .docs .sp{width:18px;height:18px}.app .cc{background:#fff;border:1px solid #e6e8eb;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.app .ahero{background:linear-gradient(120deg,#38c8a8,#2fb5c2 48%,#3e7de8);height:300px;position:absolute;top:0;left:0;right:0}.app .wc{color:#1971ff;background:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.app .wc.gl{color:#fff;background:#ffffff40;border:1px solid #fff6}.app .mv{color:#fff;background:#0a20288c;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-block}.app .vt{background:#eaf2fe;border:1px solid #bedbff;border-radius:20px;padding:15px 16px}.app .vt b{color:#0e1726;font-weight:700}.app .exp{background:#fff6dc;border:1px solid #f6d58a;border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.app .qp{gap:8px;padding:0 16px;display:flex;overflow:hidden}.app .qp>span{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;font-size:13px;font-weight:700;display:inline-flex}.app .qp .sp{width:20px;height:20px}.app .cg{grid-template-columns:repeat(4,1fr);gap:12px 6px;padding:0 12px;display:grid}.app .cg>div{white-space:nowrap;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.app .cg i{border-radius:20px;place-items:center;width:58px;height:58px;display:grid}.app .cg i .sp{width:32px;height:32px}.app .pgd{grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px 0;display:grid}.app .pc{background:linear-gradient(#fff,#fbfbfc);border:1px solid #e5eaf0;border-radius:20px;min-width:0;padding:9px 9px 11px}.app .pc>.ph{aspect-ratio:1;border-radius:12px;position:relative}.app .pc .nm{height:35px;margin-top:8px;font-size:14px;line-height:1.25;overflow:hidden}.app .pc .fd{color:#2456b5;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;font-weight:600;display:flex}.app .pc .fd .sp{width:14px;height:14px}.app .lbl{color:#0e1726;margin-bottom:8px;font-size:13px;font-weight:600}.app .adr{background:#fafbfc;border:1px solid #e6e8eb;border-radius:14px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.app .adr>.sp{width:26px;height:26px}.app .dts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.app .dts>div{color:#0e1726;white-space:nowrap;background:#f0f2f5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:70px;font-size:15px;font-weight:700;display:flex}.app .dts small{color:#6a7486;font-size:11.5px;font-weight:500}.app .dts>div.on{color:#fff;background:linear-gradient(135deg,#80e0b0,#5ab9ea);box-shadow:0 6px 14px -6px #5ab9eacc}.app .dts>div.on small{color:#fff}.app .tms{gap:8px;display:flex;overflow:hidden}.app .tms span{color:#374151;font-variant-numeric:tabular-nums;height:35px;font-size:13.5px;font-weight:600;font-family:var(--font-inter),sans-serif;border:1px solid #d1d5db;border-radius:20px;flex:none;place-items:center;padding:0 13px;display:grid}.app .tms span.on{color:#fff;background:linear-gradient(90deg,#80e0b0,#2979ff);border:none}.app .tms span.off{color:#c2c8d0;border-color:#e6e8eb;text-decoration:line-through}.app .sumb{color:#fff;height:44px;font:700 16px/1 var(--font-inter),sans-serif;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#80e0b0,#2979ff);border-radius:12px;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:0 8px 18px -8px #2979ffbf}.app .sw{gap:14px;padding:0 16px;display:flex}.app .sw>div{color:#5a6b80;white-space:nowrap;flex-direction:column;align-items:center;gap:5px;max-width:60px;font-size:12px;font-weight:500;display:flex}.app .sw .av{border:2px solid #fff;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #0e17261a}.app .sw .on .av{box-shadow:0 0 0 2.5px #fff,0 0 0 5px #2fb5c2}.app .sw .on{color:#0e1726;font-weight:700}.app .sw .plus{color:#7c8796;box-shadow:none;background:#fff;border:1.6px dashed #b9c3cf;place-items:center;font-size:24px;display:grid}.app .htile{background:linear-gradient(135deg,#faf0db,#efd0a9);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 24px #14101814}.app .pname{letter-spacing:-.5px;color:#0e1726;white-space:nowrap;font-size:30px;font-weight:700;line-height:1.1}html[lang=th] .app .pname{letter-spacing:0;font-weight:700;line-height:1.3}.app .gch{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.app .gch span{color:#0e1726;white-space:nowrap;background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:11px;font-weight:600;line-height:14px;display:inline-flex}.app .gch .sp{width:14px;height:14px}.app .cband{color:#eaf0ff;background:linear-gradient(90deg,#20356b,#101b3c);align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;line-height:14px;display:flex}.app .cband .sp{width:16px;height:16px}.app .hact{color:#1971ff;background:#1971ff14;border:1px solid #1971ff24;border-radius:999px;align-items:center;gap:1px;padding:6px 6px 6px 10px;font-size:11px;font-weight:700;line-height:14px;display:inline-flex}.app .board{background:#fffcf6 radial-gradient(#eadfcb 1px,#0000 1.3px) 0 0/12px 12px;border:1px solid #f1e6d3;border-radius:16px;align-items:flex-start;gap:7px;padding:14px 10px 10px;display:flex}.app .pol{text-align:center;color:#6b5a3e;white-space:nowrap;background:#fff;flex:none;padding:4px 4px 0;font-size:10.5px;font-weight:600;position:relative;box-shadow:0 3px 8px #3c280a24}.app .pol i{background:50%/cover;width:50px;height:58px;display:block}.app .pol:before{content:"";background:radial-gradient(circle at 35% 35%,#ff9484,#e8503d);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:50%;translate:-50%;box-shadow:0 1px 2px #00000040}.app .pol span{padding:3px 0 4px;display:block}.app .slot{color:#b09a75;border:1.5px dashed #d9cbb2;border-radius:4px;flex:none;place-items:center;width:50px;height:76px;font-size:22px;display:grid}.app .un{background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 6px 18px #1410180f}.app .un i{background:#ecfdf5;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.app .un i .sp{width:22px;height:22px}.app .scrub{background:#fffcf6 radial-gradient(#efe4d0 1px,#0000 1.3px) 0 0/14px 14px;border:1px solid #f1e6d3;border-radius:24px;height:318px;position:relative;overflow:hidden}.app .hint{color:#7a6545;z-index:3;white-space:nowrap;background:#fff;border:1px solid #f1e6d3;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.app .cam{z-index:3;background:#fff;border:1px solid #f1e6d3;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:10px;right:12px}.app .cam .sp{width:22px;height:22px}.app .bp{text-align:center;background:#fff;padding:7px 7px 0;position:absolute;box-shadow:0 8px 20px #3c280a2e}.app .bp i{background:50%/cover;display:block}.app .bp span{color:#5e4b2c;white-space:nowrap;padding:6px 0 8px;font-size:12px;font-weight:700;display:block}.app .ruler{background:linear-gradient(90deg,#63ee9d,#1971ff);border-radius:2px;height:2px;position:absolute;bottom:26px;left:22px;right:22px}.app .ruler i{background:#fff;border:2px solid #2fb5c2;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px}.app .ruler i.nw{background:#1971ff;border:3px solid #fff;width:14px;height:14px;top:-6px;right:-6px;box-shadow:0 0 0 1.5px #1971ff}.app .rl{color:#8d7a5b;font-size:10.5px;font-weight:600;position:absolute;bottom:4px}.app .stc{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.app .stc>div{background:#f4f6f9;border-radius:12px;padding:9px 10px}.app .stc b{color:#0e1726;white-space:nowrap;font-size:16px;display:block}.app .stc span{color:#5b6b78;font-size:11.5px}.app .tnw{background:#fff;border:1px solid #e5eaf0;border-radius:18px;min-width:0;padding:10px}.app .pr2{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.app .pr2 div{aspect-ratio:1/1.05;background:50%/cover;border-radius:12px;position:relative}.app .pr2 small{color:#fff;white-space:nowrap;background:#0f172a9e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:6px;left:6px}.app .bars{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:116px;margin-top:10px;display:grid}.app .bars>div{color:#5b6b78;white-space:nowrap;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;font-size:10.5px;font-weight:600;display:flex}.app .bars i{background:#14b8a647;border-radius:4px;width:100%;max-width:30px}.app .bars .on i{background:linear-gradient(#63ee9d,#1971ff)}.app .bars .on{color:#0e1726}.app .bars em{color:#8a97a6;font-style:normal;font-weight:500}.app .bars .on em{color:#0e1726;border-bottom:2px solid #1971ff}.app .stk{border-radius:6px;height:12px;margin-top:12px;display:flex;overflow:hidden}.app .lg{color:#3c4a57;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:10px;font-size:12.5px;display:grid}.app .lg span{align-items:center;gap:6px;display:flex}.app .lg i{border-radius:2px;flex:none;width:8px;height:8px}.app .ro{align-items:center;gap:10px;padding:8px 0;display:flex}.app .ro i{background:#f5f9fb;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid}.app .ro i .sp{width:20px;height:20px}.app .na{color:#9a6b25;background:#fff6dc;border-radius:20px;padding:14px}.app .na .sc{color:#9a6b25}.app .na .r{align-items:center;gap:10px;padding:8px 0 2px;display:flex}.app .na .r i{background:#fff;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.app .na .r i .sp{width:21px;height:21px}.app .na .r b{color:#0e1726;font-size:14px;font-weight:600;display:block}.app .na .r small{font-size:12px}.app .na .r em{color:#8a5a12;white-space:nowrap;background:#fff;border:1px solid #f1d79c;border-radius:999px;flex:none;padding:6px 12px;font-size:12.5px;font-style:normal;font-weight:700}.app .hh{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app .hh .bt{padding:12px 14px}.app .hh .sp{width:24px;height:24px}.app .big{letter-spacing:-.02em;color:#0e1726;font-size:28px;font-weight:700;line-height:1.1;display:block}.app .hh .big{margin-top:6px}.app .hh em{white-space:nowrap;border-radius:999px;margin-top:5px;padding:3px 9px;font-size:11.5px;font-style:normal;font-weight:700;display:inline-block}.app .dim{z-index:3;background:#090e187a;position:absolute;inset:0}.app .psh{z-index:4;background:#fff;border-radius:24px 24px 0 0;padding:8px 16px 0;position:absolute;inset:92px 0 0}.app .grab{background:#d7dce3;border-radius:9px;width:38px;height:5px;margin:0 auto 10px}.app .x{color:#5b6b78;background:#f1f2f4;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.app .idc{color:#fff;background:#0a1214;border-radius:20px;padding:16px 14px 12px;position:relative;overflow:hidden}.app .idc:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#9eefc8b3,#7ed9e059,#7ba6f5b3);padding:1.3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.app .idc>*{position:relative}.app .idc>.blob{filter:blur(36px);opacity:.55;border-radius:50%;position:absolute}.app .idk{letter-spacing:.12em;color:#8fa3a8;text-transform:uppercase;font-size:9.5px;font-weight:700}html[lang=th] .app .idk{letter-spacing:0;font-size:11px}.app .f2{grid-template-columns:1fr 1fr;gap:7px;display:grid}.app .f2>div{background:#ffffff0f;border:1px solid #ffffff17;border-radius:12px;min-width:0;padding:7px 10px}.app .f2 b{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;font-weight:600;display:block;overflow:hidden}.app .alrt{color:#ffb3aa;background:#ff6b7629;border:1px solid #ff8a7a59}.app .ob{color:#0e1726;white-space:nowrap;background:#fff;border:1.5px solid #d7dce3;border-radius:999px;flex:none;place-items:center;height:52px;padding:0 22px;font-size:15px;font-weight:600;display:grid}.app .ghero{background:linear-gradient(120deg,#63ee9d,#1971ff);height:250px;position:absolute;top:0;left:0;right:0}.app .dm{background:#fff;border:1px solid #e6e8eb;border-radius:16px;align-items:center;gap:11px;padding:11px 12px;display:flex}.app .dm.on{background:#f4fdfb;border:2px solid #14b8a6;padding:10px 11px}.app .dm>i{background:#f2f5f8;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.app .dm>i .sp{width:26px;height:26px}.app .rd{border:2px solid #cbd2da;border-radius:50%;flex:none;width:20px;height:20px}.app .on>.rd{border:6px solid #14b8a6}.app .dpl{color:#1e7a5f;background:#f0fdf4;border:1px solid #cdf2e7;padding:2px 8px;font-size:11px}.app .dpl .sp{width:13px;height:13px}.app .dh{background:linear-gradient(135deg,#155dfc,#51b0d2);flex:none;padding-bottom:16px}.app .dh .av{border-radius:50%;width:48px;height:48px;box-shadow:0 0 0 2px #fff9}.app .vf{color:#fff;background:#ffffff38;border-radius:999px;align-items:center;gap:4px;margin-top:4px;padding:3px 9px;font-size:11px;display:inline-flex}.app .wb{background:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.app .wb .sp{width:22px;height:22px}.app .mg{grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:10px;display:grid}.app .mg>div{color:#1b4fb8;white-space:nowrap;background:#e6f0fe;border-radius:12px;align-items:center;gap:8px;min-width:0;height:42px;padding:0 8px;font-size:12px;font-weight:700;display:flex}.app .mg i{background:#fff;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.app .mg i .sp{width:20px;height:20px}.app .mg em{border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal;font-weight:700}.app .seg{background:#f1f2f4;border-radius:999px;flex:none;grid-template-columns:repeat(3,1fr);height:36px;padding:2px;display:grid}.app .seg.four{grid-template-columns:repeat(4,1fr)}.app .seg span{color:#6b7280;white-space:nowrap;border-radius:999px;place-items:center;font-size:13.5px;font-weight:500;display:grid;position:relative}.app .seg.four span{font-size:13px}.app .seg span.on{color:#fff;background:linear-gradient(90deg,#155dfc,#51b0d2);font-weight:600;box-shadow:0 4px 12px #14b8a652}.app .seg .dot{background:#f97316;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:22px}.app .ag{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app .ag>div{background:#fff;border:1px solid #e6e8eb;border-radius:16px;align-items:center;gap:10px;min-width:0;height:60px;padding:0 10px;font-size:12px;font-weight:600;line-height:1.25;display:flex}.app .ag i{background:#eff6ff;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.app .ag i .sp{width:24px;height:24px}.app .todo{background:#fff;border:1px solid #0e172614;border-radius:20px;padding:14px 16px;box-shadow:0 6px 20px #0f17290d}.app .todo .tr{align-items:center;gap:10px;padding:8px 0;display:flex}.app .todo .tr i{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.app .todo .tr i .sp{width:20px;height:20px}.app .acc{background:#fff;border:1px solid #e8edf5;border-radius:20px;padding:13px 14px;box-shadow:0 6px 16px #155dfc0d}.app .ah{align-items:center;gap:10px;display:flex}.app .ah>i{background:linear-gradient(135deg,#155dfc,#51b0d2);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.app .ah .t{color:#0e1726;font-size:15px;font-weight:600}.app .ah .s{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.app .ok{background:#dcfce7;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.app .ok:after{content:"";border:0 solid #16a34a;border-width:0 0 2px 2px;width:8px;height:5px;transform:translateY(-1px)rotate(-45deg)}.app .chv{color:#9ca3af;flex:none;font-size:14px}.app .req{color:#155dfc;white-space:nowrap;background:#eff6ff;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}.app .req.opt{color:#6b7280;background:#f3f4f6}.app .fl{color:#374151;margin:12px 0 6px;font-size:12.5px;font-weight:600}.app .fld{color:#0e1726;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 12px;font-size:14px;display:flex;overflow:hidden}.app .pt{gap:7px;display:flex}.app .pt span{color:#374151;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:5px;height:34px;padding:0 12px 0 8px;font-size:13px;font-weight:600;display:inline-flex}.app .pt span.on{color:#155dfc;background:#eff6ff;border-color:#155dfc}.app .pt .sp{width:20px;height:20px}.app .thumbs{gap:8px;margin-top:10px;display:flex}.app .thumbs>*{border-radius:12px;flex:none;width:62px;height:62px}.app .thumbs .more{color:#155dfc;background:#f5f9ff;border:1.5px dashed #bfd3f5;place-items:center;font-size:22px;font-style:normal;display:grid}.app .sqb{color:#1c398e;background:linear-gradient(90deg,#dce8ff,#d2eaf6);border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;font-size:12.5px;font-weight:600;display:flex}.app .sqb .sp{width:18px;height:18px}.app .tgl{background:#155dfc;border-radius:999px;flex:none;width:46px;height:28px;position:relative}.app .tgl i{background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:3px;right:3px}.app .tgl.off{background:#d9dee5}.app .tgl.off i{left:3px;right:auto}.app .st3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.app .st3>div{text-align:center;background:#fff;border:1px solid #e6e8eb;border-radius:14px;padding:9px 10px}.app .st3 small{color:#6b7280;font-size:11px;font-weight:500;display:block}.app .st3 b{color:#0e1726;white-space:nowrap;font-size:16px}.app .sec{color:#0e1726;font-size:13px;font-weight:700}.app .bi{background:#fff;border:1px solid #e6e8eb;border-radius:16px;padding:12px}.app .bi .ch{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.app .bi .ch span{color:#15803d;background:#ecfdf5;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.app .bi .ch span.wn{color:#c2410c;background:#fff7ed}.app .rec{background:#fff;border:1px solid #e6e8eb;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.app .rec>i{background:#eff6ff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.app .rec>i .sp{width:20px;height:20px}.app .jc{gap:6px;display:flex;overflow:hidden}.app .jc span{color:#374151;white-space:nowrap;background:#fff;border:1px solid #e6e8eb;border-radius:999px;flex:none;place-items:center;height:32px;padding:0 13px;font-size:13px;font-weight:600;display:grid}.app .jc span.on{color:#fff;background:#0d1a12;border-color:#0d1a12}.app .rng{background:#fff;border:1px solid #e6e8eb;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.app .rng>i{background:#eff6ff;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.app .rng>i .sp{width:20px;height:20px}.app .ac{background:#fff;border:1px solid #0e172614;border-radius:16px;padding:14px}.app .figs{grid-template-columns:1.3fr 1fr 1fr;gap:6px;display:grid}.app .figs b{letter-spacing:-.01em;color:#0e1726;font-size:19px;display:block}.app .figs small{color:#6b7280;font-size:11px}.app .wks{border-bottom:1px solid #eef0f2;grid-template-columns:repeat(5,1fr);align-items:end;gap:12px;height:84px;margin-top:8px;display:grid}.app .wks>div{color:#4b5563;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:100%;font-size:10px;font-weight:600;display:flex}.app .wks i{background:#155dfc;border-radius:4px 4px 0 0;width:100%;max-width:34px}.app .wkl{color:#9ca3af;text-align:center;white-space:nowrap;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:4px;font-size:10px;display:grid}.app .fn{gap:9px;margin-top:10px;display:grid}.app .fn .l{color:#374151;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12.5px;display:flex}.app .fn .l b{color:#0e1726;white-space:nowrap}.app .fn .br{background:#eef2f7;border-radius:6px;height:12px;overflow:hidden}.app .fn .br i{background:#155dfc;border-radius:6px;height:100%;display:block}.app .di{background:#fff;border:1px solid #e6e8eb;border-radius:16px;padding:12px}.app .dl{letter-spacing:.08em;color:#6b7280;text-transform:uppercase;margin:12px 0 5px;font-size:11px;font-weight:700}html[lang=th] .app .dl{letter-spacing:0;font-size:12px}.app .issue{color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:9px 11px;font-size:13px;line-height:1.45}.app .ev{gap:7px;display:flex}.app .ev>*{border-radius:10px;flex:none;width:64px;height:64px}.app .gbar{z-index:3;background:#fffffff0;border-radius:24px 24px 0 0;padding:12px 16px 34px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a12}.app .b2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app .b2 span,.app .rp{text-align:center;border-radius:14px;place-items:center;min-height:48px;padding:0 8px;font-size:15px;font-weight:700;line-height:1.2;display:grid}.app .inf{color:#374151;background:#fff;border:1px solid #cfe0fb;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 13px;font-size:13px;line-height:1.45;display:flex}.app .op{color:#0e1726;white-space:nowrap;background:#fff;border:1px solid #e6e8eb;border-radius:12px;align-items:center;gap:12px;height:54px;padding:0 16px;font-size:15px;font-weight:500;display:flex}.app .op i{border:2px solid #cbd2da;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.app .op.on{color:#fff;background:linear-gradient(90deg,#155dfc,#51b0d2);border-color:#0000;font-weight:600;box-shadow:0 8px 18px -6px #155dfc73}.app .op.on i{border-color:#fff}.app .op.on i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px}.app .wtm{background:linear-gradient(#eff6ff,#fff);border:1px solid #bedbff;border-radius:20px;align-items:flex-start;gap:12px;padding:14px;display:flex;position:absolute;bottom:34px;left:16px;right:16px}.app .wtm>i{background:#fff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 2px 8px #155dfc1a}.app .wtm>i .sp{width:24px;height:24px}.app .sl{letter-spacing:.07em;color:#6b7280;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}html[lang=th] .app .sl{letter-spacing:0}.app .crr{background:#fff;border:1.5px solid #155dfc;border-radius:16px;padding:12px}.app .crr .ci{background:#eff6ff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.app .crr .ci .sp{width:26px;height:26px}.app .sel{color:#fff;white-space:nowrap;background:linear-gradient(90deg,#155dfc,#51b0d2);border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:700}.app .pk{align-items:center;gap:10px;padding:9px 0;display:flex}.app .pk+.pk{border-top:1px solid #eef0f2}.app .pk>i{background:#fff7ed;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.app .pk>i .sp{width:22px;height:22px}.app .stp{align-items:flex-start;gap:10px;padding:6px 0;display:flex}.app .stp>b{color:#155dfc;background:#eff6ff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12.5px;display:grid}.app .rq{background:#eff6ff;border:1px solid #bedbff;border-radius:16px;padding:11px 12px}.app .dtag{letter-spacing:.08em;color:#155dfc;text-transform:uppercase;white-space:nowrap;background:#fff;border:1px solid #bedbff;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}html[lang=th] .app .dtag{letter-spacing:0;font-size:11px;font-weight:600}.app .dch{color:#1c398e;white-space:nowrap;background:#fff;border:1px solid #bedbff;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.app .qc{background:#fff;border:1px solid #e8edf5;border-radius:20px;padding:12px 13px;box-shadow:0 6px 16px #155dfc0d}.app .ff{grid-template-columns:1fr 1.25fr;gap:8px;margin-top:10px;display:grid}.app .ff small{color:#6b7280;margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.app .ff .fi{color:#0e1726;white-space:nowrap;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:6px;height:42px;padding:0 11px;font-size:14.5px;font-weight:600;display:flex}.app .bdg{color:#15803d;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}.app .prog{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.app .prog i{background:#e3e8ee;border-radius:9px;height:5px}.app .prog i.on{background:linear-gradient(90deg,#38c8a8,#2fb5c2,#3e7de8)}.app .fs{letter-spacing:.09em;color:#20706a;text-transform:uppercase;background:#dcf5ee;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:10.5px;font-weight:800;display:inline-flex}html[lang=th] .app .fs{letter-spacing:0;font-size:12px;font-weight:600}.app .fs i{border-radius:50%;width:20px;height:20px}.app .qq{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:14px}.app .oa{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:10px;min-height:48px;margin-top:8px;padding:0 13px;font-size:14px;font-weight:500;display:flex}.app .oa i{border:2px solid #cbd2da;border-radius:50%;flex:none;width:20px;height:20px}.app .oa.on{background:#f0fbfa;border:2px solid #2fb5c2;padding:0 12px;font-weight:600}.app .oa.on i{border:6px solid #2fb5c2}.statement .h2{max-width:18ch;margin:0 auto}.hero.washed .hero-text{transform:translateY(calc(var(--exit)*-34px));opacity:clamp(0,calc(1.25 - var(--exit)*.8),1)}.hero.washed .hero-phone{transform:translateY(calc(var(--exit)*26px));opacity:clamp(0,calc(1.3 - var(--exit)*.85),1)}.hero.washed .glow{opacity:calc(.9 - var(--wash)*.45)}.statement.washed .ln>span{transform:none}.statement.washed .rv{opacity:1;transform:none}.statement.washed .wrap{transform:translateY(calc((1 - var(--wash))*30px))scale(calc(1 + (1 - var(--wash))*.03));transform-origin:50% 100%;opacity:calc(.28 + var(--wash)*.72)}.statement.washed{overflow-x:clip}.statement.washed .grad{background-image:linear-gradient(92deg,color-mix(in srgb,var(--g-a)calc(var(--wash)*100%),var(--ink)),color-mix(in srgb,var(--g-b)calc(var(--wash)*100%),var(--ink))46%,color-mix(in srgb,var(--g-c)calc(var(--wash)*100%),var(--ink)))}.statement.washed .lead{color:color-mix(in srgb,var(--ink)80%,transparent)}.statement.washed .lead .hl{color:var(--ink)}.statement.washed{align-content:center;min-height:56vh;padding:clamp(96px,15vh,190px) 0;display:grid}@media (max-width:820px){.statement.washed{min-height:0}}.partners{opacity:0;transition:opacity .9s var(--ease).1s,transform .9s var(--ease).1s;margin-top:clamp(36px,5vh,60px);transform:translateY(28px)}.partners.in{opacity:1;transform:none}.partners-lab{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 20px;font-size:12px;font-weight:700}.reel{contain:inline-size;margin-inline:calc(50% - 50vw);padding:10px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 clamp(60px,12vw,220px) calc(100% - clamp(60px,12vw,220px)),#0000);mask-image:linear-gradient(90deg,#0000,#000 clamp(60px,12vw,220px) calc(100% - clamp(60px,12vw,220px)),#0000)}.reel-track{width:max-content;animation:38s linear infinite reel;display:flex}.reel:hover .reel-track{animation-play-state:paused}.plogos{padding:0 0 0 var(--reel-gap,64px);align-items:center;gap:var(--reel-gap,64px);flex:none;margin:0;list-style:none;display:flex}@keyframes reel{to{transform:translate(-33.3333%)}}.plogo{height:46px;color:var(--ink);white-space:nowrap;--a:color-mix(in srgb,var(--a0)calc(100% - var(--ink-lift)),#fff);--b:color-mix(in srgb,var(--b0)calc(100% - var(--ink-lift)),#fff);transition:transform .35s var(--bounce);align-items:center;gap:10px;display:inline-flex}.plogo:hover{transform:translateY(-3px)}.lg-mark{flex:none;width:42px;height:42px}.lg-stack{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.lg-name{line-height:1;display:block}.lg-sub{font:600 8px/1 var(--font-inter),sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.72;margin-top:4px;display:block}.lg-rule{width:120px;height:10px;margin:1px 0 2px;display:block}.lg-pomfarm{--a0:#2f7d4f;--b0:#2f7d4f}.lg-pomfarm .lg-name{font:400 30px/1 var(--font-bebas),Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}.lg-pomfarm .lg-sub{color:var(--a)}.lg-happypaws{--a0:#1fa3a8;--b0:#1fa3a8;gap:9px}.lg-happypaws .lg-name{font:600 27px/1 var(--font-fredoka),"Trebuchet MS",sans-serif;letter-spacing:-.01em}.lg-happypaws .lg-name b{color:var(--a);font-weight:inherit}.lg-barkery{--a0:#7a4a22;--b0:#e0a33b;color:var(--a)}.lg-barkery .lg-name{font:400 25px/1.25 var(--font-pacifico),"Brush Script MT",cursive}.lg-barkery .lg-sub{color:var(--ink);letter-spacing:.16em;font-size:7.5px}.lg-siamvet{--a0:#1e5edb;--b0:#1e5edb}.lg-siamvet .lg-name{font:900 25px/1 var(--font-inter),sans-serif;letter-spacing:-.045em}.lg-siamvet .lg-name em{color:var(--a);font-style:normal}.lg-siamvet .lg-sub{color:var(--a);margin-top:5px}.lg-whisker{--a0:#d9607f;--b0:#d9607f}.lg-whisker .lg-name{font:700 25px/1 var(--font-playfair),Georgia,serif;letter-spacing:-.01em}.lg-whisker .lg-name em{color:var(--a);font-style:italic;font-weight:600}.lg-bunnyhill{--a0:#7a5af8;--b0:#6cc48a}.lg-bunnyhill .lg-name{font:600 23px/1 var(--font-fredoka),"Trebuchet MS",sans-serif;color:var(--a)}.lg-bunnyhill .lg-sub{margin-top:3px}.lg-fluff{--a0:#f2694f;--b0:#f2694f;gap:11px}.lg-fluff .lg-name{font:300 29px/1 var(--font-inter),sans-serif;letter-spacing:-.03em}.lg-fluff .lg-name em{font:700 11px/1 var(--font-inter),sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--a);vertical-align:.5em;margin-left:8px;font-style:normal}.lg-petmart{--a0:#1764e6;--b0:#f27a1a;gap:8px}.lg-petmart .lg-name{font:400 30px/1 var(--font-lilita),"Arial Black",sans-serif;color:var(--a);letter-spacing:.01em}.lg-petmart .lg-name em{color:var(--b);font-style:normal}html.rm .partners,html.nojs .partners{opacity:1;transition:none;transform:none}html.rm .reel,html.nojs .reel{margin-inline:0;-webkit-mask-image:none;mask-image:none}html.rm .reel-track,html.nojs .reel-track{justify-content:center;width:auto;animation:none}html.rm .plogos,html.nojs .plogos{flex-wrap:wrap;justify-content:center;row-gap:14px;padding:0}html.rm .plogos[aria-hidden],html.nojs .plogos[aria-hidden]{display:none}@media (max-width:640px){.reel-track{animation-duration:26s}.plogos{--reel-gap:34px}.plogo{zoom:.82}}.postcards{--post:color-mix(in srgb,#fffdf7 calc(100% - var(--ink-lift)*1.92),#f4f1ea);--pen:#1f4fb0;--hand:var(--font-caveat),"Segoe Print","Comic Sans MS",cursive;--pc-mono:ui-monospace,"SF Mono",Menlo,Consolas,var(--font-kanit),monospace;--pc-pad:clamp(20px,4vw,40px)}html[lang=th] .postcards{--hand:var(--font-mali),var(--font-th)}.pc-table{max-width:1312px;padding:0 var(--pc-pad);margin:clamp(44px,6vh,72px) auto 0;position:relative}.pc-row{justify-content:center;gap:26px;margin:0;padding:0;list-style:none;display:flex}.pc-row>li{flex:0 392px;min-width:0;display:flex}.pc-row>li:nth-child(3n+1){--tilt:-2.4deg;--drop:8px}.pc-row>li:nth-child(3n+2){--tilt:1.6deg;--drop:-8px}.pc-row>li:nth-child(3n){--tilt:-1.2deg;--drop:14px}.pc-card{--ink-lift:0%;background:var(--post);color:#0d1a12;text-align:left;width:100%;min-height:300px;box-shadow:0 1px 2px #0d1a1214,var(--card-shadow);rotate:var(--tilt);translate:0 var(--drop);transition:rotate .6s var(--bounce),translate .6s var(--bounce);border-radius:8px;padding:24px 22px 22px 26px;display:flex;position:relative}.pc-card:hover{rotate:none;translate:0 calc(var(--drop) - 8px)}.pc-msg{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:14px;min-width:0;margin:0;padding-right:18px;display:flex}.pc-msg .plogo{zoom:.74;color:#0d1a12}.pc-quote{text-wrap:pretty;margin:0;font-size:15px;font-weight:500;line-height:1.55}.pc-quote p{margin:0}.pc-sign{flex-direction:column;gap:6px;margin-top:auto;padding-top:4px;display:flex}.pc-hand{font:700 30px/1 var(--hand);color:var(--pen)}html[lang=th] .pc-hand{font-size:22px;font-weight:600;line-height:1.3}.pc-who{color:#5f6d67;font-size:12.5px;line-height:1.4}.pc-post{border-left:1px solid #0d1a1229;flex-direction:column;flex:none;align-items:flex-end;width:122px;padding-left:18px;display:flex;position:relative}.pc-stamp{--a:var(--a0);--b:var(--b0);filter:drop-shadow(0 0 .5px #0d1a1280)drop-shadow(0 2px 3px #0d1a1224);flex:none}.pc-perf{--hole:3.2px;color:#0d1a12;width:96px;height:112px;-webkit-mask:radial-gradient(var(--hole),#0000 96%,#000)-4px -4px/8px 8px round,linear-gradient(#000 0 0)center/calc(100% - 8px)calc(100% - 8px)no-repeat;-webkit-mask:radial-gradient(var(--hole),#0000 96%,#000)-4px -4px/8px 8px round,linear-gradient(#000 0 0)center/calc(100% - 8px)calc(100% - 8px)no-repeat;mask:radial-gradient(var(--hole),#0000 96%,#000)-4px -4px/8px 8px round,linear-gradient(#000 0 0)center/calc(100% - 8px)calc(100% - 8px)no-repeat;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:relative}.pc-perf:before{content:"";background:color-mix(in srgb,var(--a)14%,#fff);border-radius:3px;position:absolute;inset:9px}.pc-perf small{font:600 8.5px/1 var(--pc-mono);letter-spacing:.14em;text-transform:uppercase;position:relative}html[lang=th] .pc-perf small{font:600 10px/1 var(--font-th);letter-spacing:0}.pc-perf .lg-mark{width:50px;height:50px;position:relative}.pc-mark{pointer-events:none;fill:none;stroke:#5f6d67;stroke-width:1.6px;stroke-linecap:round;opacity:.6;transform-origin:46px 46px;width:130px;height:92px;position:absolute;top:66px;left:-4px;overflow:visible}.pc-mark text{stroke:none;fill:#5f6d67;font-family:var(--pc-mono);font-weight:600}.pc-ring{letter-spacing:.18em;text-transform:uppercase;font-size:7.5px}.pc-year{font-size:13px}.pc-to{flex-direction:column;align-self:stretch;gap:9px;margin-top:auto;display:flex}.pc-to span{font:700 20px/1 var(--hand);color:var(--pen);white-space:nowrap;border-bottom:1px solid #0d1a1238;padding-bottom:3px}html[lang=th] .pc-to span{font-size:14px;font-weight:600;line-height:1.3}.pc-rabbit{right:calc(var(--pc-pad) - 70px);pointer-events:none;width:100px;height:113px;position:absolute;bottom:-36px;overflow:visible}.pc-rabbit :is(.head,.ear){transform-box:fill-box}.pc-rabbit .head{transform-origin:50% 90%;animation:3.2s ease-in-out infinite tl-nod}.pc-rabbit .ear{transform-origin:50% 90%;animation:3s ease-in-out infinite tl-ear}.pc-row>li{transition:opacity .5s calc(var(--i)*.14s),translate .8s var(--bounce)calc(var(--i)*.14s)}.pc-mark{transition:opacity .2s calc(.75s + var(--i)*.14s),scale .45s cubic-bezier(.3,1.5,.5,1)calc(.75s + var(--i)*.14s)}html:not(.rm) .pc-row:not(.in)>li{opacity:0;translate:0 60px}html:not(.rm) .pc-row:not(.in) .pc-mark{opacity:0;scale:1.6}html.rm :is(.pc-row>li,.pc-card,.pc-mark){transition:none}html.rm .pc-rabbit *{animation:none}@media (max-width:1100px){.pc-table{padding:0}.pc-row{padding:24px var(--pc-pad)56px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.pc-row::-webkit-scrollbar{display:none}.pc-row>li{scroll-snap-align:center;flex:none;width:min(380px,84vw)}.pc-rabbit{display:none}}@media (max-width:560px){.pc-card{min-height:0;padding:20px 16px 18px 20px}.pc-msg{gap:12px;padding-right:14px}.pc-quote{font-size:14.5px}.pc-hand{font-size:26px}.pc-post{width:94px;padding-left:14px}.pc-perf{gap:7px;width:76px;height:90px}.pc-perf .lg-mark{width:40px;height:40px}.pc-mark{top:52px;left:-14px;scale:.82}.pc-to span{font-size:16px}html[lang=th] .pc-to span{font-size:12.5px}}.section.quiz{--qz-k:calc(100% - var(--ink-lift)*1.92);--qz-base:color-mix(in srgb,#f6f5fd var(--qz-k),#0a1120);--qz-lav:color-mix(in srgb,#c9baff9e var(--qz-k),#7c5cf64d);--qz-mnt:color-mix(in srgb,#aaf0d48c var(--qz-k),#11df851f);--qz-sky:color-mix(in srgb,#b9e1ffb3 var(--qz-k),#1971ff38);--qz-orbit:color-mix(in srgb,#6450d233 var(--qz-k),#beb4ff26);--qz-star:color-mix(in srgb,#6e56e652 var(--qz-k),#ffffffbf);--qz-violet:color-mix(in srgb,#5b3fd6 var(--qz-k),#b9aeff);--qz-ring:conic-gradient(from 0deg,#11df85,#2fb5c2,#1971ff,#8b5cf6,#f49fbc,#11df85);--qz-lav-at:88% 25%;background-color:var(--qz-base);background-image:linear-gradient(var(--paper),transparent 100px,transparent calc(100% - 100px),var(--paper)),radial-gradient(60% 85% at var(--qz-lav-at),var(--qz-lav),transparent 62%),radial-gradient(55% 80% at 6% 100%,var(--qz-mnt),transparent 60%),radial-gradient(70% 70% at 45% -10%,var(--qz-sky),transparent 62%);padding:clamp(56px,8vh,90px) 0;overflow:hidden}.qz-stars{width:100%;height:100%;fill:var(--qz-star);pointer-events:none;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#0000 0 42%,#000 62%);mask:linear-gradient(90deg,#0000 0 42%,#000 62%)}.qz{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px;max-width:1312px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:grid;position:relative}.qz-text{max-width:620px}.quiz .h2{letter-spacing:-.04em;font-size:clamp(32px,4.1vw,58px)}html[lang=th] .quiz .h2{font-size:clamp(28px,3.4vw,48px)}.quiz .lead{max-width:44ch;margin:18px 0 0;font-size:clamp(16px,1.3vw,18px)}.qz-go{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px;display:flex}.qz-btn{color:#fff;background:linear-gradient(135deg,#0b8a57,#1a5bd6);min-height:52px;padding:0 26px;font-size:16px;box-shadow:0 14px 34px -16px #1a5bd6bf}.qz-btn:hover{box-shadow:0 18px 38px -16px #1a5bd6d9}.qz-note{color:var(--muted);align-items:center;gap:9px;font-size:14px;display:inline-flex}.qz-note span{background:var(--t-pet-bg);color:color-mix(in oklab,#a93d66,#fff var(--ink-lift));font:600 13.5px/1.35 var(--font-th);border-radius:999px;padding:4px 11px}.qz-stage{--qz-s:.86;zoom:var(--qz-s);width:692px;height:460px;transition:opacity .9s var(--ease),translate .9s var(--ease);position:relative}html:not(.rm) .qz-stage:not(.in){opacity:0;translate:0 30px}.qz-rift{width:460px;height:460px;position:absolute;top:0;right:0}.qz-rift :is(i,span){display:block}.qz-orbits{pointer-events:none;fill:none;width:1520px;height:660px;stroke:var(--qz-orbit);stroke-width:1.2px;position:absolute;top:-100px;left:-530px;overflow:visible;-webkit-mask:linear-gradient(90deg,#0000 0 12%,#000 34%);mask:linear-gradient(90deg,#0000 0 12%,#000 34%)}.qz-glow{background:var(--qz-ring);filter:blur(42px);opacity:.55;transition:opacity .8s var(--ease);border-radius:50%;position:absolute;inset:40px}.qz-grow{transition:transform .8s var(--bounce);position:absolute;inset:0}.qz-rift:hover .qz-grow{transform:scale(1.06)}.qz-rift:hover .qz-glow{opacity:1}.qz-ring{--w:5px;background:var(--qz-ring);will-change:transform;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--w)),#000 calc(100% - var(--w) + 1px)),var(--arcs);-webkit-mask-composite:source-in;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--w)),#000 calc(100% - var(--w) + 1px)),var(--arcs);mask:radial-gradient(farthest-side,transparent calc(100% - var(--w)),#000 calc(100% - var(--w) + 1px)),var(--arcs);border-radius:50%;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.qz-ring.r1{opacity:.7;--arcs:conic-gradient(#000 0 34%,transparent 34% 40%,#000 40% 72%,transparent 72% 77%,#000 77% 100%);animation:48s linear infinite qz-spin;inset:0}.qz-ring.r2{--w:7px;--arcs:conic-gradient(#000 0 58%,transparent 58% 66%,#000 66% 92%,transparent 92% 100%);animation:34s linear infinite reverse qz-spin;inset:26px}.qz-ring.r3{--w:3px;opacity:.85;--arcs:repeating-conic-gradient(#000 0 3%,transparent 3% 5%);animation:26s linear infinite qz-spin;inset:54px}.qz-hole{position:absolute;inset:80px}.qz-sky{background:radial-gradient(circle at 50% 42%,#4c2e9e 0,#24135e 45%,#0b0826 80%);position:absolute;inset:0}.qz-sky svg,.qz-rim{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qz-orb{color:#fff;width:120px;height:120px;font:900 62px/1 var(--font);text-shadow:0 2px 10px #1a144699;background:radial-gradient(circle at 34% 28%,#fff 0,#dcd0ff 16%,#8b6cf6 46%,#3b2a9b 78%,#1a1446 100%);border-radius:50%;place-items:center;margin:-60px 0 0 -60px;animation:4s ease-in-out infinite qz-float;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #ffffff59,0 0 42px #8b6cf6bf,0 0 108px #2fb5c259;display:grid!important}.qz-trail{pointer-events:none;width:460px;height:460px;position:absolute;top:0;left:0;overflow:visible}.qz-path{stroke:var(--qz-violet);stroke-opacity:.28}.qz-paw{fill:var(--qz-violet)}.qz-tw{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite qz-tw}.qz-tw.e1{animation-delay:-1.3s}.qz-pet{pointer-events:none;position:absolute}.qz-pet span,.qz-pet svg{width:100%;height:100%;display:block;overflow:visible}.qz-pet.dog{width:128px;height:144px;top:252px;left:-232px;rotate:-14deg}.qz-pet.cat{width:104px;height:117px;top:-40px;left:-96px;rotate:16deg}.qz-pet.rabbit{opacity:.92;width:66px;height:74px;top:92px;left:62px;rotate:-32deg}.qz-bob{animation:3.2s ease-in-out infinite qz-bob}.qz-bob.b2{animation-duration:3.8s;animation-delay:-1.2s}.qz-drift{animation:7s ease-in-out infinite alternate qz-drift}.qz-drift.d2{animation-duration:9s;animation-delay:-3s}.qz-drift.d3{animation-duration:5.5s;animation-delay:-1s}.qz-pet :is(.tail,.head,.ear){transform-box:fill-box}.qz-pet .tail{transform-origin:0 100%;animation:1.3s ease-in-out infinite tl-wag}.qz-pet .head{transform-origin:50% 90%;animation:3.2s ease-in-out infinite tl-nod}.qz-pet .ear{transform-origin:50% 90%;animation:3s ease-in-out infinite tl-ear}@keyframes qz-spin{to{transform:rotate(360deg)}}@keyframes qz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes qz-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes qz-drift{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@keyframes qz-tw{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}.quiz:not([data-live]) *{animation-play-state:paused}html.rm .quiz *{animation:none}html.rm .qz-stage{transition:none}@media (max-width:1100px){.section.quiz{--qz-lav-at:72% 82%}.qz{text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:clamp(28px,5vh,44px)}.quiz .lead{margin-inline:auto}.qz-go{justify-content:center}.qz-stage{--qz-s:.8}.qz-orbits{-webkit-mask:none;mask:none}.qz-stars{-webkit-mask:linear-gradient(#0000 0 40%,#000 60%);mask:linear-gradient(#0000 0 40%,#000 60%)}}@media (max-width:760px){.qz-stage{--qz-s:.6}}@media (max-width:560px){.qz-stage{--qz-s:.5}}.story{position:relative}.story-bg{pointer-events:none;position:absolute;inset:0}.story-bg-hold{height:100vh;position:sticky;top:0}.story-ground{opacity:0;transition:opacity 1s var(--ease);background-image:var(--img);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.story-ground.on{opacity:1}.story-ground.g-pomfarm{background-position:50% 85%;background-size:max(180%,330vh);background-image:linear-gradient(color-mix(in srgb,var(--paper)14%,transparent)0 0),var(--img)}.story-ground.ci{background-image:var(--grad)}.story-bg:after{content:"";background:linear-gradient(180deg,var(--paper),var(--veil)30vh,var(--veil)calc(100% - 30vh),var(--paper));position:absolute;inset:0}@media (max-width:820px){.story-bg:after{background:linear-gradient(180deg,var(--paper),var(--veil-read)16vh,var(--veil-read)calc(100% - 16vh),var(--paper))}}html.rm .story-ground{transition:none}.story-head{padding:clamp(84px,11vh,140px) 0 0}.story-head .h2{max-width:22ch;margin:0 auto}.story-scroll{height:calc(var(--n)*85vh + 100vh);position:relative}.story-pin{height:100vh;max-width:var(--wrap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);margin:0 auto;padding:0 clamp(20px,4vw,40px);display:grid;position:sticky;top:0}.story-phone{perspective:1200px;justify-self:center;width:min(clamp(230px,24vw,320px),48vh - 72px)}.story-phone .phone{transform:rotateY(calc((var(--p,0) - .5)*-10deg));will-change:transform}.story-beats{min-height:320px;display:grid;position:relative}.beat{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);pointer-events:none;grid-area:1/1;transform:translateY(34px)}.beat.active{opacity:1;pointer-events:auto;transform:none}.beat .k{font-size:clamp(15px,1.7vw,18px);font-weight:var(--w-display);letter-spacing:.1em;text-transform:uppercase;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin-bottom:14px;display:inline-flex}html[lang=th] .beat .k{letter-spacing:.02em;text-transform:none}.beat .k{font-size:clamp(19px,2.1vw,24px)}.beat .k i{width:40px}.story .eyebrow{letter-spacing:.14em;font-size:15px}.beat .k i{background:var(--grad);border-radius:2px;flex:none;width:34px;height:3px}.beat h3{font-size:clamp(28px,3.2vw,44px);font-weight:var(--w-display);letter-spacing:-.035em;text-wrap:balance;margin:0;line-height:1.04}.beat p{font-size:var(--fs-lead);color:var(--muted);max-width:44ch;margin:16px 0 0;line-height:1.5}.story-dots{flex-direction:column;gap:14px;display:none;position:absolute;top:50%;left:clamp(20px,4vw,40px);transform:translateY(-50%)}@media (min-width:1180px){.story-pin{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);column-gap:clamp(28px,3.4vw,56px)}.story-dots{align-self:center;display:flex;position:static;transform:none}}.story-dots button{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.5;align-items:center;gap:10px;font-size:12.5px;font-weight:800;transition:opacity .3s;display:flex}.story-dots button i{background:currentColor;border-radius:50%;width:6px;height:6px}.story-dots button.on{opacity:1;color:var(--ink)}.story-dots button.on i{background:var(--grad);border-radius:3px;width:22px}@media (max-width:820px){.story-scroll{height:calc(var(--n)*70vh + 100vh)}.story-pin{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:center;gap:18px;padding-top:80px}.story-phone{width:min(46vw,200px,48vh - 163.2px)}.story-beats{min-height:220px}.beat h3{font-size:26px}.beat p{font-size:15px}.story-dots{display:none}}.rail{--rail-card:min(300px,74vw);--rail-gap:18px;--rail-ar:1.5;position:relative}.rail-pin{height:100vh;opacity:calc(1 - var(--out,0));transform:translateY(calc(var(--out,0)*-46px));flex-direction:column;justify-content:center;gap:clamp(28px,4vh,48px);display:flex;position:sticky;top:0;overflow:hidden}.rail-head{max-width:var(--wrap);width:100%;margin:0 auto;padding:0 clamp(20px,4vw,40px)}.rail-stage{flex:none;position:relative}.rail-track{gap:var(--rail-gap);will-change:transform;transform:translateX(var(--x,0px));padding:0 clamp(20px,4vw,40px);display:flex}.rail-card{width:var(--rail-card);background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:24px;flex-direction:column;flex:none;gap:12px;min-height:268px;padding:24px;display:flex}.rail-card .n{font-size:38px;font-weight:var(--w-display);letter-spacing:-.04em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1}.rail-card .k{font-size:12px;font-weight:var(--w-display);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.rail-card h3{font-size:19px;font-weight:var(--w-display);letter-spacing:-.025em;margin:0;line-height:1.2}.rail-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.rail-card.shot{flex-direction:row;align-items:flex-start;gap:22px;width:min(520px,86vw);min-height:0}.rail-card.shot .phone-sm{flex:none;width:174px}.rail:has(.rail-card.pic){--rail-ar:.8;--rail-card:min(300px,74vw,max(220px,(100vh - 360px)*.8))}.rail-card.pic{min-height:0;aspect-ratio:var(--rail-ar);border-radius:28px;justify-content:flex-end;gap:0;padding:0;position:relative;overflow:hidden}.rail-card.pic .pic-img{background:var(--hair2);position:absolute;inset:0}.rail-card.pic .pic-img img{object-fit:cover}.rail-card.pic .pic-text{background:color-mix(in srgb,var(--card)80%,transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-radius:20px;flex-direction:column;gap:6px;margin:12px;padding:16px 18px 18px;display:flex;position:relative}.rail-card.pic .pic-text p{color:color-mix(in srgb,var(--ink)74%,var(--card))}.rail-lead{flex:none;width:min(24vw,320px)}.rail-end{flex:none;width:7vw}.rail-hint{z-index:3;pointer-events:none;background:var(--card);width:46px;height:46px;color:var(--ink);border:1px solid var(--hair);opacity:calc(1 - var(--p,0)*6);will-change:opacity;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:clamp(14px,2.4vw,32px);translate:0 -50%;box-shadow:0 20px 44px -20px #0d1a1280}.rail:has(.rail-card.pic) .rail-hint{top:calc(var(--rail-card)/var(--rail-ar)/2)}.rail-hint svg{width:19px;height:19px;animation:railnudge 2.6s var(--ease)infinite}@keyframes railnudge{0%,62%,to{transform:translate(-2px)}80%{transform:translate(3px)}}html.rm .rail-hint svg{animation:none}html.nojs .rail-hint,html.nojs .rail-lead{display:none}@media (max-width:820px){.rail{height:auto!important}.rail-pin{opacity:1;height:auto;padding:clamp(64px,9vh,120px) 0;position:static;transform:none}.rail-track{scroll-snap-type:x mandatory;padding-bottom:8px;overflow-x:auto;transform:none!important}.rail-card{scroll-snap-align:start;width:min(300px,78vw)}.rail-card.shot{flex-direction:column}.rail-lead,.rail-hint{display:none}}.deck{--cw:min(clamp(232px,21vw,296px),max(184px,calc((100vh - 430px)*.8)));--pf:.6;--pitch:calc(var(--cw)*var(--pf));position:relative}.deck-pin{flex-direction:column;justify-content:center;gap:clamp(10px,2vh,22px);padding:clamp(84px,11vh,150px) 0;display:flex;position:relative}.deck-head .h2{max-width:18ch;margin:0 auto}.deck-stage{isolation:isolate;padding:0 0 18px;position:relative;overflow:hidden}.deck-track{margin:0;padding:clamp(16px,2.6vh,28px) 0 clamp(28px,4.4vh,46px);list-style:none;display:flex}.deck-track:before,.deck-track:after{content:"";width:calc(50% - var(--pitch)/2);flex:none}.deck-slot{width:var(--cw);margin:0 calc((var(--pitch) - var(--cw))/2);pointer-events:none;flex:none}.deck-card{--ad:var(--i);--sd:1;--out:calc(.6*min(var(--ad),1) + .36*clamp(0,var(--ad) - 1,1) + .26*max(0,var(--ad) - 2));z-index:calc(100 - var(--ad)*10);pointer-events:auto;cursor:var(--cursor-tap);aspect-ratio:4/5;text-align:left;background:var(--card);border:1px solid var(--hair);transform:translateX(calc(var(--sd)*(var(--out) - var(--ad)*var(--pf))*var(--cw)))scale(calc(1 - .12*min(var(--ad),3)));opacity:calc(1 - clamp(0,var(--ad) - 2,1));transition:box-shadow .5s var(--ease);border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 36px 70px -38px #0d1a126b}.deck-card.on{cursor:var(--cursor);box-shadow:0 46px 90px -42px #0d1a1285}.deck-art{flex:auto;place-items:center;display:grid;position:relative;overflow:hidden}.deck-art:before{content:"";background:radial-gradient(78% 70% at 74% 22%,color-mix(in srgb,var(--card)58%,transparent),transparent 72%);position:absolute;inset:0}.deck-art svg{stroke-width:1.6px;width:34%;height:auto;position:relative;translate:12% 8%}.deck-no{z-index:1;color:var(--ink);flex-direction:column;gap:5px;line-height:1;display:flex;position:absolute;top:18px;left:20px}.deck-no small{letter-spacing:.16em;text-transform:uppercase;opacity:.55;font-size:11px;font-weight:800}html[lang=th] .deck-no small{letter-spacing:.02em;text-transform:none;font-size:12.5px}.deck-no b{font-size:clamp(36px,3.4vw,46px);font-weight:var(--w-display);letter-spacing:-.045em}.deck-text{opacity:calc(1 - min(var(--ad),1)*.4);flex-direction:column;flex:none;gap:7px;padding:18px 22px 22px;display:flex}.deck-text h3{font-size:clamp(18px,1.55vw,21px);font-weight:var(--w-display);letter-spacing:-.02em;margin:0;line-height:1.2}html[lang=th] .deck-text h3{letter-spacing:0}.deck-text p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}.deck-bar{--t:0;background:var(--hair);width:clamp(120px,13vw,168px);height:4px;cursor:var(--cursor-tap);touch-action:none;transition:height .25s var(--ease);border-radius:4px;margin:0 auto;position:relative}.deck-bar:before{content:"";position:absolute;inset:-14px -6px}.deck-bar i{height:100%;width:calc(100%/var(--n));border-radius:inherit;background:var(--grad-soft);transform:translateX(calc(var(--t)*(var(--n) - 1)*100%));position:absolute;top:0;left:0}.deck-bar:hover,.deck-bar:focus-visible,.deck.dragging .deck-bar{height:6px}.deck-bar:focus-visible{outline-offset:10px}@media (min-width:821px){.deck-pin{height:100vh;padding:0;position:sticky;top:0}.deck-track{transform:translateX(calc(var(--pos,0)*var(--pitch)*-1));will-change:transform}}@media (max-width:820px){.deck{--cw:min(64vw,262px);--pf:.64}.deck-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.deck-track::-webkit-scrollbar{display:none}.deck-slot{scroll-snap-align:center}.deck.dragging .deck-track{scroll-snap-type:none}.deck-text p{font-size:14px}}html.nojs .deck-card{opacity:1;transform:none}html.nojs .deck-text{opacity:1}html.nojs .deck-slot{margin:0 8px}html.nojs .deck-track{overflow-x:auto;transform:none}html.nojs .deck-bar{display:none}.grid{gap:18px;margin-top:clamp(40px,6vh,64px);display:grid}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.tcard{background:var(--card);border:1px solid var(--hair);text-align:left;transition:transform .5s var(--ease),box-shadow .5s;border-radius:26px;flex-direction:column;gap:14px;padding:26px;display:flex}a.tcard{color:inherit;text-decoration:none}a.tcard .more{color:var(--blue);align-items:center;gap:7px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;display:inline-flex}a.tcard .more svg{width:15px;height:15px;transition:transform .3s var(--ease)}a.tcard:hover .more svg{transform:translate(4px)}.tcard:hover{box-shadow:var(--card-shadow);transform:translateY(-4px)}.tile{border-radius:17px;flex:none;place-items:center;width:54px;height:54px;display:grid}.tile svg{width:28px;height:28px}.tcard h3{font-size:19px;font-weight:var(--w-display);letter-spacing:-.02em;margin:0;line-height:1.2}.tcard p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.tcard ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tcard li{color:var(--ink);align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.tcard li i{background:var(--grad-soft);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:3px;display:grid}.tcard li i svg{stroke:#fff;width:11px;height:11px}.t-my{background:var(--t-my-bg);color:var(--t-my)}.t-shop{background:var(--t-shop-bg);color:var(--t-shop)}.t-serv{background:var(--t-serv-bg);color:var(--t-serv)}.t-pet{background:var(--t-pet-bg);color:var(--t-pet)}.t-adopt{background:var(--t-adopt-bg);color:var(--t-adopt)}.t-don{background:var(--t-don-bg);color:var(--t-don)}.t-coin{background:var(--t-coin-bg);color:var(--t-coin)}.grid.tags{margin-top:clamp(108px,13vh,132px);position:relative}.grid.tags .collar{pointer-events:none;height:72px;position:absolute;top:-34px;left:-28px;right:-28px}.grid.tags .collar svg{filter:drop-shadow(0 8px 7px #0d1a1247);width:100%;height:100%;display:block;overflow:visible}.grid.tags .collar path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.grid.tags .collar .edge{stroke:url(#collar-edge);stroke-width:32px}.grid.tags .collar .web{stroke:url(#collar-strap);stroke-width:27px}.grid.tags .collar .shade{stroke:#00000021;stroke-width:7px}.grid.tags .collar .sheen{stroke:#ffffff4d;stroke-width:4px}.grid.tags .collar .stitch{stroke:#ffffffbf;stroke-width:1.6px;stroke-dasharray:7 5;stroke-linecap:butt}.grid.tags .collar:after{content:"";transform-origin:0;background:radial-gradient(circle at 5px 5px,#13241c 0 2.3px,#d3dbd7 2.6px 3.6px,#9aa7a1 3.9px 4.5px,#0000 4.8px) 0 0/14px 10px repeat-x;width:56px;height:10px;position:absolute;top:14px;left:34px;rotate:8deg}.grid.tags .collar i{display:block;position:absolute;rotate:-8deg}.grid.tags .collar .keeper{background:linear-gradient(90deg,color-mix(in srgb,var(--g-c),#061a3a 40%),color-mix(in srgb,var(--g-c),#061a3a 18%)45%,color-mix(in srgb,var(--g-c),#061a3a 40%));border-radius:4px;width:11px;height:40px;top:3px;right:78px;box-shadow:0 2px 4px #0d1a1259}.grid.tags .collar .buckle{box-sizing:border-box;border:5px solid #b7c2bd;border-radius:8px;width:26px;height:46px;top:-2px;right:34px;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000002e,0 3px 5px #0d1a1259}.grid.tags .collar .buckle:before{content:"";background:linear-gradient(#dce3e0,#9eaba5);border-radius:3px;width:22px;height:5px;position:absolute;top:calc(50% - 2.5px);left:-14px;box-shadow:0 1px 2px #0d1a1259}.grid.tags .tcard{translate:0 calc(var(--drop,0px) + var(--hang,24px))}.grid.tags .tcard:first-of-type,.grid.tags .tcard:nth-of-type(3){--drop:23px}.grid.tags .tcard:nth-of-type(2){--drop:40px}.grid.tags .tcard{--tag:var(--t-my);--swing:var(--tilt,0deg);text-align:center;background:color-mix(in srgb,var(--tag)18%,var(--card));outline:2px dashed color-mix(in srgb,var(--card)80%,transparent);outline-offset:-10px;transform-origin:50% -8px;rotate:var(--swing);animation:tagsway var(--sway,3.4s)ease-in-out var(--sway-at,0s)infinite alternate;transition:transform .5s var(--ease),box-shadow .5s var(--ease),--swing .7s var(--bounce),--amp .6s var(--ease);border:0;border-radius:64px 64px 28px 28px/48px 48px 28px 28px;align-items:center;padding:58px 28px 28px;position:relative;box-shadow:0 26px 40px -28px #0d1a1266}.grid.tags .tcard:first-of-type{--tilt:-2deg;--slope:5deg;--sway:3.1s;--sway-at:-.8s}.grid.tags .tcard:nth-of-type(2){--tilt:1.5deg;--sway:3.7s;--sway-at:-2.1s}.grid.tags .tcard:nth-of-type(3){--tilt:-1deg;--slope:-5deg;--sway:3.4s;--sway-at:-1.3s}@property --swing{syntax:"<angle>";inherits:true;initial-value:0deg}@property --amp{syntax:"<angle>";inherits:true;initial-value:1.1deg}@keyframes tagsway{0%{rotate:calc(var(--swing) - var(--amp))}to{rotate:calc(var(--swing) + var(--amp))}}.grid.tags .tcard:hover,.grid.tags .tcard:focus-visible{--swing:0deg;--amp:.3deg;box-shadow:0 0 0 4px color-mix(in srgb,var(--tag)42%,transparent),0 40px 60px -26px color-mix(in srgb,var(--tag)70%,#0d1a1299);transform:translateY(-6px)}html.rm .grid.tags .tcard{animation:none}.grid.tags .tcard:has(.t-shop){--tag:var(--t-shop)}.grid.tags .tcard:has(.t-adopt){--tag:var(--t-adopt)}.grid.tags .tcard:has(.t-serv){--tag:var(--t-serv)}.grid.tags .tcard:has(.t-pet){--tag:var(--t-pet)}.grid.tags .tcard:before{content:"";box-sizing:border-box;background:var(--paper);border:3.5px solid #c3cdc8;border-radius:50%;width:22px;height:22px;position:absolute;top:4px;left:calc(50% - 11px);box-shadow:inset 0 2px 3px #0d1a1266,0 1px #ffffff8c,0 1px 3px #0d1a1240}.tone-mist .grid.tags .tcard:before{background:var(--mist)}.grid.tags .hang{width:0;height:0;position:absolute;top:0;left:50%}.grid.tags .hang:after{content:"";box-sizing:border-box;width:30px;height:24px;rotate:calc(var(--slope,0deg) - var(--swing));transform-origin:50% 0;border:4px solid #a6b2ad;border-top:0;border-radius:0 0 15px 15px/0 0 14px 14px;position:absolute;top:-30px;left:-15px;box-shadow:inset 0 -1.5px #fffc,inset 0 -3px #ffffff40,0 2px 3px #0d1a1259;-webkit-mask:linear-gradient(#0000 4px,#000 4px);mask:linear-gradient(#0000 4px,#000 4px)}.grid.tags .hang:before{content:"";background:conic-gradient(from 210deg,#fff,#9aa6a1 16%,#e9eeec 32%,#5f6b66 50%,#d2dad6 68%,#86938d 84%,#fff);border-radius:50%;width:30px;height:30px;position:absolute;top:-9px;left:-15px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6.2px),#000 calc(100% - 5.7px) calc(100% - 3.3px),#0000 calc(100% - 2.9px) calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6.2px),#000 calc(100% - 5.7px) calc(100% - 3.3px),#0000 calc(100% - 2.9px) calc(100% - 2.5px),#000 calc(100% - 2px))}.grid.tags .tile{background:var(--card);width:64px;height:64px;color:color-mix(in srgb,var(--tag),var(--ink)18%);border-radius:50%}.grid.tags .tcard h3{letter-spacing:-.03em;font-size:23px}.grid.tags .tcard p{color:color-mix(in srgb,var(--ink)72%,var(--card))}.grid.tags a.tcard .more{background:var(--card);min-height:44px;color:var(--ink);border-radius:999px;margin-top:auto;padding:0 18px}@media (max-width:980px){.tag-row{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1*clamp(20px,4vw,40px));padding:0 clamp(20px,4vw,40px) 100px;overflow-x:auto}.tag-row::-webkit-scrollbar{display:none}.grid.tags.cols-3{grid-template-columns:repeat(3,min(300px,76vw));width:max-content}.grid.tags .collar{left:-12px;right:-12px}.grid.tags .tcard{scroll-snap-align:center}}.creed .ln>.grad{display:inline-block}.creed-list{--b:clamp(88px,8vw,112px);--gap:clamp(28px,4vw,56px);column-gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(40px,6vh,72px);display:grid}.creed-item{flex-direction:column;align-items:center;display:flex;position:relative}.creed-item:first-child{--c1:#16c088;--c2:#0c8f63;--k:#0a7f57;--cn:#1fa9bc}.creed-item:nth-child(2){--c1:#1fa9bc;--c2:#12798f;--k:#12798f;--cn:#2e7de8}.creed-item:nth-child(3){--c1:#2e7de8;--c2:#1b57c9;--k:#1566e0}.creed-dia{width:var(--b);height:var(--b);color:#fff;flex:none;place-items:center;display:grid;position:relative}.creed-dia:before{content:"";background:linear-gradient(200deg,var(--c1),var(--c2));box-shadow:0 0 0 calc(var(--b)*.07)var(--paper),0 26px 44px -20px color-mix(in srgb,var(--c2)75%,transparent);border-radius:30%;position:absolute;inset:14.6%;rotate:45deg}.creed-dia svg{width:29%;height:29%;position:relative}.creed-item .k{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--k),#fff var(--ink-lift));margin:30px 0 0;font-size:12.5px;font-weight:700}html[lang=th] .creed-item .k{letter-spacing:.02em}.creed-item h3{max-width:330px;font-size:clamp(22px,2.1vw,27px);font-weight:var(--w-display);letter-spacing:-.022em;text-wrap:balance;margin:12px 0 0;line-height:1.16}.creed-item h3+p{max-width:320px;color:var(--muted);text-wrap:pretty;margin:14px 0 0;font-size:16px;line-height:1.6}.creed-trail{top:calc(var(--b)/2 - 10px);left:calc(50% + var(--b)/2);width:calc(100% + var(--gap) - var(--b));height:20px;padding:0 calc(var(--b)*.1);justify-content:space-between;align-items:center;display:flex;position:absolute}.creed-trail svg{opacity:0;width:16px;height:16px;color:color-mix(in srgb,var(--cn)calc((var(--k) + .5)*20%),var(--c1));transition:opacity .5s var(--ease);transition-delay:calc(.35s + (var(--i,0)*5 + var(--k))*90ms);flex:none;translate:0 -6px;rotate:90deg}.creed-trail svg:nth-child(2n){translate:0 6px}.creed-item.in .creed-trail svg{opacity:.55}html.rm .creed-trail svg,html.nojs .creed-trail svg{opacity:.55;transition:none}.creed .cta-row{margin-top:clamp(40px,6vh,60px)}@media (max-width:900px){.creed-list{--b:64px;--row:40px;row-gap:var(--row);text-align:left;grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}.creed-item{grid-template-columns:var(--b)minmax(0,1fr);align-items:start;column-gap:18px;display:grid}.creed-dia{grid-row:1/span 3}.creed-dia svg{width:34%;height:34%}.creed-item .k,.creed-item h3,.creed-item h3+p{grid-column:2;max-width:none}.creed-item .k{margin-top:6px;font-size:11.5px}.creed-item h3{margin-top:8px;font-size:22px;line-height:1.18}.creed-item h3+p{margin-top:10px;font-size:15px;line-height:1.55}.creed-trail{top:calc(var(--b) + 6px);bottom:calc(8px - var(--row));left:calc(var(--b)/2 - 8px);flex-direction:column;justify-content:space-evenly;width:16px;height:auto;padding:0}.creed-trail svg{width:14px;height:14px;color:color-mix(in srgb,var(--cn)calc((var(--k) + .5)*33.3%),var(--c1));translate:-5px;rotate:180deg}.creed-trail svg:nth-child(2n){translate:5px}.creed-trail svg:nth-child(n+4){display:none}}.ink{overflow:hidden}.tone-ink:before{content:"";z-index:1;pointer-events:none;--seam-from:var(--fade-from,var(--paper));position:absolute;top:0;left:0;right:0}.tone-mist+.tone-ink:before{--fade-from:var(--mist)}.tone-ink+.tone-ink:before{display:none}.has-photo:not(.tone-ink):has(.photobg.share)+.has-photo.tone-ink:before{display:none}.tone-ink>.wrap,.tone-ink>.glow{z-index:2;position:relative}.tone-mist{background:var(--mist)linear-gradient(180deg,var(--paper),var(--mist)var(--seam))}main>.tone-mist:not(.has-photo)+:not(.tone-mist):not(.tone-ink),.story.tone-mist+.section:not(.tone-mist):not(.tone-ink){background:var(--paper)linear-gradient(180deg,var(--mist),var(--paper)var(--seam))!important}.tone-ink+.tone-mist{background:var(--mist)}main>.tone-ink:after{content:"";z-index:1;pointer-events:none;--seam-dir:0deg;--seam-from:var(--fade-to,var(--paper));position:absolute;bottom:0;left:0;right:0}main>.tone-ink:has(+.tone-mist):after{--fade-to:var(--mist)}main>.tone-ink:has(+.tone-ink):after{display:none}.tone-ink{--seam-dark:var(--night)}.tone-ink:before,main>.tone-ink:after{height:calc(var(--seam)*1.25);background:linear-gradient(var(--seam-dir,180deg),var(--seam-from),color-mix(in oklab,var(--seam-from)97.2%,var(--seam-dark))10%,color-mix(in oklab,var(--seam-from)89.6%,var(--seam-dark))20%,color-mix(in srgb,color-mix(in oklab,var(--seam-from)78.4%,var(--seam-dark))99%,transparent)30%,color-mix(in srgb,color-mix(in oklab,var(--seam-from)64.8%,var(--seam-dark))95.6%,transparent)40%,color-mix(in srgb,color-mix(in oklab,var(--seam-from)50%,var(--seam-dark))87.5%,transparent)50%,color-mix(in srgb,color-mix(in oklab,var(--seam-from)35.2%,var(--seam-dark))72.8%,transparent)60%,color-mix(in srgb,color-mix(in oklab,var(--seam-from)21.6%,var(--seam-dark))51.8%,transparent)70%,color-mix(in srgb,color-mix(in oklab,var(--seam-from)10.4%,var(--seam-dark))28.1%,transparent)80%,color-mix(in srgb,color-mix(in oklab,var(--seam-from)2.8%,var(--seam-dark))8.2%,transparent)90%,transparent)}.compact .h2{font-size:clamp(26px,3.6vw,46px)}.hero.compact .display{font-size:clamp(34px,4.7vw,66px)}.sub-sm .lead{font-size:clamp(15px,1.25vw,17.5px)}.hero .photobg.bright:after{background:linear-gradient(180deg,rgb(var(--veil-rgb)/.74),rgb(var(--veil-rgb)/.5)22%,rgb(var(--veil-rgb)/.54)calc(100% - var(--seam)),rgb(var(--veil-rgb)/.86)calc(100% - var(--seam)*.55),rgb(var(--veil-rgb)/.97)calc(100% - var(--seam)*.22),rgb(var(--veil-rgb))calc(100% - var(--seam)*.06))}.hero .photobg.bright{-webkit-mask-image:linear-gradient(#000 calc(100% - 5px),#0000 calc(100% - 1px));mask-image:linear-gradient(#000 calc(100% - 5px),#0000 calc(100% - 1px))}.hero.has-photo .lead{color:var(--ink);opacity:.82}.hero.has-photo .eyebrow{text-shadow:0 0 12px rgb(var(--veil-rgb)/.95),0 0 4px rgb(var(--veil-rgb)/.9)}.hero.has-meadow{--mh:clamp(132px,16vw,230px);padding-bottom:calc(var(--mh)*.74 + clamp(16px,3vh,36px))}.hero.has-meadow .photobg.bright:after{background:linear-gradient(180deg,rgb(var(--veil-rgb)/.74),rgb(var(--veil-rgb)/.5)22%,rgb(var(--veil-rgb)/.46))}.hero.has-meadow .photobg img{transform:translateY(calc(var(--meadow,0)*10%))scale(calc(1.14 + var(--meadow,0)*.1))}.meadow{height:var(--mh);z-index:1;--m1:color-mix(in srgb,var(--mint)15%,var(--paper));--m2:color-mix(in srgb,var(--mint)6%,var(--paper));--m-shade:#0d1a1233;position:absolute;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .meadow{--m-shade:#00000080}}:root[data-theme=dark] .meadow,:root.night .meadow{--m-shade:#00000080}.meadow-layer{height:100%;width:calc(var(--mh)*2560/230);margin-left:calc(var(--mh)*-1280/230);transform-origin:50% 100%;scale:1 calc(1 + var(--meadow,0)*var(--lift));animation:meadow-rise 1.1s var(--bounce)var(--in)both,meadow-sway var(--sway)ease-in-out 1.3s infinite alternate;position:absolute;bottom:0;left:50%;overflow:visible}.meadow-layer.l1{fill:var(--m1);--in:.15s;--sway:5.2s;--lift:.9;filter:drop-shadow(0 -3px 8px var(--m-shade))}.meadow-layer.l2{fill:var(--m2);--in:.3s;--sway:4.1s;--lift:.7;filter:drop-shadow(0 -4px 9px var(--m-shade));animation-direction:normal,alternate-reverse}.meadow-layer.l3{fill:var(--paper);--in:.45s;--sway:6s;--lift:.5;filter:drop-shadow(0 -5px 10px var(--m-shade))}@keyframes meadow-rise{0%{translate:0 100%}}@keyframes meadow-sway{0%{transform:skew(-1.4deg)}to{transform:skew(1.4deg)}}.mf{transform-box:fill-box;transform-origin:50% 100%;animation:meadow-bob 4.4s ease-in-out var(--bob)infinite alternate}.mf-stem{fill:none;stroke:var(--t-serv);stroke-width:2.4px;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 100%;animation:meadow-stem .5s cubic-bezier(.3,.8,.4,1)calc(var(--at) - .35s)both}.mf-head{transform-box:fill-box;transform-origin:50%;animation:meadow-bloom .7s cubic-bezier(.2,.9,.3,1.6)var(--at)both}.mf.t-my{fill:var(--t-my)}.mf.t-shop{fill:var(--t-shop)}.mf.t-pet{fill:var(--t-pet)}.mf.t-don{fill:var(--t-don)}.mf.t-coin{fill:var(--t-coin)}.mf.t-adopt{fill:var(--t-adopt)}.mf .mf-eye{fill:#fff3c8}@keyframes meadow-bob{0%{rotate:-2deg}to{rotate:2deg}}@keyframes meadow-stem{0%{scale:1 0}}@keyframes meadow-bloom{0%{rotate:-120deg;scale:0}}.meadow-pet{--pet:clamp(48px,5.8vw,84px);left:var(--px,80%);bottom:calc(var(--mh)*.07);width:var(--pet);margin-left:calc(var(--pet)/-2);translate:0 calc(var(--mh)*-.1*var(--meadow,0));position:absolute}.meadow-hop{transform-origin:50% 100%;transition:translate .45s var(--bounce);display:block}.meadow-pet.up .meadow-hop{animation:.7s ease-in-out .3s meadow-wiggle;translate:0 -38%}.meadow-pet.down .meadow-hop{transition:translate .16s cubic-bezier(.5,0,.8,.4);translate:0 110%}.meadow-pet img{width:100%;height:auto;animation:meadow-peek .9s var(--bounce)1.5s both;display:block}@keyframes meadow-peek{0%{translate:0 110%}}@keyframes meadow-wiggle{25%{rotate:-9deg}55%{rotate:7deg}80%{rotate:-3deg}}html.rm .meadow-layer,html.rm .mf,html.rm .mf-stem,html.rm .mf-head,html.rm .meadow-pet img{animation:none}.hero.has-meadow+.story .story-head{padding-top:clamp(18px,3vh,40px)}.ink .glow{pointer-events:none;background:radial-gradient(50% 60% at 50% 100%,#11df8538,#1971ff24 45%,#0000 70%);height:80%;position:absolute;inset:auto -10% -40%}.ink .wrap{position:relative}.stats{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(40px,6vh,60px);display:flex}.seal{border:1px solid var(--night-hair);text-align:left;background:#ffffff0d;border-radius:20px;min-width:190px;padding:22px 26px}.seal b{font-size:30px;font-weight:var(--w-display);letter-spacing:-.03em;background:linear-gradient(92deg,#63ee9d,#5ac8f0 46%,#5aa8ff);color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1.05;display:block}.seal span{color:var(--night-muted);margin-top:6px;font-size:13px;font-weight:600;display:block}.seal b.mark{color:#fff;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;align-items:center;height:1.05em;display:flex}.seal b.mark svg{width:auto;height:1.22em;display:block}.ink .link{color:#8fe9bd;align-items:center;gap:8px;margin-top:34px;font-weight:700;text-decoration:none;display:inline-flex}.ink .link svg{width:16px;height:16px;transition:transform .3s}.ink .link:hover svg{transform:translate(4px)}.ink.lit .seal{background:var(--card);border-color:var(--hair)}.ink.lit .seal b:not(.mark){background-image:var(--grad)}.ink.lit .seal b.mark{color:var(--ink)}.ink.lit .seal span{color:var(--muted)}.ink.lit .link{color:var(--blue)}.ink.lit .glow{background:radial-gradient(50% 60% at 50% 100%,var(--glow-a),var(--glow-b)45%,transparent 70%)}.ink.lit.has-photo:not(.tone-ink):not(.final) .photobg:after{background:linear-gradient(180deg,rgb(var(--veil-rgb)),var(--veil-read)18%,var(--veil-read)76%,rgb(var(--veil-rgb)))}.ink.lit.has-photo:not(.tone-ink):not(.final) .photobg{-webkit-mask-image:linear-gradient(#0000 1px,#000 5px calc(100% - 5px),#0000 calc(100% - 1px));mask-image:linear-gradient(#0000 1px,#000 5px calc(100% - 5px),#0000 calc(100% - 1px))}.ink.lit+.has-photo .photobg{--veil-open:rgb(var(--veil-rgb))}.has-photo:not(.tone-ink):not(.final):has(+.ink.lit.has-photo .photobg.share) .photobg.share:after{background:linear-gradient(180deg,var(--veil-open,var(--veil-edge)),var(--veil-read)14%,var(--veil-read))}.has-photo:not(.tone-ink):has(.photobg.share)+.ink.lit.has-photo .photobg.share{top:-1px;-webkit-mask-image:linear-gradient(#000 calc(100% - 5px),#0000 calc(100% - 1px));mask-image:linear-gradient(#000 calc(100% - 5px),#0000 calc(100% - 1px))}.has-photo:not(.tone-ink):has(.photobg.share)+.ink.lit.has-photo .photobg.share:after{background:linear-gradient(180deg,var(--veil-read),var(--veil-read)76%,rgb(var(--veil-rgb)))}.chevs{--tip:clamp(30px,3.4vw,46px);--gap:clamp(8px,1vw,14px);--lap:calc(var(--tip) - var(--gap));grid-template-columns:repeat(var(--n,4),minmax(0,1fr));padding:0 calc(var(--lap)/2);text-align:left;margin:clamp(44px,6.5vh,72px) 0 0;list-style:none;display:grid}.chev{isolation:isolate;grid-row:span 3;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:subgrid;margin:0 calc(var(--lap)/-2);padding:clamp(18px,2.2vw,26px)calc(var(--tip) + 12px)clamp(24px,2.8vw,34px)calc(var(--tip) + 14px);color:#fff;filter:drop-shadow(0 18px 20px #0d1a1233);align-content:start;display:grid;position:relative}.chev:before,.chev:after{content:"";z-index:-1;pointer-events:none;position:absolute}.chev:before{background:var(--c);clip-path:polygon(0 0,calc(100% - var(--tip))0,100% 50%,calc(100% - var(--tip))100%,0 100%,var(--tip)50%);inset:0}.chev:after{width:46%;height:50%;clip-path:polygon(0 0,100% 0,var(--tip)100%);background:linear-gradient(to bottom right,#0000000d,#0000004d 50%);top:0;left:0}.chev-no{margin-top:-8px;margin-left:calc(var(--tip)*-.3 - 8px);font-size:clamp(30px,2.8vw,40px);font-weight:var(--w-display);letter-spacing:-.04em;grid-column:1;justify-self:start;line-height:1}.chev-ico{stroke-width:1.7px;grid-column:2;width:clamp(30px,2.6vw,38px);height:auto}.chev h3{font-size:clamp(16px,1.35vw,18px);font-weight:var(--w-display);letter-spacing:-.015em;grid-column:1/-1;align-self:end;margin:clamp(18px,2.6vh,28px) 0 0;line-height:1.25}.chev p{grid-column:1/-1;margin:6px 0 0;font-size:14px;line-height:1.45}.chev h3,.chev p{text-wrap:balance}.chevs .rv{transition-delay:calc(var(--i,0)*.11s)}@media (min-width:980px){.chevs .rv{transform:translate(-26px)}.chevs .rv.in{transform:none}}@media (max-width:979px){.chevs{--tip:clamp(22px,6vw,30px);--gap:10px;max-width:560px;padding:calc(var(--lap)/2)0;grid-template-columns:minmax(0,1fr);margin-left:auto;margin-right:auto}.chev{margin:calc(var(--lap)/-2)0;padding:calc(var(--tip)*.5 + 16px)24px calc(var(--tip) + 20px);filter:drop-shadow(0 4px 6px #0d1a121a);grid-row:auto;grid-template-rows:auto auto auto}.chev:before{clip-path:polygon(0 0,50% var(--tip),100% 0,100% calc(100% - var(--tip)),50% 100%,0 calc(100% - var(--tip)))}.chev:after{display:none}.chev-no{margin-left:0}.chev h3{margin-top:14px}}.cta-row{margin-top:36px}.link-ink{color:var(--blue);align-items:center;gap:8px;margin-block:-10px;padding-block:10px;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:560px){.cta-row:has(>.btn+.btn){flex-direction:column-reverse;align-items:stretch;gap:12px;max-width:340px;margin-inline:auto;display:flex}.cta-row:has(>.btn+.btn) .btn{text-align:center;justify-content:center}}.link-ink svg{width:16px;height:16px;transition:transform .3s}.link-ink:hover svg{transform:translate(4px)}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px;display:flex}.tabs button{background:var(--hair2);color:var(--muted);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:700;transition:background .3s,color .3s}.tabs button.on{background:var(--ink);color:var(--paper)}.roles{text-align:left;max-width:960px;margin:40px auto 0}.rgroup{border-top:1px solid var(--hair);grid-template-columns:240px 1fr;gap:20px;padding:26px 0;display:grid}.rgroup h3{font-size:clamp(24px,2.8vw,34px);font-weight:var(--w-display);letter-spacing:-.03em;margin:0}.ritem{align-items:flex-start;gap:16px;padding:14px 0;display:flex}.ritem+.ritem{border-top:1px solid var(--hair2)}.ritem b{font-size:16.5px;display:block}.ritem span{color:var(--muted);font-size:14.5px}@media (max-width:700px){.rgroup{grid-template-columns:1fr;gap:6px}}.tabpane{display:none}.tabpane.on{animation:fadein .5s var(--ease);display:block}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.split{text-align:left;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,6vw,90px);display:grid}.split.flip .split-text{order:2}.split-text .h2{max-width:14ch}.compact .split-text .h2{max-width:20ch}.split-text p{font-size:var(--fs-lead);color:var(--muted);max-width:48ch;margin:20px 0 0;line-height:1.5}.bullets{flex-direction:column;gap:12px;margin:22px 0 0;padding:0;list-style:none;display:flex}.bullets li{align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5;display:flex}.bullets li i{background:var(--grad-soft);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.bullets li i svg{stroke:#fff;width:12px;height:12px}.split-photo{box-shadow:var(--card-shadow);border:1px solid var(--hair);transform:translateY(calc((1 - var(--p,1))*40px));will-change:transform;border-radius:28px;position:relative;overflow:hidden}.split-photo img{object-fit:cover;width:100%;height:100%;display:block}.split-photo .cap{color:#fff;background:linear-gradient(#0000,#0d1a12d1);padding:26px 20px 16px;font-size:13.5px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.split-phone{perspective:1200px;justify-self:center;width:clamp(240px,24vw,320px)}.split-phone .phone{transform:translateY(calc((1 - var(--p,0))*60px))rotateY(calc((1 - var(--p,0))*-14deg));will-change:transform}.split.flip .split-phone .phone{transform:translateY(calc((1 - var(--p,0))*60px))rotateY(calc((1 - var(--p,0))*14deg))}@media (max-width:820px){.split{grid-template-columns:1fr}.split.flip .split-text{order:0}.split-phone{width:min(60vw,260px)}}.split.has-back{grid-template-areas:"text media""back back";row-gap:clamp(28px,6vw,90px)}.split.flip.has-back{grid-template-areas:"media text""back back"}.split.has-back .split-text{grid-area:text;align-self:center}.split.has-back .split-phone,.split.has-back .split-photo{grid-area:media}.split-back{grid-area:back;justify-self:center;margin-top:0}.btn-card{background:var(--card);color:var(--ink);border:1px solid var(--hair);padding-block:13px;box-shadow:0 12px 30px -20px #0d1a1266}@media (max-width:820px){.split.has-back,.split.flip.has-back{grid-template-areas:"text""media""back";row-gap:clamp(28px,6vw,90px)}.split-back{justify-self:center;margin-top:0}}.keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px;margin-top:28px;display:grid}.keys .key{background:var(--card);border:1px solid var(--hair);border-radius:20px;padding:18px 20px 19px;box-shadow:0 18px 40px -30px #0d1a1266}.keys .key b{font-size:clamp(22px,2.2vw,28px);font-weight:var(--w-display);letter-spacing:-.03em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1.08;display:block}html[lang=th] .keys .key b{letter-spacing:0;line-height:1.3}.keys .key span{color:var(--muted);margin-top:6px;font-size:13.5px;font-weight:500;line-height:1.45;display:block}@media (max-width:820px){.keys{max-width:none}}@media (max-width:480px){.keys .key{padding:15px 16px 16px}.keys .key span{font-size:13px}}@media (max-width:340px){.keys{grid-template-columns:1fr}}.street{--pave:var(--mist2);--curb:color-mix(in srgb,var(--ink)8%,var(--mist2));--road:color-mix(in srgb,var(--ink)12%,var(--mist2));--glass:color-mix(in srgb,var(--paper)88%,#5ba9f0);--frame:var(--card);--stripe:color-mix(in srgb,#fff calc(100% - var(--ink-lift)/4),#0a1120);--price:color-mix(in srgb,var(--g-a)50%,var(--ink));padding-top:clamp(60px,8vh,110px);padding-bottom:clamp(32px,5vh,64px);overflow-x:clip}.st-defs{width:0;height:0;position:absolute;overflow:hidden}.street .h2{font-size:clamp(32px,4vw,56px)}.street .lead{text-wrap:balance;max-width:68ch}.st-ticker{background:var(--mist2);align-items:stretch;height:44px;margin-top:clamp(28px,4vh,44px);display:flex}.st-week{padding:0 10px 0 max(clamp(20px,4vw,40px),calc((100% - var(--wrap))/2 + clamp(20px,4vw,40px)));letter-spacing:.16em;text-transform:uppercase;color:var(--link);white-space:nowrap;flex:none;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:800;display:flex}.st-week svg{flex:none;width:16px;height:16px}html[lang=th] .st-week{letter-spacing:.04em;font-size:13.5px;font-weight:600}.st-reel{contain:inline-size;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.st-track{width:max-content;height:100%;animation:54s linear infinite reel;display:flex}.st-ticker:hover .st-track{animation-play-state:paused}.st-run{flex:none;align-items:center;gap:44px;margin:0;padding:0 0 0 44px;list-style:none;display:flex}.st-run li{white-space:nowrap;align-items:center;gap:9px;font-size:15px;display:inline-flex}.st-run b{font-weight:700}.st-run span{color:var(--muted);font-weight:600}.st-run svg{width:16px;height:16px;color:var(--price);flex:none}.st-row{z-index:1;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;margin-top:clamp(16px,2.4vh,28px);padding:24px clamp(20px,4vw,40px) 0;scroll-padding-inline:clamp(20px,4vw,40px);position:relative;overflow-x:auto}.st-row::-webkit-scrollbar{display:none}.st-shops{--sw:clamp(166px,calc((100vw - 190px)/6),206px);align-items:flex-end;gap:14px;width:max-content;margin:0 auto;padding:0;list-style:none;display:flex}@media (min-width:641px){.st-shops{zoom:.86}}.st-shop{width:calc(var(--sw)*var(--wf,1));height:var(--h);background:var(--tint);box-shadow:inset 0 0 0 1px var(--hair);scroll-snap-align:center;border-radius:20px 20px 0 0;flex-direction:column;flex:none;padding-top:40px;display:flex;position:relative}.st-shop.accessory{--wf:.96}.st-shop.training{--wf:1.03}.st-shop.food{--wf:.95}.st-shop.clinic{--wf:.98}.st-sign{z-index:1;background:var(--card);border:2.5px solid var(--c);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;border-radius:14px;align-items:center;gap:7px;margin:0;padding:8px 14px;font-size:14.5px;font-weight:800;line-height:1.2;display:flex;position:absolute;top:-20px;left:50%;translate:-50%;box-shadow:0 10px 20px -14px #0d1a1280}.st-sign svg{width:17px;height:17px;color:var(--c);flex:none}html[lang=th] .st-sign{letter-spacing:0;font-size:15px;font-weight:600}.st-up{flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex}.st-up i{background:var(--glass);width:40px;height:46px;box-shadow:inset 0 0 0 5px var(--frame);border-radius:20px 20px 6px 6px}.st-awning{background:radial-gradient(circle at 11px 40px,var(--c)10.5px,transparent 11px)0 0/44px 54px repeat-x,radial-gradient(circle at 33px 40px,var(--stripe)10.5px,transparent 11px)0 0/44px 54px repeat-x,repeating-linear-gradient(90deg,var(--c)0 22px,var(--stripe)22px 44px)0 0/100% 40px no-repeat;flex:none;height:54px}.st-front{flex:none;align-items:flex-end;gap:10px;height:190px;padding:6px 12px 0;display:flex}.st-window{background:var(--glass);min-width:0;height:176px;box-shadow:inset 0 0 0 6px var(--frame);border-radius:16px 16px 4px 4px;flex:1;position:relative;overflow:hidden}.st-window svg{width:100%;height:100%;transition:transform .45s var(--bounce);position:absolute;inset:0}.st-window:after{content:"";background:var(--frame);border-radius:4px;height:8px;position:absolute;bottom:6px;left:10px;right:10px}.st-shop:hover .st-window svg{transform:translateY(-8px)}.st-door{background:var(--c);opacity:.92;border-radius:22px 22px 0 0;flex:none;width:44px;height:136px;position:relative}.st-door:before{content:"";background:#ffffff59;border-radius:14px 14px 4px 4px;height:34px;position:absolute;top:12px;left:9px;right:9px}.st-door:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:66px;right:9px}.st-hot{z-index:2;color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#0a8650,#1566e0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:66px;height:66px;font-size:10.5px;font-weight:800;animation:3.4s ease-in-out infinite st-hover;display:flex;position:absolute;bottom:188px;right:-20px;rotate:12deg;box-shadow:0 10px 22px -12px #0a8650cc}.st-hot svg{width:16px;height:16px}html[lang=th] .st-hot{letter-spacing:0;font-size:12px;font-weight:600}.st-shop.boarding .st-hot{animation-delay:-1.7s}.st-offer{z-index:3;transform-origin:50% 0;width:112px;animation:2.8s ease-in-out infinite alternate st-swing;position:absolute;top:calc(100% - 196px);right:-50px}.st-offer:before{content:"";background:color-mix(in srgb,var(--muted)70%,transparent);width:2px;height:22px;margin:0 auto;display:block}.st-tag{background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:4px;padding:15px 12px 12px;display:flex;position:relative;rotate:6deg}.st-tag:before{content:"";background:var(--paper);width:8px;height:8px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--muted)70%,transparent);border-radius:50%;margin-left:-4px;position:absolute;top:5px;left:50%}.st-tag small{letter-spacing:.1em;text-transform:uppercase;color:var(--link);font-size:10px;font-weight:800;line-height:1.3}.st-tag b{font-size:13.5px;font-weight:800;line-height:1.2}.st-tag strong{color:var(--price);font-size:20px;font-weight:900;line-height:1}html[lang=th] .st-tag small{letter-spacing:0;font-size:12px;font-weight:600}html[lang=th] .st-tag b{font-size:14px}.st-window .bob{transform-origin:50% 100%;animation:3.2s ease-in-out infinite st-bob}.st-window .float{animation:3.6s ease-in-out infinite st-float}.st-window .sway{transform-origin:50% 0;animation:2.6s ease-in-out infinite alternate st-sway}.st-window .breathe{transform-origin:50% 100%;animation:3s ease-in-out infinite st-breathe}.st-window .zz{animation:2.6s ease-in infinite st-zz}.st-window :is(.bob,.float,.sway,.breathe,.zz){transform-box:fill-box}.st-window :is(.bob,.float,.sway,.breathe){animation-delay:calc(var(--i,0)*-.7s)}.st-window .zz.late{animation-delay:-1.3s}@keyframes st-bob{50%{transform:translateY(-3px)}}@keyframes st-float{50%{transform:translateY(-5px)}}@keyframes st-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes st-breathe{50%{transform:scaleY(1.03)}}@keyframes st-zz{0%{opacity:0;transform:translate(0)scale(.7)}25%{opacity:1}to{opacity:0;transform:translate(10px,-20px)scale(1.1)}}@keyframes st-hover{50%{transform:translateY(-6px)}}@keyframes st-swing{0%{rotate:-4deg}to{rotate:4deg}}.st-pave{z-index:2;background:repeating-linear-gradient(90deg,#ffffff9e 0 32px,transparent 32px 56px)0 90px/100% 4px no-repeat,repeating-linear-gradient(90deg,var(--curb)0 2px,transparent 2px 60px)0 32px/100% 2px no-repeat,linear-gradient(var(--pave)0 64px,var(--curb)64px 71px,var(--road)71px);height:112px;position:relative;overflow-x:clip}.streetdog{pointer-events:none;width:112px;height:84px;position:absolute;top:-24px;left:0}.street:not([data-live]) :is(.st-track,.st-hot,.st-offer,.st-window *){animation-play-state:paused}html.rm .street :is(.st-hot,.st-offer,.st-window *){animation:none}html.rm .st-window svg{transition:none}html.rm .st-track,html.nojs .st-track{animation:none}html.rm .st-run[aria-hidden],html.nojs .st-run[aria-hidden]{display:none}html.rm .st-reel,html.nojs .st-reel{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:none;mask-image:none}@media (max-width:640px){.st-ticker{height:44px}.st-run li{font-size:14px}.st-shop{height:calc(var(--h) - 36px)}.st-front{gap:8px;height:154px;padding:6px 10px 0}.st-window{height:140px}.st-door{width:38px;height:108px}.st-door:after{top:54px;right:7px}.st-hot{bottom:152px}.st-offer{top:calc(100% - 160px)}.st-pave{background:repeating-linear-gradient(90deg,#ffffff9e 0 28px,transparent 28px 50px)0 81px/100% 4px no-repeat,linear-gradient(var(--pave)0 58px,var(--curb)58px 64px,var(--road)64px);height:100px}.streetdog{width:96px;height:72px;top:-14px}}.tools-defs{width:0;height:0;position:absolute;overflow:hidden}.tools{--cream:color-mix(in srgb,#fffbf0 calc(100% - var(--ink-lift)*1.92),#18202f)}.tools .k-serv{--k:#16774a;--f:var(--t-serv);--tint:var(--t-serv-bg)}.tools .k-shop{--k:#1f64b8;--f:var(--t-shop);--tint:var(--t-shop-bg)}.tools .k-pet{--k:#a93d66;--f:var(--t-pet);--tint:var(--t-pet-bg)}.tools :is(.k-serv,.k-shop,.k-pet){--ink-k:color-mix(in oklab,var(--k),#fff var(--ink-lift))}.tools-head{justify-content:space-between;align-items:center;gap:clamp(32px,5vw,72px);display:flex}.tools-title{flex:1;min-width:0}.tools-title .lead{max-width:44ch;margin-left:0}.tools-title .h2 .ln>span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content}.tools-title .h2 .ln>span:after{content:"";background:var(--t-serv);border-radius:50%;width:.17em;height:.17em;margin-left:.1em;display:inline-block}.tools-title .h2 .ln:nth-child(2)>span:after{background:var(--t-shop)}.tools-title .h2 .ln:nth-child(3)>span:after{background:var(--t-pet)}.tools-req{background:var(--card);border:1px solid var(--hair);width:min(100%,440px);box-shadow:var(--card-shadow);transition:opacity .8s var(--ease).14s,transform .8s var(--ease).14s,rotate .6s var(--ease);border-radius:28px;flex-direction:column;flex:none;gap:14px;margin:0;padding:22px;display:flex;rotate:1.5deg}.tools-req:hover{rotate:none}.req-top{justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.req-k{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,#16774a,#fff var(--ink-lift));align-items:center;gap:10px;font-size:12px;font-weight:800;display:inline-flex}.req-k:before{content:"";background:var(--t-serv);border-radius:50%;flex:none;width:8px;height:8px;animation:2.4s ease-out infinite pulse}html[lang=th] .req-k{letter-spacing:.02em;text-transform:none;font-size:13px}.req-meta{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.req-who{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.req-who li{background:var(--mist);border-radius:18px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.req-av{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.req-av.person{background:var(--t-my-bg)}.req-av.pet{background:var(--t-coin-bg)}.req-av.pet img{width:40px;height:40px}.req-name{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.req-name b{font-size:15.5px;font-weight:800}.req-name small{color:var(--muted);font-size:13px}.stars{flex:none;gap:2px;display:inline-flex}.stars svg{width:17px;height:17px;fill:var(--hair);stroke:none}.stars svg.on{fill:#f4b740}.req-note{color:var(--muted);text-wrap:pretty;gap:10px;margin:2px 0 0;font-size:14.5px;line-height:1.45;display:flex}.req-note svg{width:18px;height:18px;color:var(--t-coin);fill:currentColor;flex:none;margin-top:1px}.req-act{gap:10px;margin:0;display:flex}.req-act span{border:1px solid var(--hair);border-radius:14px;flex:1;place-items:center;min-height:46px;font-size:15px;font-weight:700;display:grid}.req-act .go{background:var(--grad-soft);color:#fff;border-color:#0000;flex:1.4;font-weight:800}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:clamp(48px,7vh,72px);display:grid}.tool{background:var(--card);border:1px solid var(--hair);min-width:0;color:inherit;transition:opacity .8s var(--ease)calc(var(--i,0)*70ms),transform .8s var(--ease)calc(var(--i,0)*70ms),translate .5s var(--ease),box-shadow .5s;border-radius:30px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.tool:hover{box-shadow:var(--card-shadow);translate:0 -4px}.tool-pic{background:var(--tint);border-radius:22px;height:196px;margin:10px 10px 0;padding:18px;position:relative;overflow:hidden}.tool-body{flex-direction:column;flex:1;gap:16px;padding:22px 24px;display:flex}.tool h3{font-size:20px;font-weight:var(--w-display);letter-spacing:-.02em;align-items:center;gap:11px;margin:0;line-height:1.2;display:flex}html[lang=th] .tool h3{letter-spacing:0}.tool h3 .tile{border-radius:11px;width:36px;height:36px}.tool h3 .tile svg{width:19px;height:19px}.tool ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.tool li{align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.45;display:flex}.tool li i{background:var(--f);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.tool li i svg{stroke:#fff;stroke-width:3px;width:11px;height:11px}.tool-more{background:var(--tint);min-height:48px;color:var(--ink-k);border-radius:16px;justify-content:space-between;align-items:center;margin-top:auto;padding:0 8px 0 18px;font-size:15px;font-weight:700;display:flex}.tool-more i{background:var(--card);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.tool-more svg{width:16px;height:16px;transition:transform .3s var(--ease)}.tool:hover .tool-more svg{transform:translate(3px)}.td-card{background:var(--card);border:1px solid var(--hair);border-radius:16px;display:flex;box-shadow:0 12px 26px -18px #0d1a1273}.td-chips i,.td-tag{white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-style:normal;font-weight:700;line-height:1.2;display:inline-flex}.td-chips svg,.td-tag svg{flex:none;width:14px;height:14px}.td-tag{background:var(--card);border:1px solid var(--hair)}.td-row{align-items:center;gap:6px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.td-week{flex-direction:column;gap:12px;width:min(250px,80%);padding:14px}.td-days{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.td-days b{border-radius:8px;padding:4px 7px;font-weight:700}.td-days b.on{background:var(--ink);color:var(--paper)}.td-chips{flex-wrap:wrap;gap:6px;display:flex}.td-chips i{background:var(--mist)}.td-chips i.on{background:var(--f);color:#0d1a12}.td-chips i.night{border:1px dashed color-mix(in srgb,var(--muted)60%,transparent);background:0 0}.td-pet{align-items:center;gap:10px;padding:10px 12px 10px 10px;animation:4s ease-in-out infinite float;position:absolute;bottom:16px;right:16px;rotate:3deg}.td-pet img{background:var(--t-coin-bg);border-radius:50%;width:38px;height:38px}.td-pet>span{flex-direction:column;gap:5px;display:flex}.td-pet b{white-space:nowrap;font-size:13px;font-weight:800}.td-pet>span i{background:var(--hair);border-radius:3px;width:40px;height:6px;display:block}.td-pet>span i+i{width:26px}.td-pet>svg{width:16px;height:16px;color:var(--ink-k);margin-left:2px}.td-split{align-items:center;gap:12px;display:flex}.td-order{color:var(--ink-k);flex-direction:column;align-items:center;gap:6px;padding:14px 16px}.td-order svg{width:30px;height:30px}.td-order b{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:800}.td-to{width:22px;height:22px;color:var(--ink-k);flex:none}.td-boxes{flex-direction:column;gap:8px;display:flex}.td-boxes .td-card{white-space:nowrap;align-items:center;gap:8px;padding:7px 10px 7px 8px;font-size:12.5px}.td-boxes b{font-weight:800}.td-boxes svg{width:14px;height:14px;color:var(--muted)}.td-carton{background:linear-gradient(90deg,#e4b77e 0 38%,#f3d9ae 38% 62%,#e4b77e 62%);border-radius:5px;flex:none;width:26px;height:22px}.td-by{letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--ink-k);font-size:10.5px;font-weight:800}html[lang=th] .td-by{letter-spacing:0;text-transform:none;font-size:12px}.td-tag.ink{background:var(--ink);color:var(--paper);border-color:#0000;margin-left:auto}.td-papers{width:194px;height:112px;display:block;position:relative}.td-doc{background:var(--cream);border:1.5px solid #e0c27a;border-radius:10px;width:106px;height:90px;padding:10px;position:absolute;top:0;left:0;rotate:-5deg;box-shadow:0 12px 26px -18px #0d1a1273}.td-doc+.td-doc{top:14px;left:86px;rotate:4deg}.td-doc b{font-family:var(--font-playfair),Georgia,serif;font-size:13px;font-weight:700;line-height:1.2;display:block}html[lang=th] .td-doc b{font-family:var(--font-th)}.td-doc i{background:var(--hair);border-radius:2px;width:70px;height:4px;margin-top:7px;display:block}.td-doc i+i{width:54px;margin-top:5px}.td-doc svg{background:var(--t-pet);color:#fff;stroke-width:3px;border-radius:50%;width:24px;height:24px;padding:5px;position:absolute;bottom:8px;right:8px}.td-tag.badge{color:var(--ink-k);border-radius:999px;position:absolute;top:18px;right:18px}.td-tag.way{flex:1;justify-content:center;min-width:0;padding:7px 6px;font-size:12.5px}.td-tag.way svg{color:var(--ink-k)}.tools-strip{background:color-mix(in srgb,#0e1726 calc(100% - var(--ink-lift)),#2a3a58);color:#fff;border-radius:28px;align-items:center;gap:30px;margin-top:clamp(84px,11vh,104px);padding:26px 30px 26px 34px;display:flex;position:relative}.tools-strip p{flex-direction:column;flex:1;gap:4px;min-width:0;margin:0;display:flex}.tools-strip p b{font-size:clamp(20px,2vw,26px);font-weight:var(--w-display);letter-spacing:-.03em;line-height:1.2}html[lang=th] .tools-strip p b{letter-spacing:0}.tools-strip p span{color:#ffffffb8;font-size:16px}.tools-strip ul{flex-wrap:wrap;gap:84px 10px;margin:0;padding:0;list-style:none;display:flex}.tools-strip li{background:var(--f);color:#0d1a12;white-space:nowrap;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 7px;font-size:15px;font-weight:800;display:inline-flex;position:relative}.tools-strip li>i{background:#ffffff8c;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.tools-strip li>i svg{stroke-width:2.6px;width:15px;height:15px}.tools-strip li.waiting{color:#fff;background:0 0;border-style:dashed;border-color:#fff6}.tools-strip li.waiting>i{background:#ffffff1f}.sitter{pointer-events:none;width:62px;height:70px;margin:0 0 -8px -31px;position:absolute;bottom:100%;left:50%;overflow:visible}.sitter :is(.tail,.head,.ear,.zz){transform-box:fill-box}.sitter .tail{transform-origin:0 100%;animation:1.3s ease-in-out infinite tl-wag}.sitter .head{transform-origin:50% 90%;animation:3.2s ease-in-out infinite tl-nod}.sitter .ear{transform-origin:50% 90%;animation:3s ease-in-out infinite tl-ear}.sitter .zz{fill:var(--muted);animation:2.6s ease-in infinite st-zz}.sitter .zz.late{animation-delay:-1.3s}.k-shop .sitter :is(.head,.tail){animation-delay:-1.1s}.waiting .sitter .head{animation-duration:5s}@keyframes tl-wag{0%,to{rotate:-12deg}50%{rotate:14deg}}@keyframes tl-nod{0%,to{rotate:none}30%{rotate:-5deg}60%{rotate:4deg}}@keyframes tl-ear{0%,80%,to{rotate:none}88%{rotate:14deg}}html.rm .tools :is(.sitter *,.td-pet),html.rm .tools .req-k:before{animation:none}html.rm .tools-req,html.rm .tool{transition:none}@media (max-width:900px){.tools-head{flex-direction:column;align-items:stretch}.tools-req{width:min(100%,520px);rotate:none}}@media (max-width:980px){.tools-grid{grid-template-columns:1fr}.tool{flex-direction:row}.tool-pic{flex:0 0 46%;height:auto;min-height:224px;margin:10px 0 10px 10px}}@media (max-width:640px){.tool{flex-direction:column}.tool-pic{flex:none;height:196px;min-height:0;margin:10px 10px 0}.tool-body{padding:20px 20px 22px}.tools-req{border-radius:24px;padding:18px}.req-who li{padding:8px 12px 8px 8px}.tools-strip{flex-direction:column;align-items:flex-start;gap:84px;padding:24px 22px 22px}.tools-strip ul{column-gap:8px}.tools-strip li{gap:6px;padding:0 10px 0 5px;font-size:13.5px}.tools-strip li>i{width:22px;height:22px}.tools-strip li>i svg{width:13px;height:13px}.req-k{letter-spacing:.1em}}.dispatch{--board:color-mix(in srgb,#c99158 calc(100% - var(--ink-lift)*1.92),#946a3c);--clip:color-mix(in srgb,#aeb8b3 calc(100% - var(--ink-lift)*1.92),#7a8794);--pen:color-mix(in srgb,#16774a calc(100% - var(--ink-lift)*1.92),#5ad6a0);--box:color-mix(in srgb,var(--ink)22%,transparent);--dx-gap:clamp(40px,6vw,90px)}.dispatch .k-shop{--k:#1f64b8;--tint:var(--t-shop-bg)}.dispatch .k-serv{--k:#16774a;--tint:var(--t-serv-bg)}.dispatch .k-adopt{--k:#14727a;--tint:var(--t-adopt-bg)}.dispatch .k-coin{--k:#8a5a0a;--tint:var(--t-coin-bg)}.dx{gap:var(--dx-gap);grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:stretch;display:grid}.dx-side{padding:clamp(8px,2vh,28px) 0 250px;position:relative}.dx-couriers{flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none;display:flex}.dx-couriers li{border:1px solid var(--hair);background:var(--card);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700}.dx-couriers li.via{background:var(--t-shop-bg);color:color-mix(in oklab,#1f64b8,#fff var(--ink-lift));border-color:#0000;font-weight:800}.dx-dog{pointer-events:none;width:170px;height:191px;position:absolute;bottom:0;left:clamp(60px,9vw,130px);overflow:visible}.dx-dog :is(.tail,.head,.ear){transform-box:fill-box}.dx-dog .tail{transform-origin:0 100%;animation:1.3s ease-in-out infinite tl-wag}.dx-dog .head{transform-origin:50% 90%;animation:3.2s ease-in-out infinite tl-nod}.dx-dog .ear{transform-origin:50% 90%;animation:3s ease-in-out infinite tl-ear}.dx-prints{width:150px;height:60px;color:var(--board);opacity:.5;pointer-events:none;position:absolute;bottom:26px;left:0}.dx-prints svg{width:20px;height:20px;position:absolute}.dx-prints svg:first-child{top:34px;left:0;rotate:70deg}.dx-prints svg:nth-child(2){top:14px;left:38px;rotate:80deg}.dx-prints svg:nth-child(3){top:36px;left:78px;rotate:74deg}.dx-board{background:var(--board);box-shadow:var(--card-shadow),inset 0 -6px 0 #0000001f;transition:opacity .8s var(--ease).14s,transform .8s var(--ease).14s,rotate .6s var(--ease);border-radius:30px;margin:22px 0 0;padding:56px clamp(16px,2.2vw,30px) clamp(16px,2.2vw,30px);position:relative;rotate:1.2deg}.dx-board:hover{rotate:none}.dx-clip{z-index:2;background:var(--clip);border-radius:16px 16px 12px 12px;width:190px;height:62px;margin-left:-95px;position:absolute;top:-22px;left:50%;box-shadow:inset 0 -5px #0000002e,0 8px 16px -8px #0006}.dx-clip:after{content:"";background:var(--board);border-radius:8px;width:52px;height:16px;margin-left:-26px;position:absolute;top:12px;left:50%}.dx-sheet{background:var(--card);border-radius:12px;padding:clamp(22px,2.6vw,32px) clamp(20px,2.8vw,36px) clamp(18px,2vw,24px);box-shadow:0 2px #00000014}.dx-top{justify-content:space-between;align-items:baseline;gap:16px;margin:0;padding-bottom:16px;display:flex}.dx-top b{font-size:clamp(20px,2vw,24px);font-weight:var(--w-display);letter-spacing:-.02em;line-height:1.2}.dx-top span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px;font-weight:700}html[lang=th] .dx-top b{letter-spacing:0}html[lang=th] .dx-top span{letter-spacing:.02em;text-transform:none;font-size:13.5px}.dx-list{margin:0;padding:0;list-style:none}.dx-row{border-top:1.5px dashed var(--hair);grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:18px;padding:22px 0;display:grid}.dx-box{width:34px;height:34px;box-shadow:inset 0 0 0 2.5px var(--box);border-radius:9px;margin-top:2px;position:relative}.dx-box svg{fill:none;width:46px;height:46px;stroke:var(--pen);stroke-width:4.4px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:-11px;left:-2px;overflow:visible}.dx-box path{stroke-dasharray:48;stroke-dashoffset:0;transition:stroke-dashoffset .55s cubic-bezier(.5,0,.3,1)calc(.2s + var(--i,0)*.32s)}.dx-text h3{font-size:clamp(18px,1.6vw,20px);font-weight:var(--w-display);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.25}.dx-text p{color:var(--muted);text-wrap:pretty;margin:6px 0 0;font-size:15.5px;line-height:1.55}html[lang=th] .dx-text h3{letter-spacing:0}.dx-chip{background:var(--tint);color:color-mix(in oklab,var(--k),#fff var(--ink-lift));letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity .4s var(--ease)calc(.5s + var(--i,0)*.32s),translate .5s var(--ease)calc(.5s + var(--i,0)*.32s);border-radius:10px;align-items:center;gap:7px;margin-top:2px;padding:7px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.dx-chip svg{flex:none;width:15px;height:15px}.dx-sign{border-top:1.5px dashed var(--hair);justify-content:space-between;align-items:center;gap:16px;margin:0;padding-top:16px;display:flex}.dx-sign span{font-family:var(--font-caveat),"Segoe Print","Comic Sans MS",cursive;color:var(--pen);clip-path:inset(-10% -4% -20%);transition:clip-path .8s cubic-bezier(.45,0,.4,1)calc(.2s + var(--i,0)*.32s);font-size:clamp(28px,2.6vw,32px);font-weight:700;line-height:1.1;rotate:-3deg}html[lang=th] .dx-sign span{font-family:var(--font-mali),var(--font-th);font-size:clamp(20px,2vw,24px);font-weight:600}.dx-stamp{width:76px;height:76px;fill:var(--pen);transition:opacity .25s calc(.95s + var(--i,0)*.32s),scale .45s cubic-bezier(.3,1.5,.5,1)calc(.95s + var(--i,0)*.32s);flex:none;rotate:-12deg}.dx-stamp circle:first-child{fill:none;stroke:var(--pen);stroke-width:3px}html:not(.rm) .dx-row:not(.in) .dx-box path{stroke-dashoffset:48px}html:not(.rm) .dx-row:not(.in) .dx-chip{opacity:0;translate:-8px}html:not(.rm) .dx-sign:not(.in) span{clip-path:inset(-10% 104% -20% -4%)}html:not(.rm) .dx-sign:not(.in) .dx-stamp{opacity:0;scale:1.7}html.rm .dx-dog *{animation:none}html.rm .dx-board{transition:none}@media (max-width:900px){.dispatch{--dx-gap:96px}.dx{grid-template-columns:1fr}.dx-side{padding-bottom:0}.dx-prints{display:none}.dx-dog{left:auto;right:clamp(4px,4vw,40px);bottom:calc(-1*var(--dx-gap) - 26px);width:92px;height:104px}.dx-board{rotate:none}}@media (max-width:640px){.dx-board{border-radius:24px;padding:44px 10px 10px}.dx-clip{width:130px;height:52px;margin-left:-65px;top:-18px}.dx-clip:after{width:40px;height:14px;margin-left:-20px;top:10px}.dx-sheet{padding:20px 16px 16px}.dx-top{flex-direction:column;gap:4px}.dx-row{grid-template-columns:32px minmax(0,1fr);gap:14px;padding:18px 0}.dx-chip{grid-column:2;justify-self:start;margin-top:-4px}.dx-text p{font-size:15px}.dx-row,.dx-sign{--i:0!important}}.receipt{--rp:color-mix(in srgb,#fff calc(100% - var(--ink-lift)*1.92),#f4f1ea);--stamp:color-mix(in srgb,#d4553d calc(100% - var(--ink-lift)*1.92),#e8664e);--rc-mono:ui-monospace,"SF Mono",Menlo,Consolas,var(--font-kanit),monospace;--rc-gap:clamp(40px,6vw,96px);overflow-x:clip}.receipt .k-shop{--k:#1f64b8;--tint:var(--t-shop-bg)}.receipt .k-serv{--k:#16774a;--tint:var(--t-serv-bg)}.receipt .k-don{--k:#b4472b;--tint:var(--t-don-bg)}.rc{gap:var(--rc-gap);grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;display:grid}.rc-side{flex-direction:column;align-self:stretch;padding-top:clamp(8px,3vh,40px);display:flex}.rc-chips{flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none;display:flex}.rc-chips li{background:var(--tint);color:color-mix(in oklab,var(--k),#fff var(--ink-lift));border-radius:999px;align-items:center;gap:8px;padding:9px 15px 9px 11px;font-size:14.5px;font-weight:700;line-height:1.3;display:inline-flex}.rc-chips svg{flex:none;width:18px;height:18px}.rc-foot{align-items:flex-end;gap:20px;margin-top:auto;padding-top:48px;display:flex}.rc-cat{pointer-events:none;flex:none;width:132px;height:149px;overflow:visible}.rc-cat :is(.tail,.head,.ear){transform-box:fill-box}.rc-cat .tail{transform-origin:0 100%;animation:1.3s ease-in-out infinite tl-wag}.rc-cat .head{transform-origin:50% 90%;animation:3.2s ease-in-out infinite tl-nod}.rc-cat .ear{transform-origin:50% 90%;animation:3s ease-in-out infinite tl-ear}.rc-note{max-width:36ch;color:var(--muted);margin:0 0 16px;font-size:14.5px;line-height:1.55}.rc-slip{filter:drop-shadow(0 26px 30px #0d1a1233);transition:rotate .6s var(--ease);margin:0;position:relative;rotate:1.6deg}.rc-slip:hover{rotate:none}.rc-paper{--tooth:8px;background:var(--rp);color:#0d1a12;padding:calc(26px + var(--tooth))clamp(22px,3vw,40px)calc(28px + var(--tooth));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M0 8 7 0l7 8z'/%3E%3C/svg%3E") top/14px var(--tooth)repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M0 0l7 8 7-8z'/%3E%3C/svg%3E") bottom/14px var(--tooth)repeat-x,linear-gradient(#000,#000)center/100% calc(100% - 2*var(--tooth) + 2px)no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M0 8 7 0l7 8z'/%3E%3C/svg%3E") top/14px var(--tooth)repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M0 0l7 8 7-8z'/%3E%3C/svg%3E") bottom/14px var(--tooth)repeat-x,linear-gradient(#000,#000)center/100% calc(100% - 2*var(--tooth) + 2px)no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M0 8 7 0l7 8z'/%3E%3C/svg%3E") top/14px var(--tooth)repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M0 0l7 8 7-8z'/%3E%3C/svg%3E") bottom/14px var(--tooth)repeat-x,linear-gradient(#000,#000)center/100% calc(100% - 2*var(--tooth) + 2px)no-repeat;clip-path:inset(-2px);transition:clip-path 1.1s cubic-bezier(.45,0,.3,1),translate 1.1s cubic-bezier(.45,0,.3,1)}.rc-from{text-align:center;font:600 12.5px/1.4 var(--rc-mono);letter-spacing:.18em;text-transform:uppercase;color:#5f6d67;margin:0}.rc-title{text-align:center;font-size:clamp(22px,2.2vw,26px);font-weight:var(--w-display);letter-spacing:-.02em;margin:8px 0 0;line-height:1.2}.rc-to{font:600 13px/1.4 var(--rc-mono);letter-spacing:.06em;text-transform:uppercase;color:#5f6d67;border-bottom:2px solid #0d1a12;justify-content:space-between;gap:16px;margin:18px 0 0;padding-bottom:12px;display:flex}.rc-lines{margin:0;padding:0;list-style:none}.rc-lines li{border-bottom:1.5px dashed #0d1a1233;padding:18px 0}.rc-item{align-items:baseline;gap:14px;margin:0;display:flex}.rc-item b{letter-spacing:-.01em;flex:auto;font-size:clamp(16.5px,1.5vw,18px);font-weight:800;line-height:1.3}.rc-price{font:600 15px/1 var(--rc-mono);letter-spacing:.08em;text-transform:uppercase;color:#16774a;transition:opacity .3s calc(.9s + var(--i,0)*.22s);flex:none}.rc-body{color:#5f6d67;text-wrap:pretty;margin:6px 0 0;padding-right:clamp(0px,5vw,64px);font-size:14.5px;line-height:1.55}.rc-total{justify-content:space-between;align-items:baseline;gap:16px;margin:0;padding-top:18px;display:flex}.rc-total span{font:600 15px/1 var(--rc-mono);letter-spacing:.14em;text-transform:uppercase}.rc-total b{font-family:var(--font-kanit),var(--font-inter),sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1}.rc-bars{fill:#0d1a12;width:276px;max-width:100%;height:44px;margin:22px auto 0;display:block}.rc-thanks{text-align:center;font:600 11.5px/1.5 var(--rc-mono);letter-spacing:.16em;text-transform:uppercase;color:#5f6d67;margin:10px 0 0}html[lang=th] :is(.rc-from,.rc-to,.rc-thanks,.rc-total span,.rc-price){font-family:var(--font-th);letter-spacing:.02em}html[lang=th] :is(.rc-title,.rc-item b){letter-spacing:0}.rc-stamp{border:4px solid var(--stamp);color:var(--stamp);font:600 clamp(24px,2.4vw,30px)/1.1 var(--font-fredoka),var(--font-th),sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:.92;pointer-events:none;border-radius:12px;padding:8px 18px;transition:opacity .2s 1.5s,scale .45s cubic-bezier(.3,1.5,.5,1) 1.5s;position:absolute;bottom:40px;left:-60px;rotate:-12deg}html[lang=th] .rc-stamp{font-family:var(--font-th);letter-spacing:0;text-transform:none;font-size:clamp(20px,2vw,26px)}html:not(.rm) .rc-slip:not(.in) .rc-paper{clip-path:inset(0 0 100%);translate:0 -24px}html:not(.rm) .rc-slip:not(.in) .rc-price{opacity:0}html:not(.rm) .rc-slip:not(.in) .rc-stamp{opacity:0;scale:1.8}html.rm .rc-cat *{animation:none}html.rm .rc-slip{transition:none}@media (max-width:900px){.rc{grid-template-columns:1fr}.rc-foot{padding-top:28px}.rc-cat{width:96px;height:108px}.rc-slip{justify-self:center;width:100%;max-width:560px;rotate:none}}@media (max-width:640px){.rc-paper{padding-inline:18px}.rc-to{flex-direction:column;gap:2px}.rc-stamp{border-width:3px;padding:6px 12px;font-size:20px;bottom:44px;left:auto;right:10px}.rc-body{padding-right:0}}.walk{--wk-l:calc(100% - var(--ink-lift)*1.92);--wk-hill:color-mix(in srgb,#d9e6df var(--wk-l),#15203a);--wk-hill2:color-mix(in srgb,#e5ede9 var(--wk-l),#111b30);--wk-ground:color-mix(in srgb,#cfe6cb var(--wk-l),#1a3330);--wk-road:color-mix(in srgb,#f1e6d0 var(--wk-l),#3a3a40);--wk-shel:color-mix(in srgb,#bcc7d3 var(--wk-l),#2c3a50);--wk-shel2:color-mix(in srgb,#9aa8b8 var(--wk-l),#23304a);--wk-shel3:color-mix(in srgb,#7f8ea0 var(--wk-l),#1a2436);--wk-sign:var(--paper);--wk-cloud:color-mix(in srgb,#a9b5c2 var(--wk-l),#3a475c);--wk-rain:color-mix(in srgb,#8aa4be var(--wk-l),#5a7290);--wk-puff:color-mix(in srgb,#fff var(--wk-l),#2a3850);--wk-tree:color-mix(in srgb,#a8d9ae var(--wk-l),#2e5a45);--wk-trunk:color-mix(in srgb,#b98a55 var(--wk-l),#6b5038);--wk-house:color-mix(in srgb,#fff6e8 var(--wk-l),#2a2f45);--wk-roof:color-mix(in srgb,#f2836b var(--wk-l),#c9604b);--wk-door:#ffd98a;--wk-win:color-mix(in srgb,#ffe7a6 var(--wk-l),#ffe08a);--wk-card:var(--card);--wk-edge:var(--hair);--wk-pin:var(--ink);--wk-dot:color-mix(in srgb,#cfd8d4 var(--wk-l),#33425a);--wk-board:color-mix(in srgb,#c99158 var(--wk-l),#946a3c);--wk-clip:color-mix(in srgb,#aeb8b3 var(--wk-l),#7a8794);--wk-paw:color-mix(in srgb,var(--ink)20%,transparent);--wk-sun:color-mix(in srgb,#ffc94d var(--wk-l),#ffb955);--wk-c2:color-mix(in oklab,#1a8378,#fff var(--ink-lift));--wk-c3:color-mix(in oklab,#1e7caf,#fff var(--ink-lift));--wk-ease:cubic-bezier(.45,.05,.4,1)}.wk{text-align:left;max-width:1248px;margin:clamp(36px,5.5vh,60px) auto 0}.wk-view{isolation:isolate;border-radius:clamp(24px,3vw,36px);position:relative;overflow:hidden;box-shadow:0 30px 60px -42px #0d1a1273;container-type:inline-size}.wk-view:after{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hair2);pointer-events:none;position:absolute;inset:0}.wk-world{aspect-ratio:1248/420;width:100%;position:relative}.wk-sky,.wk-sky i{position:absolute;inset:0}.wk-sky i{opacity:0;transition:opacity 1.2s}.wk-sky i[data-on]{opacity:1}.wk-sky i:first-child{background:linear-gradient(180deg,color-mix(in srgb,#d7dee7 var(--wk-l),#101a2c),color-mix(in srgb,#e9edf1 var(--wk-l),#18233a))}.wk-sky i:nth-child(2){background:linear-gradient(180deg,color-mix(in srgb,#dcebea var(--wk-l),#0e1a26),color-mix(in srgb,#eef5f2 var(--wk-l),#142632))}.wk-sky i:nth-child(3){background:linear-gradient(180deg,color-mix(in srgb,#daeaf8 var(--wk-l),#13223a),color-mix(in srgb,#f4f1e4 var(--wk-l),#262a3a))}.wk-sky i:nth-child(4){background:linear-gradient(180deg,color-mix(in srgb,#ffe0bf var(--wk-l),#43293a),color-mix(in srgb,#fff3e2 var(--wk-l),#4f3828))}.wk-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wk-dog{transition:transform 1.8s var(--wk-ease)}.wk-sun{transition:transform 1.8s cubic-bezier(.3,1,.4,1)}.wk-fade{opacity:0;transition:opacity .9s var(--ease)}.wk-pop{opacity:0;transition:opacity .6s var(--ease),transform .7s var(--bounce);transform:translateY(16px)}.wk-glow{opacity:.35;transition:opacity 1.2s var(--ease)}:is(.wk-fade,.wk-pop,.wk-glow)[data-on]{opacity:1;transform:none}.wk-trails{fill:var(--wk-paw)}.wk-hearts{fill:#f25c7a}.wk-arm{transform-box:fill-box;transition:transform 1s cubic-bezier(.3,1.5,.5,1)}.wk-arm.l{transform-origin:100% 100%;transform:rotate(-117deg)}.wk-arm.r{transform-origin:0 100%;transform:rotate(117deg)}.wk-arm[data-on]{transform:none}.wk-arm[data-on] .wk-wave{transform-box:fill-box;animation:1.6s ease-in-out infinite wk-wl}.wk-arm.l[data-on] .wk-wave{transform-origin:100% 100%}.wk-arm.r[data-on] .wk-wave{transform-origin:0 100%;animation-name:wk-wr}.wk[data-back] :is(.wk-dog,.wk-world,.wk-sun,.wk-bar i){transition-duration:0s}.wk-art :is(.wk-bob,.wk-tail,.wk-la,.wk-lb,.wk-flap,.wk-float,.wk-rise,.wk-drop,.wk-leap){transform-box:fill-box}.wk-la,.wk-lb{transform-origin:50% 12%}.wk-la{animation:.42s ease-in-out infinite wk-la}.wk-lb{animation:.42s ease-in-out infinite wk-lb}.wk-bob{animation:.42s ease-in-out infinite alternate wk-bob}.wk-slow :is(.wk-la,.wk-lb,.wk-bob){animation-duration:.8s}.wk-tail{transform-origin:95% 95%;animation:1s ease-in-out infinite wk-wag}.wk-fast .wk-tail{animation-duration:.32s}.wk-flap{transform-origin:50% 10%;animation:.8s ease-in-out infinite wk-flap}.wk-leap{transform-origin:50%;animation:.9s ease-in-out infinite alternate wk-leap}.wk-float{animation:3.4s ease-in-out infinite wk-float}.wk-float.late{animation-delay:-1.1s}.wk-drop{animation:1.1s linear infinite wk-drop}.wk-rise{animation:2.4s ease-out infinite wk-rise}.wk-art .d1{animation-delay:-.5s}.wk-art .d2{animation-delay:-1.1s}.wk-art .d3{animation-delay:-1.8s}.wk:not([data-live]) .wk-art *{animation-play-state:paused}@keyframes wk-la{0%,to{transform:rotate(24deg)}50%{transform:rotate(-24deg)}}@keyframes wk-lb{0%,to{transform:rotate(-24deg)}50%{transform:rotate(24deg)}}@keyframes wk-bob{to{transform:translateY(-1.2px)}}@keyframes wk-wag{0%,to{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}@keyframes wk-flap{0%,to{transform:rotate(0)}50%{transform:rotate(-16deg)}}@keyframes wk-leap{0%{transform:translateY(6px)rotate(-5deg)}to{transform:translateY(-10px)rotate(-14deg)}}@keyframes wk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes wk-drop{0%{opacity:0;transform:translateY(-6px)}30%{opacity:1}to{opacity:0;transform:translateY(16px)}}@keyframes wk-rise{0%{opacity:0;transform:translateY(12px)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-56px)scale(1.15)}}@keyframes wk-wl{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes wk-wr{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}.wk-hint{background:var(--card);border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px 8px 10px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:clamp(12px,1.8vw,22px);left:clamp(12px,1.8vw,22px);box-shadow:0 8px 20px -14px #0d1a1280}.wk-hint svg{color:#f25c7a;width:16px;height:16px}.wk-next{background:var(--ink);min-height:48px;color:var(--paper);transition:translate .3s var(--bounce);border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex;position:absolute;top:clamp(10px,1.6vw,18px);right:clamp(12px,1.8vw,22px);box-shadow:0 10px 24px -14px #0d1a1299}.wk-next:hover{translate:0 -2px}.wk-next svg{stroke-width:2.4px;width:18px;height:18px}.wk-bar{background:var(--hair);border-radius:6px;height:6px;margin-top:22px;display:block;position:relative;overflow:hidden}.wk-bar i{border-radius:inherit;background:var(--grad);transition:width 1.8s var(--wk-ease);position:absolute;top:0;bottom:0;left:0}.wk-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 0;padding:0;list-style:none;display:grid}.wk-steps li{--kk:color-mix(in oklab,var(--k),#fff var(--ink-lift))}.wk-steps button{border:2px solid var(--hair);background:var(--card);text-align:left;width:100%;height:100%;transition:border-color .3s,background-color .3s,box-shadow .3s,translate .3s var(--bounce);border-radius:20px;flex-direction:column;align-items:flex-start;padding:16px 18px 18px;display:flex}.wk-steps button:hover{translate:0 -3px}.wk-steps button[aria-pressed=true]{border-color:var(--kk);background:color-mix(in srgb,var(--kk)9%,var(--card));box-shadow:0 20px 34px -24px #0d1a128c}.wk-no{color:var(--kk);letter-spacing:.08em;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.wk-no svg{background:var(--kk);width:24px;height:24px;color:var(--paper);stroke-width:2.6px;border-radius:50%;padding:5px}.wk-steps b{font-size:clamp(17px,1.4vw,19px);font-weight:var(--w-display);letter-spacing:-.015em;text-wrap:balance;margin-top:10px;line-height:1.25}.wk-body{color:var(--muted);text-wrap:pretty;margin-top:4px;font-size:15px;line-height:1.45}html[lang=th] .wk-steps b{letter-spacing:0}html.rm .wk-art *{animation:none}html.rm .wk *{transition:none}@media (max-width:980px){.wk-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:760px){.wk-view{--wk-h:clamp(250px,72vw,330px)}.wk-world{width:calc(var(--wk-h)*1248/420);height:var(--wk-h);aspect-ratio:auto;transform:translateX(clamp(calc(100cqw - 100%),calc(50cqw - var(--focus)*1%),0px));transition:transform 1.8s var(--wk-ease)}.wk-hint{display:none}.wk-next{min-height:44px;padding:0 16px;font-size:14px}}@media (max-width:520px){.wk-steps{grid-template-columns:minmax(0,1fr);gap:10px}.wk-steps button{border-radius:18px;padding:14px 16px 16px}.wk-steps b{margin-top:8px;font-size:17px}.wk-body{font-size:14.5px}}.journey{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start;gap:clamp(30px,5.4vw,86px);display:grid}.timeline{--gap:clamp(26px,3.2vh,34px);gap:var(--gap);text-align:left;display:grid;position:relative}.tl{padding-left:38px;position:relative}.tl:not(:last-child):before,.tl:not(:last-child):after{content:"";width:2px;height:calc(100% + var(--gap));position:absolute;top:10px;left:6px}.tl:not(:last-child):before{background:var(--hair)}.tl:not(:last-child):after{transform-origin:top;transform:scaleY(clamp(0,calc(var(--p,0)*var(--n,1) - var(--i,0)),1));background:linear-gradient(180deg,color-mix(in oklab,#11df85,#1971ff calc(var(--i,0)/var(--n,1)*100%)),color-mix(in oklab,#11df85,#1971ff calc((var(--i,0) + 1)/var(--n,1)*100%)))}html.rm .timeline,html.nojs .timeline{--p:1}.tl i{background:var(--paper);border:3px solid var(--deep2);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:0}.tl.now i{background:var(--grad-soft);border-color:#0000;box-shadow:0 0 0 6px #11df852e}.tl .when{font-size:12px;font-weight:var(--w-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tl h3{font-size:22px;font-weight:var(--w-display);letter-spacing:-.025em;margin:6px 0 0}.tl.now h3{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.tl.soon i{border-style:dashed;border-color:var(--muted)}.tl p{max-width:42ch;color:var(--muted);margin:8px 0 0;font-size:14.5px;line-height:1.5}@media (max-width:860px){.journey{grid-template-columns:1fr;gap:clamp(30px,5vh,44px)}}.section.eco{isolation:isolate;--eco-shade:#0d1a1242;padding:0;overflow-x:clip}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .section.eco{--eco-shade:#0000008c}}:root[data-theme=dark] .section.eco,:root.night .section.eco{--eco-shade:#0000008c}.eco-ground{z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--veil-edge),var(--veil)16%),var(--bg)50% 30%/cover no-repeat;height:min(100vh,940px);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.section.eco+.has-photo .photobg{--veil-open:rgb(var(--veil-rgb))}.eco-track{height:calc(100vh + (var(--n,6) + .6)*50vh);position:relative}.eco-pin{align-items:center;height:100vh;padding:clamp(96px,13vh,124px) 0 clamp(24px,4vh,48px);display:flex;position:sticky;top:0}.eco-pin:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(46% 40% at 16% 14%,var(--glow-a),transparent 70%),radial-gradient(44% 38% at 85% 20%,var(--glow-b),transparent 70%),radial-gradient(62% 40% at 50% 98%,var(--glow-a),transparent 72%);position:absolute;inset:0}.eco-dial{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);grid-template-areas:"head stage""side stage";align-items:center;gap:clamp(18px,3vh,30px) clamp(24px,5vw,72px);width:100%;display:grid;position:relative}.eco-head{grid-area:head;align-self:end}.eco-head .eyebrow{margin-bottom:14px}.eco-head .h2{font-size:clamp(32px,4.1vw,58px)}.eco-head .lead{max-width:44ch;margin:18px 0 0;font-size:clamp(15.5px,1.35vw,19px)}.eco-stagebox{grid-area:stage;justify-self:center;width:min(100%,640px,100vh - 220px)}.eco-hold{display:contents}.eco-runway{display:none}.eco-side{grid-area:side;align-self:start}.eco-stage{aspect-ratio:1;width:100%;position:relative;container-type:inline-size}.eco-rotor{transform:rotate(var(--rot,0deg));position:absolute;inset:0}.eco-wheel{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.eco-hub{fill:none;stroke:url(#eco-o);transform-box:view-box;transform-origin:500px 500px;opacity:0;transition:opacity .7s var(--ease),transform .9s var(--bounce);transform:scale(.72)}.eco-stage.in .eco-hub{opacity:1;transform:none}.eco-p{transform-box:view-box;transform-origin:500px 500px;opacity:0;transition:opacity .65s var(--ease),transform .85s var(--bounce);transition-delay:calc(var(--i,0)*85ms + 60ms);transform:scale(.5)rotate(-14deg)}.eco-stage.in .eco-p{opacity:1;transform:none}.eco-w{cursor:var(--cursor-tap);transform:translate(calc(var(--dx)*var(--k,0)),calc(var(--dy)*var(--k,0)))}.eco-sh{flood-color:var(--eco-shade)}.eco-sock{fill:var(--hair2);stroke:color-mix(in srgb,var(--ink)24%,transparent);stroke-width:3px;stroke-dasharray:10 9;opacity:0;pointer-events:none}.eco-str{fill:none;stroke:color-mix(in oklab,var(--c),#fff calc(22% + var(--ink-lift)*.35));stroke-linecap:round;pointer-events:none}.eco-str.thick{stroke-width:10px}.eco-str.thin{stroke-width:5px}.eco-lab{z-index:3;color:#fff;text-align:center;-webkit-tap-highlight-color:transparent;opacity:0;width:17cqi;transition:opacity .6s var(--ease)calc(var(--i,0)*85ms + .19s);border-radius:1.6cqi;position:absolute;translate:-50% -50%}.eco-rotor .eco-lab{transform:translate(calc(var(--ux)*var(--k,0)*1cqi),calc(var(--uy)*var(--k,0)*1cqi))}.eco-stage.in .eco-lab{opacity:1}.eco-lab:focus-visible{outline-offset:4px;outline-color:#fff}.eco-in{transform:rotate(calc(var(--rot,0deg)*-1));flex-direction:column;align-items:center;gap:.85cqi;display:flex}.eco-lab .eco-ico{width:5.8cqi;min-width:24px;height:5.8cqi;min-height:24px;color:var(--c);transition:transform .45s var(--bounce);background:#fffffff2;border-radius:1.8cqi;flex:none;place-items:center;display:grid}.eco-lab .eco-ico svg{stroke-width:2.1px;width:56%;height:56%}.eco-lab b{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(11px,2.05cqi,18px);font-weight:700;line-height:1.15;display:block}html[lang=th] .eco-lab b{letter-spacing:0;font-weight:600}.eco-lab[data-on] .eco-ico{transform:scale(1.12)}.eco-core{z-index:2;pointer-events:none;place-items:center;width:10cqi;height:10cqi;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.eco-core svg{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease),transform .75s var(--bounce);transition-delay:.12s;transform:scale(.6)}.eco-stage.in .eco-core svg{opacity:1;transform:none}.eco-paw{fill:url(#eco-paw)}.eco-stage[data-act] .eco-paw{fill:var(--c)}html.nojs .eco-p,html.nojs .eco-hub,html.nojs .eco-lab,html.nojs .eco-core svg{opacity:1;transform:none}.eco-panel{display:grid}.eco-card{background:var(--card);border:1px solid var(--hair);transition:opacity .35s var(--ease),transform .45s var(--ease);border-radius:22px;grid-area:1/1;align-items:center;gap:clamp(12px,1.3vw,18px);padding:clamp(16px,1.8vw,24px);display:flex;box-shadow:0 24px 50px -34px #0d1a1273}.eco-card:not([data-on]){opacity:0;pointer-events:none;transform:translateY(8px)}.eco-card.rest{display:block}.eco-rest{color:var(--ink);text-wrap:pretty;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.5}.eco-tile{background:var(--c);color:#fff;border-radius:30%;flex:none;place-items:center;width:clamp(40px,3.8vw,52px);height:clamp(40px,3.8vw,52px);display:grid}.eco-tile svg{width:52%;height:52%}.eco-count{font-family:var(--font);letter-spacing:.14em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700;display:block}.eco-say b{font-size:clamp(19px,1.9vw,26px);font-weight:var(--w-display);letter-spacing:-.02em;color:color-mix(in oklab,var(--c),#fff var(--ink-lift));margin-top:2px;line-height:1.15;display:block}html[lang=th] .eco-say b{letter-spacing:0}.eco-body{color:var(--muted);margin-top:4px;font-size:clamp(15px,1.2vw,17px);line-height:1.45;display:block}.eco-hint{color:var(--muted);background:var(--hair2);border-radius:999px;align-items:center;gap:8px;margin:14px 0 0;padding:6px 14px 6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.eco-hint svg{flex:none;width:16px;height:16px}.eco-hint .touch{display:none}@media (hover:none){.eco-hint .fine{display:none}.eco-hint .touch{display:inline}}.eco-steps{gap:6px;margin-top:12px;display:flex}.eco-steps i{background:var(--hair);border-radius:4px;flex:1;height:4px;transition:background .35s}.eco-steps i[data-on]{background:var(--c)}html.rm .eco-track,html.nojs .eco-track{height:auto}html.rm .eco-pin,html.nojs .eco-pin{height:auto;position:relative}@media (max-width:900px){.eco-track{height:auto}.eco-pin{height:auto;padding:clamp(104px,15vh,132px) 0 clamp(56px,8vh,96px);position:relative}.eco-dial{text-align:center;grid-template-columns:1fr;grid-template-areas:"head""stage""side"}.eco-head{align-self:auto}.eco-head .lead{margin-inline:auto}.eco-stagebox{width:min(100%,460px);margin-bottom:min(6.5%,30px)}.eco-side{text-align:left;justify-self:center;width:min(100%,560px)}.eco-dial{display:block}.eco-head{margin-bottom:clamp(28px,5vh,44px)}.eco-hold{z-index:1;display:block;position:sticky;top:92px}.eco-hold .eco-stagebox{width:min(100%,400px,100svh - 340px);margin-inline:auto}.eco-hold .eco-side{margin-inline:auto}.eco-runway{height:calc((var(--n,6) + .6)*50svh);display:block}}html.rm .eco-runway,html.nojs .eco-runway{display:none}html.rm .eco-hold,html.nojs .eco-hold{position:static}.orbit{aspect-ratio:1.9;width:min(560px,92%);margin:clamp(40px,6vh,64px) auto 0;position:relative}.orbit .ring{aspect-ratio:1;border:1.5px dashed var(--hair);width:min(420px,84%);transform:translate(-50%,-50%)rotate(calc(var(--p,0)*80deg));border-radius:50%;position:absolute;top:50%;left:50%}.orbit .core{background:var(--grad-soft);border-radius:36px;place-items:center;width:112px;height:112px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 60px -22px #2678fe99}.node{text-align:center;width:150px;position:absolute}.node .tile{width:70px;height:70px;box-shadow:var(--card-shadow);border-radius:24px;margin:0 auto}.node .tile svg{width:34px;height:34px}.node b{margin-top:10px;font-size:15px;display:block}.node span{color:var(--muted);font-size:12.5px}.node.n1{top:8%;left:-8%}.node.n2{top:8%;right:-8%}.node.n3{bottom:-14%;left:50%;transform:translate(-50%)}@media (max-width:640px){.orbit{aspect-ratio:1.1}.node{width:110px}.node.n1{top:0;left:-4%}.node.n2{top:0;right:-4%}.node.n3{bottom:-8%}.orbit .core{border-radius:28px;width:88px;height:88px}}.typeswitch{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(30px,4vh,44px);display:flex}.tsw{background:var(--card);border:1px solid var(--hair);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;border-radius:999px;align-items:center;gap:12px;padding:12px 20px 12px 12px;text-decoration:none;display:flex;box-shadow:0 10px 30px -20px #0d1a1266}.tsw:hover{box-shadow:var(--card-shadow);transform:translateY(-3px)}.tsw .tile{border-radius:13px;width:38px;height:38px}.tsw .tile svg{width:20px;height:20px}.tsw b{letter-spacing:-.01em;font-size:15px;display:block}.tsw .sub{color:var(--muted);font-size:12.5px;font-weight:500;display:block}.tsw.on{background:var(--ink);color:var(--paper);border-color:#0000}.tsw.on .sub{color:#ffffff9e}.tsw.on .tile{background:#fff}:root[data-theme=dark] .tsw.on,:root:not([data-theme=light]) .tsw.on{color:var(--paper)}.tsw .go{opacity:.4;margin-left:2px}.tsw .go svg{width:16px;height:16px}@media (max-width:560px){.typeswitch{text-align:left;flex-direction:column;align-items:stretch;max-width:300px;margin-inline:auto}.tsw .go{margin-left:auto}}.matrix-wrap{border:1px solid var(--hair);background:var(--card);border-radius:26px;margin-top:clamp(40px,6vh,60px);position:relative;overflow-x:auto}@media (min-width:760px){.matrix-wrap{overflow-x:visible}}.matrix{border-collapse:collapse;text-align:left;width:100%;min-width:620px}.matrix th,.matrix td{border-bottom:1px solid var(--hair2);padding:13px 18px}.matrix thead th{background:var(--card);font-size:12px;font-weight:var(--w-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);z-index:2;box-shadow:inset 0 -1px 0 var(--hair);position:sticky;top:74px}.matrix thead th:first-child{border-top-left-radius:26px}.matrix thead th:last-child{border-top-right-radius:26px}html[lang=th] .matrix thead th{letter-spacing:.02em}.matrix thead th:not(:first-child),.matrix td:not(:first-child){text-align:center;width:120px}.matrix tbody tr:last-child td{border-bottom:0}.matrix tbody tr:hover{background:var(--hair2)}.matrix td:first-child{font-size:15px;font-weight:600}.matrix td:first-child span{color:var(--muted);margin-top:2px;font-size:13px;font-weight:400;display:block}.mk{background:var(--grad-soft);border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}.mk svg{stroke:#fff;stroke-width:2.6px;width:13px;height:13px}.mk.no{background:var(--hair2)}.mk.no:after{content:"";background:var(--muted);opacity:.7;border-radius:2px;width:9px;height:1.5px}.matrix .head-t{color:var(--ink);align-items:center;gap:7px;display:inline-flex;position:relative}.matrix .head-t:after{content:"";position:absolute;inset:-11px -8px}.matrix .head-t i{border-radius:8px;place-items:center;width:22px;height:22px;display:grid}.matrix .head-t i svg{width:13px;height:13px}.spec{text-align:left;border-top:1px solid var(--hair);margin-top:clamp(40px,6vh,60px)}.specrow{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px;padding:26px 0;display:grid}.specrow h3{font-size:clamp(19px,2vw,23px);font-weight:var(--w-display);letter-spacing:-.02em;margin:0}.specrow .k{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-top:8px;font-size:12px;font-weight:700;display:block}html[lang=th] .specrow .k{letter-spacing:.02em}.specrow p{color:var(--muted);max-width:60ch;margin:0 0 14px;font-size:15.5px;line-height:1.6}.specrow ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.specrow li{align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.specrow li i{background:var(--grad-soft);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:3px;display:grid}.specrow li i svg{stroke:#fff;width:11px;height:11px}@media (max-width:760px){.specrow{grid-template-columns:1fr;gap:12px;padding:22px 0}}.cards{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:clamp(36px,5vh,56px);display:flex}.ccard{background:var(--card);border:1px solid var(--hair);text-align:center;width:280px;box-shadow:var(--card-shadow);border-radius:24px;padding:26px}.ccard .tile{border-radius:18px;width:58px;height:58px;margin:0 auto 14px}.ccard b{margin-bottom:4px;font-size:17px;display:block}.ccard span:not(.tile){color:var(--muted);font-size:13.5px;line-height:1.55;display:block}.form-wrap{text-align:left;max-width:640px;margin:0 auto;position:relative}.form-wrap .halo{background:var(--grad-soft);opacity:.18;filter:blur(26px);z-index:0;border-radius:36px;position:absolute;inset:-14px}.form{z-index:1;background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:28px;grid-template-columns:1fr 1fr;gap:14px 16px;padding:clamp(22px,3vw,34px);display:grid;position:relative}.form .full{grid-column:1/-1}.form label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form input,.form select,.form textarea{border:1px solid var(--hair);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:13px;padding:11px 14px;font-size:15px;line-height:1.35;transition:border-color .2s,box-shadow .2s}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #1971ff26}.form textarea{resize:vertical;min-height:96px}.form .head{text-align:center;grid-column:1/-1}.form .head h3{font-size:25px;font-weight:var(--w-display);letter-spacing:-.03em;margin:0}.form .head p{color:var(--muted);text-wrap:balance;margin:6px 0 0;font-size:14.5px}.form .btn{justify-content:center;width:100%;padding-block:13px}@media (max-width:640px){.form{grid-template-columns:1fr}.form .half{grid-column:auto}}.faq{text-align:left;flex-direction:column;gap:12px;max-width:760px;margin:clamp(36px,5vh,56px) auto 0;display:flex}.faq details{background:var(--card);border:1px solid var(--hair);border-radius:20px;padding:0 22px;transition:box-shadow .3s}.faq details[open]{box-shadow:var(--card-shadow)}.faq summary{cursor:var(--cursor-tap);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:16.5px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary i{background:var(--hair2);width:28px;height:28px;transition:transform .3s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.faq details[open] summary i{transform:rotate(45deg)}.faq summary i svg{width:14px;height:14px}.faq p{color:var(--muted);margin:0;padding:0 0 22px;font-size:15px;line-height:1.6}.faq-sub-links a:hover{color:var(--blue)!important}.faq-link{background:var(--card);border:1px solid var(--hair);color:inherit;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:16.5px;font-weight:700;text-decoration:none;display:flex}.faq-link:hover{border-color:var(--blue)}.faq-link:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #1971ff33}.faq-link i{background:var(--hair2);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;transition:background .3s,color .3s;display:grid}.faq-link:hover i{background:var(--blue);color:#fff}.faq-link i svg{width:14px;height:14px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visit-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.visit-photo{box-shadow:var(--card-shadow);border:1px solid var(--hair);aspect-ratio:3/2;border-radius:28px;margin:0;overflow:hidden}.visit-photo img{object-fit:cover;width:100%;height:100%;display:block}.visit-list{text-align:left;gap:14px;margin:0;padding:0;list-style:none;display:grid}.visit-list li{background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:22px;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.visit-list .tile{border-radius:15px;width:48px;height:48px}.visit-list .tile svg{width:24px;height:24px}.visit-list b{margin:3px 0 4px;font-size:17px;display:block}.visit-list span:not(.tile),.visit-list a{color:var(--muted);font-size:14.5px;line-height:1.55;display:block}.visit-list a{color:var(--link);overflow-wrap:anywhere;font-weight:600;text-decoration:none}.visit-list a:hover{text-decoration:underline}@media (max-width:820px){.visit-grid{grid-template-columns:1fr}.visit-photo{aspect-ratio:16/10}}.desk-hero{padding:clamp(112px,15vh,150px) 0 clamp(56px,7vh,84px);position:relative;overflow:hidden}.desk-hero .glow{pointer-events:none;z-index:0;background:radial-gradient(42% 46% at 22% 20%,var(--glow-a),transparent 70%),radial-gradient(40% 44% at 80% 18%,var(--glow-b),transparent 70%);height:120%;position:absolute;inset:-20% -10% auto}.desk-table{z-index:1;max-width:1280px;margin:0 auto;padding:0 clamp(16px,3vw,40px);position:relative}.desk{--dk-l:calc(100% - var(--ink-lift)*1.92);--mat:color-mix(in srgb,#cdebdb var(--dk-l),#0e2a28);--mat-ln:color-mix(in srgb,#0d1a1212 var(--dk-l),#ffffff0d);--mat-ln2:color-mix(in srgb,#0d1a121f var(--dk-l),#ffffff17);--sheet:color-mix(in srgb,#fff var(--dk-l),#f4f1ea);--dk-shadow:0 22px 30px -16px #05191273,0 3px 6px -2px #05191233;--hand:var(--font-caveat),"Segoe Print","Comic Sans MS",cursive;background-color:var(--mat);background-image:linear-gradient(var(--mat-ln2)1px,transparent 1px),linear-gradient(90deg,var(--mat-ln2)1px,transparent 1px),linear-gradient(var(--mat-ln)1px,transparent 1px),linear-gradient(90deg,var(--mat-ln)1px,transparent 1px);box-shadow:var(--card-shadow);background-position:-1px -1px;background-size:200px 200px,200px 200px,40px 40px,40px 40px;border-radius:40px;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) 236px;grid-template-areas:"lh pol phone""notes card phone";align-items:start;gap:30px 32px;padding:52px 46px 128px;display:grid;position:relative}html[lang=th] .desk{--hand:var(--font-mali),var(--font-th)}.desk:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,var(--mat-ln2)0 1px,transparent 1px 10px);height:10px;position:absolute;top:14px;left:40px;right:40px}.dk-obj{--ink-lift:0%;color:#0d1a12;text-align:left;box-shadow:var(--dk-shadow);rotate:var(--tilt,0deg);transition:rotate .5s var(--bounce),translate .5s var(--bounce);position:relative}.dk-obj:hover{translate:0 -6px;rotate:none}.dk-hand{font-family:var(--hand);font-weight:700}html[lang=th] .dk-hand{font-weight:600}.dk-tape{background:#ffe0a0d9;width:86px;height:26px;margin-left:-43px;position:absolute;top:-12px;left:50%;rotate:-4deg;box-shadow:0 1px 2px #00000014}.dk-lh{--tilt:-1.4deg;background:var(--sheet);border-radius:6px;grid-area:lh;padding:clamp(28px,3vw,38px) clamp(24px,3vw,40px) clamp(28px,3vw,36px)}.dk-lh .eyebrow{color:#1566e0;margin:0}.dk-clip{border:4px solid #a9b5b0;border-bottom-color:#0000;border-radius:12px;width:24px;height:62px;position:absolute;top:-18px;left:60px}.dk-title{font-size:clamp(52px,6.6vw,96px);font-weight:var(--w-display);letter-spacing:-.05em;margin:14px 0 0;line-height:.92}.dk-title .grad{background-image:linear-gradient(92deg,#11df85,#2fb5c2 46%,#1971ff);margin-bottom:-.18em;padding-bottom:.18em}html[lang=th] .dk-title{font-size:clamp(40px,5vw,72px);line-height:1.12}.dk-sub{color:#5f6d67;text-wrap:pretty;max-width:36ch;margin:18px 0 0;font-size:clamp(16px,1.4vw,20px);line-height:1.5}.dk-pol{--tilt:4deg;background:var(--sheet);border-radius:4px;grid-area:pol;margin:-8px 0 0;padding:12px 12px 0}.dk-pol img{aspect-ratio:3/2.1;object-fit:cover;border-radius:2px;width:100%;height:auto}.dk-pol figcaption{text-align:center;padding:6px 4px 10px;font-size:24px;line-height:1.15}html[lang=th] .dk-pol figcaption{font-size:18px;line-height:1.5}.dk-notes{grid-area:notes;align-items:flex-start;gap:16px;padding-left:14px;display:flex}.dk-note{--tilt:-4deg;color:#3a2a08;background:#ffe58a;flex-direction:column;flex:none;width:214px;padding:20px 20px 22px;display:flex}.dk-note+.dk-note{--tilt:5deg;color:#4a1a2c;background:#ffc2d4;width:190px;margin-top:20px}.dk-note .dk-tape{background:#ffffff8c;width:74px;margin-left:-37px;rotate:3deg}.dk-note b{font-size:25px;line-height:1}.dk-days{font-size:38px;line-height:1.05}.dk-note b+.dk-days{margin-top:10px}.dk-note small{opacity:.8;margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.4}html[lang=th] .dk-note b{font-size:19px;line-height:1.4}html[lang=th] .dk-days{font-size:23px;line-height:1.45}html[lang=th] .dk-note small{font-size:13px}.dk-card{grid-area:card;margin:10px 0 0 clamp(-90px,-5.5vw,-40px);position:relative}.dk-under{--tilt:3deg;background:color-mix(in srgb,#eef2f0 var(--dk-l),#dddad2);border-radius:10px;position:absolute;inset:12px -14px -12px 16px}.dk-bc{--tilt:-3deg;background:var(--sheet);--logo-g1:#38c8a8;--logo-g2:#2fb5c2;--logo-g3:#3e7de8;border-radius:10px;flex-direction:column;gap:12px;padding:22px 24px 20px;font-size:14.5px;font-style:normal;line-height:1.45;display:flex}.dk-bc-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.dk-bc-top>span:last-child{letter-spacing:.18em;text-transform:uppercase;color:#5f6d67;font-size:11px;font-weight:800}html[lang=th] .dk-bc-top>span:last-child{letter-spacing:.02em;font-size:12.5px;font-weight:600}.dk-row{align-items:flex-start;gap:10px;display:flex}.dk-row svg{color:#16774a;flex:none;width:18px;height:18px;margin-top:2px}.dk-row:first-of-type svg{color:#1f64b8}.dk-row a{color:#1f64b8;overflow-wrap:anywhere;font-size:16px;font-weight:800;text-decoration:none}.dk-row a:hover{text-decoration:underline}.dk-row b,.dk-row span span{display:block}.dk-bar{background:linear-gradient(92deg,#11df85,#2fb5c2 46%,#1971ff);border-radius:3px;height:5px;margin-top:4px}.desk.no-phone{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-areas:"lh pol""notes card"}.desk .dk-phone{--tilt:5deg;z-index:2;width:236px;box-shadow:var(--dk-shadow);grid-area:phone;margin-top:90px}.dk-phone .screen{text-align:left;flex-direction:column;padding:38px 13px 12px;display:flex}.dk-ph-title{letter-spacing:-.01em;font-size:17px}.dk-ph-hint{color:#5f6d67;margin-top:2px;font-size:11.5px}.dk-phone ul{margin:8px 0 0;padding:0;list-style:none}.dk-phone li>*{color:#0d1a12;border-bottom:1px solid #e8eeeb;align-items:center;gap:9px;padding:9px 0;text-decoration:none;display:flex}.dk-phone li>a>svg{color:#9aa7a1;flex:none;width:14px;height:14px;margin-left:auto}.dk-net{color:#fff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.dk-net svg{width:19px;height:19px}.n-instagram{background:linear-gradient(45deg,#f9a341 0%,#e8344d 40%,#c02e9c 70%,#5b47d6 100%)}.n-tiktok{background:#0d0d12}.n-tiktok svg{filter:drop-shadow(-1.2px -1px #25f4ee)drop-shadow(1.2px 1px #fe2c55)}.n-facebook{background:#1668d8}.dk-acct{min-width:0}.dk-acct b{font-size:12.5px;line-height:1.3;display:block}.dk-acct span{color:#5f6d67;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;display:block;overflow:hidden}.dk-feed{grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;display:grid}.dk-feed img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;height:auto}.dk-cup{width:150px;height:150px;box-shadow:var(--dk-shadow);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;left:33%;rotate:-8deg}.dk-cup>span{background:radial-gradient(circle at 45% 40%,#a87447,#7a4b26 72%);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 0 0 10px #f1ece3,0 0 0 13px #e2d9ca}.dk-cup svg{fill:#f6e7cf;width:54px;height:54px}.dk-cup:after{content:"";border:8px solid #fff;border-left:0;border-radius:0 16px 16px 0;width:38px;height:30px;position:absolute;top:58px;right:-24px}.dk-pencil{width:250px;height:18px;box-shadow:var(--dk-shadow);background:linear-gradient(#f7c948 0 33%,#e8b530 33% 66%,#f7c948 66%);border-radius:3px 9px 9px 3px;position:absolute;bottom:38px;left:10%;rotate:-14deg}.dk-pencil:before{content:"";border-right:26px solid #f2d6a8;border-block:9px solid #0000;position:absolute;top:0;left:-26px}.dk-pencil:after{content:"";background:#f49fbc;border-radius:0 8px 8px 0;width:24px;height:18px;position:absolute;top:0;right:-22px;box-shadow:-6px 0 #bfc7c3}.dk-ball{width:64px;height:64px;box-shadow:var(--dk-shadow);background:radial-gradient(circle at 35% 30%,#f1ff7a,#c6d82e 70%);border-radius:50%;position:absolute;bottom:62px;right:13%}.dk-ball:after{content:"";border:3px solid #0000;border-inline-color:#fff;border-radius:50%;position:absolute;inset:6px;rotate:30deg}.dk-aside{white-space:nowrap;color:color-mix(in srgb,#b4472b var(--dk-l),#ffaa92);font-size:24px;position:absolute;bottom:54px;left:57%;rotate:-6deg}html[lang=th] .dk-aside{font-size:18px}.desk .dk-dog{z-index:3;transform-origin:50% 90%;width:130px;height:auto;animation:3.4s ease-in-out infinite dk-peek;position:absolute;bottom:-46px;left:68%}@keyframes dk-peek{0%,to{rotate:-4deg}50%{rotate:4deg}}html.rm .desk .dk-dog{animation:none}html.rm .dk-obj{transition:none}@media (max-width:1100px){.desk{grid-template-columns:minmax(0,1fr) 236px;grid-template-areas:"lh lh""pol phone""card phone""notes notes";gap:34px;padding:44px 34px 128px}.dk-pol{justify-self:center;width:100%;max-width:340px;margin:0}.dk-card{justify-self:center;width:100%;max-width:420px;margin:0}.desk .dk-phone{margin-top:0}.desk.no-phone{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"lh lh""pol card""notes notes";align-items:center}.dk-notes{justify-content:center;padding:0}.dk-pencil{display:none}.dk-cup{width:124px;height:124px;bottom:24px;left:5%}.dk-cup>span{width:90px;height:90px}.dk-cup svg{width:44px;height:44px}.dk-cup:after{top:46px}.dk-aside{left:auto;right:calc(13% + 190px)}.desk .dk-dog{left:auto;right:calc(13% + 64px)}}@media (max-width:640px){.desk{border-radius:28px;grid-template-columns:minmax(0,1fr);grid-template-areas:"lh""pol""notes""card""phone";gap:32px;padding:34px 18px 112px}.desk:before{left:22px;right:22px}.dk-lh{--tilt:-1deg}.dk-title{font-size:clamp(46px,14vw,64px)}html[lang=th] .dk-title{font-size:clamp(36px,10.5vw,48px)}.dk-pol{max-width:300px}.dk-notes{gap:12px}.dk-note,.dk-note+.dk-note{flex:1 1 0;width:auto;min-width:0;padding:16px 14px 18px}.dk-days{font-size:28px}html[lang=th] .dk-days{font-size:19px}.dk-card{max-width:none}.dk-bc{padding:20px 18px 18px}.desk .dk-phone{justify-self:center}.desk.no-phone{grid-template-columns:minmax(0,1fr);grid-template-areas:"lh""pol""notes""card"}.dk-cup{display:none}.dk-ball{width:52px;height:52px;bottom:40px;right:8%}.dk-aside{font-size:21px;bottom:44px;left:5%;right:auto}html[lang=th] .dk-aside{font-size:16px}.desk .dk-dog{width:104px;bottom:-38px;left:44%;right:auto}}.form-wrap.pad{--pad-l:calc(100% - var(--ink-lift)*1.92);max-width:900px}.pad .form{--ink-lift:0%;--pen:#1f4fb0;--hand:var(--font-caveat),"Segoe Print","Comic Sans MS",cursive;color:#0d1a12;background-color:color-mix(in srgb,#fffef8 var(--pad-l),#f4f1ea);background-image:linear-gradient(90deg,#0000 78px,#e8344d59 78px 80px,#0000 80px),repeating-linear-gradient(#0000 0 39px,#1f64b821 39px 40px);background-position:0 0,0 22px;border:0;border-radius:6px 6px 22px 22px;gap:22px 32px;padding:62px 60px 48px 104px}html[lang=th] .pad .form{--hand:var(--font-mali),var(--font-th)}.pad-rings{z-index:2;pointer-events:none;justify-content:space-around;height:40px;display:flex;position:absolute;top:-18px;left:40px;right:40px;overflow:hidden}.pad-rings i{border:4px solid #9aa7a1;border-radius:9px;flex:none;width:16px;height:40px}.pad .form .head{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 24px;display:grid}.pad .form .head h3{font-size:clamp(30px,3.2vw,40px);line-height:1.1}.pad .form .pad-hand{font:700 26px/1.1 var(--hand);color:#b4472b;margin:6px 0 0}html[lang=th] .pad .form .pad-hand{font-size:19px;font-weight:600;line-height:1.5}.pad-stamp{opacity:.85;color:#b4472b;letter-spacing:.14em;text-transform:uppercase;text-align:center;border:3px dashed #b4472b;border-radius:50%;flex-direction:column;grid-area:1/2/span 2;justify-content:center;align-items:center;width:96px;height:96px;font-size:10.5px;font-weight:900;line-height:1.3;display:flex;rotate:-12deg}.pad-stamp span:nth-child(2){letter-spacing:.04em;font-size:16px}html[lang=th] .pad-stamp{letter-spacing:0;font-size:11px;font-weight:600}.pad .form label{letter-spacing:.08em;text-transform:uppercase;color:#5f6d67;margin-bottom:2px;font-size:12.5px;font-weight:800}html[lang=th] .pad .form label{letter-spacing:0;font-size:13.5px;font-weight:600}.pad .form :is(input,textarea){border:0;height:46px;color:var(--pen);font:700 26px/1 var(--hand);background:0 0;border-bottom:2px solid #0d1a1240;border-radius:0;padding:0 2px}html[lang=th] .pad .form :is(input,textarea){font-size:19px;font-weight:600}.pad .form textarea{border:2px solid #0d1a122e;border-radius:12px;height:124px;min-height:0;padding:4px 12px;line-height:38px}.pad .form ::placeholder{color:#7a8782;opacity:1}.pad .form :is(input,textarea):focus{border-color:var(--pen);box-shadow:none;background:#1f4fb00d}.pad .form .full:last-child{justify-content:flex-end;display:flex}.pad .form .btn{width:auto;padding:15px 28px}@media (max-width:640px){.pad .form{background-image:linear-gradient(90deg,#0000 30px,#e8344d59 30px 32px,#0000 32px),repeating-linear-gradient(#0000 0 39px,#1f64b821 39px 40px);padding:50px 18px 28px 46px}.pad-rings{left:16px;right:16px}.pad-stamp{width:74px;height:74px;font-size:8.5px}.pad-stamp span:nth-child(2){font-size:13px}.pad .form .btn{justify-content:center;width:100%}}.hand-note{font:700 26px/1.1 var(--font-caveat),"Segoe Print","Comic Sans MS",cursive;color:color-mix(in srgb,#b4472b calc(100% - var(--ink-lift)*1.92),#ffaa92);margin:14px 0 0;rotate:-1.5deg}html[lang=th] .hand-note{font:600 19px/1.5 var(--font-mali),var(--font-th)}.faq.cardbox{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 26px;max-width:1100px;display:grid}.cardbox .faq-col{flex-direction:column;gap:18px;display:flex}.cardbox :is(details,.faq-link){color:#0d1a12;background:color-mix(in srgb,#fff calc(100% - var(--ink-lift)*1.92),#f4f1ea);border:0;border-radius:6px;box-shadow:0 14px 26px -18px #0d1a1280,0 1px 2px #0d1a1214}.cardbox .faq-col>:nth-child(odd){rotate:-.5deg}.cardbox .faq-col>:nth-child(2n){rotate:.45deg}.cardbox summary,.cardbox .faq-link{font-size:15.5px}.cardbox summary{padding:15px 0}.cardbox .faq-link{padding:15px 22px}.cardbox details[open] summary{border-bottom:2px solid #e8344d73}.cardbox :is(summary,.faq-link) i{color:#b4472b;background:0 0}.cardbox .faq-link:hover{border-color:#0000}.cardbox .faq-link:hover i{color:#1f64b8;background:0 0}.cardbox p{color:#3b4a43;background:repeating-linear-gradient(#0000 0 27px,#1f64b821 27px 28px) 0 12px/100% calc(100% - 30px) no-repeat;padding:12px 0 18px;line-height:28px}.cardbox .faq-sub-links{padding-top:14px}.cardbox .faq-sub-links a{color:#3b4a43!important}.cardbox .faq-sub-links a:hover{color:#1f64b8!important}@media (max-width:820px){.faq.cardbox{grid-template-columns:minmax(0,1fr);max-width:760px}}.doc{padding-top:clamp(132px,19vh,188px)}.doc .glow{pointer-events:none;z-index:0;background:radial-gradient(40% 58% at 18% 8%,var(--glow-a),transparent 70%),radial-gradient(38% 54% at 84% 4%,var(--glow-b),transparent 70%);height:620px;position:absolute;inset:0 0 auto}.doc .wrap{z-index:1;position:relative}.doc-head{max-width:780px}.doc-head .h2{width:fit-content;max-width:100%;font-size:clamp(36px,4.6vw,62px)}.doc-date{color:var(--muted);margin:16px 0 0;font-size:14px;font-weight:600}.doc-head .lead{max-width:62ch;margin:18px 0 0}.doc-body{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,76px);margin-top:clamp(40px,6vh,64px);display:grid}.doc-toc{font-size:14px;position:sticky;top:104px}.doc-toc p{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:0 0 12px;font-size:12px;font-weight:700}html[lang=th] .doc-toc p{letter-spacing:.04em}.doc-toc ol{border-left:1px solid var(--hair);counter-reset:toc;gap:2px;margin:0;padding:0;list-style:none;display:grid}.doc-toc li{counter-increment:toc}.doc-toc a{color:var(--muted);border-left:2px solid #0000;gap:8px;margin-left:-1px;padding:6px 0 6px 14px;line-height:1.4;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.doc-toc a:before{content:counter(toc);font-variant-numeric:tabular-nums;min-width:1.2em;font-weight:700}.doc-toc a:hover{color:var(--ink);border-left-color:var(--blue)}.doc-text{min-width:0;max-width:70ch}.doc-part{padding-bottom:clamp(26px,4vh,38px);scroll-margin-top:104px}.doc-part+.doc-part{border-top:1px solid var(--hair);padding-top:clamp(26px,4vh,38px)}.doc-part h2{font-size:clamp(20px,2vw,24px);font-weight:var(--w-display);letter-spacing:-.02em;align-items:baseline;gap:12px;margin:0 0 14px;line-height:1.3;display:flex}html[lang=th] .doc-part h2{letter-spacing:0}.doc-part h2 .n{background:var(--grad);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;flex:none;min-width:1.1em}.doc-part p,.doc-part li{color:var(--muted);font-size:16px;line-height:1.7}.doc-part p{margin:0 0 14px}.doc-part.plain p,.doc-head .lead.plain{white-space:pre-line}.doc-part b{color:var(--ink)}.doc-part a,.doc-head a{color:var(--link);overflow-wrap:anywhere;font-weight:600;text-decoration:none}.doc-part a:hover,.doc-head a:hover{text-decoration:underline}.doc-part ul,.doc-part ol{gap:8px;margin:0 0 14px;padding-left:1.35em;display:grid}.doc-part ul{list-style:outside}.doc-part ol{list-style:decimal}.doc-part li{padding-left:.2em}.doc-part li::marker{color:var(--blue);font-weight:700}.doc-part>:last-child{margin-bottom:0}@media (max-width:900px){.doc-body{grid-template-columns:1fr}.doc-toc{background:var(--card);border:1px solid var(--hair);border-radius:20px;padding:18px 20px 12px;position:static}.doc-toc a{align-items:center;min-height:44px;padding-block:10px}}.scue{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:65;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .4s var(--ease);text-shadow:0 1px 2px rgb(var(--veil-rgb)/.75);flex-direction:column;align-items:center;gap:6px;display:none;position:fixed;transform:translate(-50%)}.scue[data-on]{opacity:.7}.scue-label{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1}html[lang=th] .scue-label{letter-spacing:.04em;font-size:11px}.scue svg{width:18px;height:10px;filter:drop-shadow(0 1px 2px rgb(var(--veil-rgb)/.75));display:block}.scue svg+svg{margin-top:-5px}.scue .c1{animation:1.6s ease-in-out infinite scue-fade}.scue .c2{animation:1.6s ease-in-out .3s infinite scue-fade}@keyframes scue-fade{0%,to{opacity:.25}50%{opacity:1}}html.rm .scue svg{opacity:.8;animation:none}@media (max-width:760px){.scue{display:flex}}.toast{z-index:80;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;transition:opacity .4s,transform .4s var(--ease);border-radius:999px;padding:14px 20px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);box-shadow:0 20px 50px -20px #00000080}.toast.show{opacity:1;transform:translate(-50%)}.checks{text-align:left;gap:18px;margin-top:clamp(36px,5vh,56px);display:grid}.checks.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.checks.two{grid-template-columns:1fr}}.ckcard{background:var(--card);border:1px solid var(--hair);border-radius:26px;padding:28px}.tone-ink .ckcard{border-color:var(--night-hair);background:#ffffff0d}.ckcard .top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.ckcard h3{font-size:21px;font-weight:var(--w-display);letter-spacing:-.02em;margin:0}.tone-ink .ckcard h3{background:linear-gradient(92deg,#63ee9d,#5ac8f0 46%,#5aa8ff);color:#0000;-webkit-background-clip:text;background-clip:text}.ckcard ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ckcard.wide ul{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.ckcard.wide ul{grid-template-columns:1fr}}.ckcard li{align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5;display:flex}.ckcard li i{background:var(--grad-soft);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.ckcard li i svg{stroke:#fff;width:12px;height:12px}.tone-ink .ckcard li{color:#d8e0e8}.licence{background:var(--card);border:1px solid var(--hair);text-align:left;max-width:1000px;box-shadow:var(--card-shadow);border-radius:28px;grid-template-columns:minmax(0,1fr) 220px;margin:clamp(36px,5vh,56px) auto 0;display:grid;overflow:hidden}.lc-body{padding:clamp(26px,3.6vw,44px)}.licence .badge{background:var(--t-serv-bg);color:color-mix(in srgb,var(--t-serv),var(--ink)55%);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.licence .badge i{background:var(--mint);border-radius:50%;width:8px;height:8px}.licence h3{font-size:clamp(24px,3vw,32px);font-weight:var(--w-display);letter-spacing:-.03em;margin:14px 0 18px}.licence .rows{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 18px;padding:18px 0;display:grid}.licence dt{color:var(--muted);font-size:13px}.licence dd{margin:3px 0 0;font-size:16px;font-weight:600;line-height:1.4}.licence p{color:var(--muted);margin:0;line-height:1.65}.licence .foot{margin-top:12px;font-size:14px}.lc-stub{background:var(--grad-soft);color:#fff;text-align:center;border-left:3px dashed var(--card);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 24px;display:flex}.lc-stub b{letter-spacing:-.02em;font-size:clamp(40px,4.4vw,54px);font-weight:800;line-height:1}.lc-stub span{font-size:14px;font-weight:600;line-height:1.35}@media (max-width:760px){.licence{grid-template-columns:1fr}.licence .rows{grid-template-columns:1fr;gap:12px}.lc-stub{border-left:0;border-bottom:3px dashed var(--card);flex-direction:row;order:-1;gap:14px}.lc-stub b{font-size:36px}}.pband{text-align:left;background:var(--t-my-bg);border-radius:28px;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);max-width:1000px;margin:0 auto clamp(72px,10vh,110px);padding:clamp(26px,3.4vw,40px) clamp(24px,3.6vw,44px);display:grid}.pb-head{align-items:center;gap:16px;display:flex}.pb-ic{background:var(--t-my);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.pb-ic svg{stroke:#fff;width:26px;height:26px}.pband h3{font-size:clamp(20px,2vw,24px);font-weight:var(--w-display);letter-spacing:-.02em;color:color-mix(in srgb,var(--t-my),var(--ink)55%);margin:0;line-height:1.3}.pband ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin:0;padding:0;list-style:none;display:grid}.pband li{gap:12px;font-size:15.5px;line-height:1.5;display:flex}.pband li svg{width:17px;height:17px;stroke:var(--t-my);stroke-width:3px;flex:none;margin-top:3px}@media (max-width:760px){.pband,.pband ul{grid-template-columns:1fr}}.jr{margin:clamp(48px,7vh,72px) 0 0;padding:0;list-style:none;position:relative}.jr:before{content:"";border-left:3px dashed color-mix(in srgb,var(--t-serv)45%,transparent);position:absolute;top:30px;bottom:30px;left:50%;transform:translate(-1.5px)}.jr-step{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:center;display:grid}.jr-step+.jr-step{margin-top:clamp(24px,3.4vh,36px)}.jr-card{background:var(--card);border:1px solid var(--hair);border-radius:24px;grid-area:1/1;padding:26px 28px}.jr-step.flip .jr-card{grid-column:3}.jr-num{background:var(--grad-soft);color:#fff;width:60px;height:60px;box-shadow:0 0 0 8px var(--paper);border-radius:50%;grid-area:1/2;justify-self:center;place-items:center;font-size:22px;font-weight:800;display:grid;position:relative}.jr-step.now .jr-num{background:var(--card);border:3px solid var(--blue);color:var(--link);box-shadow:0 0 0 8px color-mix(in srgb,var(--blue)14%,var(--paper))}.jr-side{grid-area:1/3}.jr-step.flip .jr-side{grid-column:1}.jr-big{letter-spacing:-.02em;color:#0000;-webkit-text-stroke:2px color-mix(in srgb,var(--ink)15%,transparent);padding-left:40px;font-size:clamp(90px,10vw,150px);font-weight:800;line-height:1}.jr-step.flip .jr-big{text-align:right;padding:0 40px 0 0}.jr-photo{border-radius:24px;max-width:420px;height:220px;margin-left:40px;position:relative;overflow:hidden}.jr-step.flip .jr-photo{width:calc(100% - 40px);margin:0 40px 0 auto}.jr-photo img{object-fit:cover}.jr-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.jr-head h3{font-size:clamp(20px,1.9vw,24px);font-weight:var(--w-display);letter-spacing:-.02em;margin:0;line-height:1.3}.jr-who{border-radius:999px;flex:none;padding:5px 12px;font-size:12.5px;font-weight:700}.jr-who.w-animal{background:var(--t-serv-bg);color:color-mix(in srgb,var(--t-serv),var(--ink)55%)}.jr-who.w-buyer{background:var(--t-shop-bg);color:color-mix(in srgb,var(--t-shop),var(--ink)55%)}.jr-who.w-seller{background:var(--t-coin-bg);color:color-mix(in srgb,var(--t-coin),var(--ink)55%)}.jr-card ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.jr-card li{color:color-mix(in srgb,var(--ink)80%,transparent);align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.5;display:flex}.jr-card li svg{width:17px;height:17px;stroke:var(--t-serv);stroke-width:3px;flex:none;margin-top:3px}@media (max-width:880px){.jr:before{left:30px}.jr-step{grid-template-columns:60px minmax(0,1fr);align-items:start;column-gap:16px}.jr-step .jr-num,.jr-step.flip .jr-num{grid-column:1}.jr-step .jr-card,.jr-step.flip .jr-card{grid-column:2}.jr-big{display:none}.jr-step .jr-photo,.jr-step.flip .jr-photo{grid-area:2/2;width:auto;max-width:none;height:190px;margin:14px 0 0}.jr-card{padding:22px 20px}.jr-head{flex-wrap:wrap}}.hs{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(16px,2.4vw,36px);margin-top:clamp(36px,5vh,56px);display:grid}.hs-rules{gap:clamp(44px,8vh,80px);margin:0;padding:0;list-style:none;display:grid}.hs-rules.l{text-align:right}.hs-rules.l .t0{margin-right:28px}.hs-rules.l .t1{margin-right:-36px}.hs-rules.r .t2{margin-left:28px}.hs-rules.r .t3{margin-left:-36px}.hs-rule{--tc:var(--t-serv);--tb:var(--t-serv-bg)}.hs-rule.t1{--tc:var(--t-adopt);--tb:var(--t-adopt-bg)}.hs-rule.t2{--tc:var(--t-shop);--tb:var(--t-shop-bg)}.hs-rule.t3{--tc:var(--t-my);--tb:var(--t-my-bg)}.hs-bob{animation:6s ease-in-out infinite hs-bob}.hs-rule.t1 .hs-bob{animation-duration:6.8s;animation-delay:-2.2s}.hs-rule.t2 .hs-bob{animation-duration:6.4s;animation-delay:-4.1s}.hs-rule.t3 .hs-bob{animation-duration:7.2s;animation-delay:-1.3s}@keyframes hs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.hs-ic{background:var(--tb);border-radius:50%;place-items:center;width:52px;height:52px;display:inline-grid}.hs-ic svg{width:26px;height:26px;stroke:color-mix(in srgb,var(--tc),var(--ink)30%)}.hs-rule h3{font-size:clamp(19px,1.7vw,22px);font-weight:var(--w-display);letter-spacing:-.02em;margin:14px 0 6px;line-height:1.3}.hs-rule p{max-width:30ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.55}.hs-rules.l p{margin-left:auto}.hs-art{background:radial-gradient(closest-side circle at 50% 56%,color-mix(in srgb,var(--g-a)14%,transparent)0%,color-mix(in srgb,var(--g-c)9%,transparent)62%,transparent 100%);border-radius:40px;padding:8px 0;position:relative}.hs-art svg{width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.hs-ground{fill:var(--mist2)}.hs-spark{stroke:var(--g-a);animation:2.4s ease-in-out infinite hs-spark}@keyframes hs-spark{0%,to{opacity:1}50%{opacity:.35}}.hs-name{white-space:nowrap;border-radius:999px;padding:6px 16px;font-size:clamp(12px,1.1vw,15px);font-weight:700;line-height:1.3;position:absolute;transform:translate(-50%,-50%)}.hs-name.us{background:var(--ink);color:var(--paper)}.hs-name.you{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}html.rm .hs-bob,html.rm .hs-spark{animation:none}@media (prefers-reduced-motion:reduce){.hs-bob,.hs-spark{animation:none}}@media (max-width:980px){.hs{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.hs-art{order:-1;grid-column:1/-1;width:100%;max-width:520px;margin:0 auto}.hs-rules{gap:40px}.hs-rules.l{text-align:left}.hs-rules.l p{margin-left:0}.hs-rules .hs-rule{margin:0!important}}@media (max-width:560px){.hs{grid-template-columns:minmax(0,1fr);row-gap:32px}.hs-rules{gap:32px}}.back-row{justify-content:center;margin-top:clamp(28px,4vh,40px);display:flex}.btn.back{flex-direction:row-reverse}.btn.back svg{transition:transform .3s;transform:scaleX(-1)}.btn.back:hover svg{transform:scaleX(-1)translate(4px)}.final{background:var(--paper);color:var(--ink);text-align:center;padding:clamp(96px,14vh,170px) 0 calc(clamp(96px,14vh,170px) + 28px);position:relative;overflow:hidden}.final,.footer{--rise:#63ee9d57,#5ac8f02e 46%,#5aa8ff12 70%,transparent 84%}.final .glow{pointer-events:none;background:radial-gradient(70% 360px at 50% 100%,var(--rise));position:absolute;inset:0}.final .wrap{position:relative}.final .display{font-size:clamp(42px,6.6vw,96px)}.final .badges,.final .cta-row{margin-top:32px}.final .cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.final[data-night] .grad{filter:drop-shadow(0 0 #0000)drop-shadow(0 0 #0000);transition:filter 1.4s cubic-bezier(.45,0,.25,1)}.night .final[data-night] .grad{filter:drop-shadow(0 0 22px #63ee9d4d)drop-shadow(0 0 54px #5aa8ff38)}.confetti{z-index:70;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.edgecat{z-index:3;pointer-events:none;width:clamp(76px,8vw,118px);position:absolute;top:44%;right:0;transform:translate(24%,-50%)}.edgecat svg{filter:drop-shadow(0 10px 18px #0d1a1238);width:100%;height:auto;display:block}.edgecat .tail{transform-origin:46% 84%;animation:2.6s ease-in-out infinite catwag}@keyframes catwag{0%,to{transform:rotate(-9deg)}50%{transform:rotate(13deg)}}html.rm .edgecat .tail{animation:none}@media (max-width:760px){.edgecat{width:70px;top:auto;bottom:70px;transform:translate(22%)}}.footer{background:var(--paper);padding:96px 24px 24px}main:has(>.tone-mist:last-child)+.footer{background:var(--mist)}main:has(>.final:last-child)+.footer{background:var(--paper)radial-gradient(70% 360px at 50% 0,var(--rise));padding-top:0}.footer-island{color:#fff;background:radial-gradient(36% 60% at 14% 0,#11df8529,transparent 70%),radial-gradient(36% 60% at 88% 0,#1971ff38,transparent 70%),var(--night);box-shadow:inset 0 0 0 1px var(--hair2),0 50px 90px -50px #0e1726b3;border-radius:44px;padding:76px 0 40px;position:relative}.footer-pets{pointer-events:none;--s:1;justify-content:space-between;align-items:flex-end;height:0;display:flex;position:absolute;top:0;left:15.4%;right:17.1%}.footer-pets .pair{align-items:flex-end;gap:14px;display:flex}.footer-pets .pet{width:calc(var(--w)*var(--s));display:block;position:relative}.footer-pets i{height:calc(var(--h)*var(--s));display:block;overflow:hidden}.footer-pets img{width:100%;height:auto;rotate:var(--r);transform-origin:50% 70%;display:block}.footer-pets .paw{left:11%;bottom:calc(-6px*var(--s));width:calc(26px*var(--s));height:calc(19px*var(--s));position:absolute}.footer-pets .paw:last-child{left:auto;right:11%}.footer-pets .paw path{fill:var(--paw)}.footer-pets .paw path+path{fill:none;stroke:var(--toe);stroke-width:1.6px;stroke-linecap:round}.footer-pets .dog{--w:112px;--h:78px;--r:-4deg;--paw:#f4b674;--toe:#c98a45}.footer-pets .cat{--w:120px;--h:84px;--r:3deg;--paw:#cfa3e6;--toe:#a66bc6}.footer-pets .rabbit{--w:108px;--h:76px;--r:-2deg;--paw:#f6e7cf;--toe:#cdb58f}main:has(.edgecat)+.footer .cat{display:none}@media (max-width:640px){.footer{padding:76px 14px 14px}.footer-island{border-radius:32px;padding:56px 0 32px}.footer-pets{--s:.75;left:8%;right:8%}.footer-pets .pair{gap:10px}}@media (max-width:359px){.footer-pets{--s:.62}}.footer .cols{grid-template-columns:1.9fr 1fr 1fr 1fr;gap:36px;display:grid}.footer p{color:#93a0b0;max-width:40ch;margin:14px 0 0;line-height:1.6}.footer .tag{background:linear-gradient(90deg,#38c8a8,#3e7de8);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-weight:600}.footer h4{margin:0 0 14px;font-size:15px}.footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer a{color:#93a0b0;text-decoration:none;transition:color .2s}.footer a:hover{color:#fff}.footer .bar{color:#7c8794;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:44px;padding-top:24px;font-size:13.5px;display:flex}.footer .bar .right{align-items:center;gap:22px;display:flex}.footer .bar .left{flex-wrap:wrap;align-items:center;gap:6px 22px;display:flex}.footer .bar .left a{color:#7c8794}.footer .bar .left a:hover{color:#fff}@media (max-width:900px){.footer .cols{grid-template-columns:1fr 1fr}.footer .cols>div:first-child{grid-column:1/-1}}@media (max-width:560px){.footer .cols{grid-template-columns:1fr}.footer .cols ul{gap:0}.footer .cols ul a{align-items:center;min-height:44px;display:inline-flex}.footer .bar .left{flex-direction:column;align-items:flex-start;gap:0}.footer .bar .left>span{margin-bottom:6px}.footer .bar .left a{align-items:center;min-height:44px;display:flex}}main{animation:pagein .6s var(--ease)}@keyframes pagein{0%{opacity:0}to{opacity:1}}html.rm *{transition-duration:0s!important;animation-duration:0s!important}.quiz-page{font-family:var(--font-th);background:var(--mist);min-height:80vh;padding:clamp(110px,14vw,150px) 0 clamp(70px,10vw,120px)}.quiz-kicker{background:var(--t-pet-bg);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.qh{font-family:var(--font)}html[lang=th] .qh{font-family:var(--font-th)}html[lang=th] .qh h1,html[lang=th] .qh h2{letter-spacing:0;line-height:1.2}.qh-hero{text-align:center;max-width:680px;margin:0 auto clamp(28px,5vw,48px)}.qh-hero h1{letter-spacing:-.02em;font-size:clamp(34px,5.2vw,58px);line-height:1.12;font-weight:var(--w-display);margin:14px 0}.qh-hero p{color:var(--muted);font-size:var(--fs-lead);max-width:560px;margin:0 auto}.qh-jump{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.qh-jump a{background:var(--card);border:1px solid var(--hair);min-height:48px;color:var(--ink);transition:transform .2s var(--ease),border-color .2s;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.qh-jump a:hover{border-color:var(--link);transform:translateY(-2px)}.qh-jump b{font:700 12px var(--font);color:var(--muted)}.qh-sec{padding:clamp(28px,4vw,40px) 0 clamp(36px,5vw,56px)}.qh-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:28px;display:flex}.qh-head h2{letter-spacing:-.015em;font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:var(--w-display);margin:6px 0 0}.qh-head p{color:var(--muted);max-width:380px;margin:0}.qh-eb{font:700 13px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.qh-eb i{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.qh-quiz{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,200px);gap:22px;display:grid}.qh-feat{all:unset;box-sizing:border-box;cursor:var(--cursor-tap);color:#eef3f1;border:1px solid var(--night-hair);box-shadow:var(--card-shadow);transition:transform .25s var(--ease);background:#0e1726;border-radius:30px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.qh-feat:hover{transform:translateY(-4px)}.qh-feat:focus-visible{outline:3px solid var(--link);outline-offset:3px}.qh-feat img{aspect-ratio:16/9;object-fit:cover;background:#1b1338;width:100%;height:auto;display:block}.qh-feat.light{color:var(--ink);background:var(--card);border-color:var(--hair)}.qh-feat.light img{background:#2fb5c2}.qh-feat.light .qh-feat-body{background:0 0}.qh-feat.light .qh-new{background:color-mix(in srgb,var(--mint)16%,transparent);color:color-mix(in srgb,var(--mint)55%,var(--ink))}.qh-feat.light .qh-meta span{border-color:var(--hair);color:var(--muted)}.qh-feat-body{background:radial-gradient(120% 90% at 100% 0,#8b5cf659,#0000 60%),radial-gradient(90% 80% at 0 100%,#11df852e,#0000 60%);flex-direction:column;gap:14px;padding:26px 28px 28px;display:flex}.qh-new{letter-spacing:.06em;background:#ffffff1f;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:12px;font-weight:700}.qh-feat-title{font-family:var(--font-th);font-size:clamp(22px,2.2vw,28px);font-weight:600;line-height:1.3}.qh-meta{flex-wrap:wrap;gap:8px;display:flex}.qh-meta span{color:#c9d3de;border:1px solid #ffffff2e;border-radius:999px;padding:6px 12px;font-size:13px}.qh-go{color:#fff;background:linear-gradient(92deg,#0b8a57,#1a5bd6);border-radius:999px;align-self:flex-start;align-items:center;min-height:48px;margin-top:auto;padding:0 24px;font-size:16px;font-weight:700;display:inline-flex}.qh-soon{text-align:center;border:2px dashed color-mix(in srgb,var(--ink)22%,transparent);color:var(--muted);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:22px;font-size:15px;display:flex}.qh-soon b{color:var(--ink);font-size:17px;font-weight:600;display:block}.qh-q{background:var(--card);border:1px solid var(--hair);width:58px;height:58px;font:800 24px var(--font);color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.qh-chips{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.qh-chips button{background:var(--card);border:1px solid var(--hair);min-height:44px;color:var(--ink);font:inherit;cursor:var(--cursor-tap);border-radius:999px;padding:0 18px;font-size:15px;transition:background .2s,color .2s,border-color .2s}.qh-chips button:hover{border-color:var(--ink)}.qh-chips button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.qh-chips button:focus-visible{outline:3px solid var(--link);outline-offset:2px}.qh-card{background:var(--card);border:1px solid var(--hair);color:inherit;border-radius:24px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}a.qh-card{transition:transform .25s var(--ease)}a.qh-card:hover{transform:translateY(-4px)}.qh-img{aspect-ratio:16/10;background:var(--mist2);display:block;position:relative}.qh-img img{object-fit:cover}.qh-tx{flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.qh-card h3,.qh-card h4{margin:0;font-size:19px;font-weight:600;line-height:1.4}.qh-tag{color:var(--ink);border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:13px;font-weight:600}.qh-tag.shop{background:var(--t-shop-bg)}.qh-tag.my{background:var(--t-my-bg)}.qh-tag.pet{background:var(--t-pet-bg)}.qh-tag.serv{background:var(--t-serv-bg)}.qh-tag.coin{background:var(--t-coin-bg)}.qh-tag.don{background:var(--t-don-bg)}.qh-tag.adopt{background:var(--t-adopt-bg)}.qh-more{color:var(--link);margin-top:auto;font-size:14px;font-weight:700}.qh-later{color:var(--muted);margin-top:auto;font-size:14px;font-weight:600}.qh-card.feat{box-shadow:var(--card-shadow);border-radius:30px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);margin-bottom:22px;display:grid}.qh-card.feat .qh-img{aspect-ratio:auto;min-height:380px}.qh-card.feat .qh-tx{justify-content:center;gap:14px;padding:40px 38px}.qh-card.feat h3{font-size:clamp(24px,2.6vw,32px);line-height:1.28}.qh-card.feat .qh-more,.qh-card.feat .qh-later{margin-top:0}.qh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.qh-none{color:var(--muted);text-align:center;margin:0;padding:40px 0}@media (max-width:980px){.qh-quiz{grid-template-columns:repeat(2,minmax(0,1fr))}.qh-card.feat{grid-template-columns:minmax(0,1fr)}.qh-soon{text-align:left;flex-direction:row;grid-column:1/-1}.qh-card.feat .qh-img{aspect-ratio:16/10;min-height:0}.qh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.qh-feat-body,.qh-card.feat .qh-tx{padding:24px}.qh-quiz,.qh-grid{grid-template-columns:minmax(0,1fr)}.qh-soon{padding:16px 18px}.qh-chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-20px;padding:0 20px 4px;overflow-x:auto}.qh-chips::-webkit-scrollbar{display:none}.qh-chips button{flex:none}}.art-page{font-family:var(--font);background:var(--mist);--art-tip:var(--t-serv-bg);--art-warn:var(--t-don-bg);--art-note:var(--t-shop-bg);padding:clamp(108px,13vw,140px) 0 clamp(60px,8vw,100px)}.art-page:lang(th){font-family:var(--font-th)}.art-page>*{max-width:var(--wrap);margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}.art-crumb{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.art-crumb a{color:var(--muted);text-decoration:none}.art-crumb a:hover{color:var(--ink)}.art-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:52px;margin-top:22px;display:grid}.art-tag{background:var(--mist2);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-block}.art-tag.shop{background:var(--t-shop-bg)}.art-tag.my{background:var(--t-my-bg)}.art-tag.pet{background:var(--t-pet-bg)}.art-tag.serv{background:var(--t-serv-bg)}.art-tag.coin{background:var(--t-coin-bg)}.art-tag.don{background:var(--t-don-bg)}.art-tag.adopt{background:var(--t-adopt-bg)}.art-head h1{text-wrap:balance;margin:16px 0;font-size:clamp(32px,4.2vw,46px);font-weight:600;line-height:1.25}.art-phrase{display:inline-block}.art-dek{color:var(--muted);margin:0;font-size:clamp(17px,1.6vw,20px);font-weight:300;line-height:1.75}.art-byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;font-size:14px;display:flex}.art-byline b{color:var(--ink);font-size:15px;font-weight:500;display:block}.art-byline .dot{background:var(--muted);opacity:.6;border-radius:50%;width:4px;height:4px}.art-av{background:var(--grad-soft);color:#fff;width:46px;height:46px;font:800 14px var(--font);border-radius:50%;flex:none;place-items:center;display:grid}.art-hero{margin:0}.art-hero-img{aspect-ratio:4/3;box-shadow:var(--card-shadow);background:var(--mist2);border-radius:28px;display:block;position:relative;overflow:hidden}.art-hero-img img{object-fit:cover}.art-hero figcaption{color:var(--muted);margin-top:10px;font-size:13px}.art-body-wrap{grid-template-columns:230px minmax(0,1fr);gap:64px;margin-top:64px;display:grid}.art-toc{align-self:start;max-height:calc(100vh - 130px);padding-bottom:4px;font-size:14px;position:sticky;top:110px;overflow-y:auto}.art-eb{font:700 12px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.art-toc nav a{border-left:2px solid var(--hair);color:var(--muted);padding:8px 0 8px 14px;line-height:1.45;text-decoration:none;display:block}.art-toc nav a:hover{color:var(--ink);border-color:var(--ink)}.art-share-h{color:var(--muted);margin-top:28px;font-size:13px;font-weight:500}.art-share{gap:8px;margin-top:10px;display:flex}.art-share button{background:var(--card);border:1px solid var(--hair);width:44px;height:44px;color:var(--ink);font:700 12px var(--font);cursor:var(--cursor-tap);border-radius:50%;place-items:center;display:grid}.art-share button:hover{border-color:var(--ink)}.art-share button:focus-visible{outline:3px solid var(--link);outline-offset:2px}.art-body{overflow-wrap:anywhere;min-width:0;max-width:730px;font-size:18px;font-weight:300;line-height:1.95}.art-ig{margin:0}.art-ig img{width:100%;height:auto;box-shadow:var(--card-shadow);border-radius:22px;display:block}.art-ig figcaption{justify-content:flex-end;margin-top:16px;display:flex}.art-save{background:var(--ink);min-height:44px;color:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.art-save:hover{opacity:.88}.art-save.tall{display:none}.art-body h2{margin:56px 0 14px;font-size:clamp(24px,2.6vw,30px);font-weight:600;line-height:1.4}.art-body h3{margin:30px 0 8px;font-size:21px;font-weight:500;line-height:1.5}.art-body p{margin:0 0 18px}.art-body strong{font-weight:500}.art-body sup{line-height:0}.art-body sup a{font:600 9px var(--font);color:var(--link);padding:0 .5px;text-decoration:none}.art-body sup+sup a:before{content:",";color:var(--muted)}.art-body .dots{margin:0 0 18px;padding:0;list-style:none}.art-body .dots li{margin:8px 0;padding-left:26px;position:relative}.art-body .dots li:before{content:"";background:var(--grad-soft);border-radius:50%;width:9px;height:9px;position:absolute;top:.78em;left:2px}.art-body .cols2{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.art-body .steps{counter-reset:s;margin:0 0 20px;padding:0;list-style:none}.art-body .steps li{counter-increment:s;padding:0 0 18px 56px;position:relative}.art-body .steps li:before{content:counter(s);background:var(--ink);width:38px;height:38px;color:var(--paper);font:700 15px var(--font);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:0}.art-body .steps li b{font-weight:500;display:block}.art-body .callout{max-width:none;box-shadow:none;color:var(--ink);text-align:left;border:0;border-radius:20px;margin:26px 0;padding:20px 24px;font-size:16.5px;font-weight:300;line-height:1.8;display:block}.art-body .callout b{margin-bottom:4px;font-size:17px;font-weight:600;display:block}.art-body .callout.tip{background:var(--art-tip)}.art-body .callout.warn{background:var(--art-warn)}.art-body .callout.note{background:var(--art-note)}.art-body .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0;display:grid}.art-body .fact,.art-body .kit div,.art-body .vs div,.art-body .ds div,.art-body .coat div,.art-body .calc div{background:var(--card);border:1px solid var(--hair);border-radius:20px;padding:18px 20px;font-size:16px;line-height:1.6}.art-body .fact b{font:700 30px var(--font);letter-spacing:-.02em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;display:block}.art-body .fact span{color:var(--muted);font-size:15px}.art-body .kit{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 26px;display:grid}.art-body .kit b{margin-bottom:2px;font-size:16.5px;font-weight:500;display:block}.art-body .vs,.art-body .coat,.art-body .calc,.art-body .dodont{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 26px;display:grid}.art-body .vs b,.art-body .coat b{margin-bottom:4px;font-size:21px;font-weight:600;display:block}.art-body .ds{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 26px;display:grid}.art-body .ds b{font:700 13px var(--font);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;display:block}.art-body .ds strong{margin:4px 0 6px;font-size:20px;font-weight:600;display:block}.art-body .calc b{margin-bottom:4px;font-size:17px;font-weight:500;display:block}.art-body .calc em{font-style:normal;font:700 28px var(--font);background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:8px;display:block}.art-body .dodont div{border-radius:20px;padding:20px 22px;font-size:16px;line-height:1.7}.art-body .dodont .do{background:var(--art-tip)}.art-body .dodont .dont{background:var(--art-warn)}.art-body .dodont b{margin-bottom:6px;font-size:18px;font-weight:600;display:block}.art-body .dodont ul{margin:0;padding-left:20px}.art-body .tblw{border:1px solid var(--hair);background:var(--card);border-radius:18px;margin:22px 0 26px;overflow:auto}.art-body .tbl{border-collapse:collapse;width:100%;font-size:16px;line-height:1.6}.art-body .tbl th,.art-body .tbl td{text-align:left;border-bottom:1px solid var(--hair);vertical-align:top;padding:13px 18px}.art-body .tbl th{background:var(--mist2);font-weight:500}.art-body .tbl tr:last-child td{border-bottom:0}.art-body .tbl td:first-child{white-space:nowrap;font-weight:500}.art-body .bag{background:var(--card);border:1px solid var(--hair);border-radius:24px;margin:22px 0 26px;padding:22px 26px}.art-body .bag h3{margin:0 0 8px;font-size:19px}.art-body .check{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px;margin:0;padding:0;font-size:16.5px;line-height:1.7;list-style:none;display:grid}.art-body .check li{padding:6px 0 6px 34px;position:relative}.art-body .check li:before{content:"";border:2px solid var(--ink);opacity:.55;border-radius:6px;width:20px;height:20px;position:absolute;top:10px;left:0}.art-body .pull{border-top:2px solid var(--ink);border-bottom:1px solid var(--hair);margin:40px 0;padding:26px 0;font-size:25px;font-weight:400;line-height:1.6}.art-sign{background:var(--card);border:1px solid var(--hair);border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;margin-top:60px;padding:28px 30px;display:grid}.art-sign .art-av{width:56px;height:56px;font-size:16px}.art-sign h3{margin:0;font-size:20px;font-weight:600}.art-sign p{color:var(--muted);margin:6px 0 0;font-size:15px;line-height:1.75}.art-src{margin-top:40px}.art-src h2{margin-top:0}.art-src .srcs{counter-reset:r;margin:0;padding:0;font-size:15px;line-height:1.65;list-style:none}.art-src .srcs li{counter-increment:r;border-bottom:1px solid var(--hair);padding:14px 0 14px 40px;position:relative}.art-src .srcs li:before{content:counter(r);background:var(--mist2);width:26px;height:26px;font:700 12px var(--font);color:var(--ink);border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;left:0}.art-src .srcs b{font-weight:500}.art-src .srcs a{color:var(--link);word-break:break-all;font-family:var(--font);font-size:13px}.art-more{margin-top:90px}.art-more-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.art-more-h h2{margin:0;font-size:32px;font-weight:600}.art-more-h a{color:var(--link);align-items:center;min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.art-rgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.art-rcard{background:var(--card);border:1px solid var(--hair);color:inherit;transition:transform .25s var(--ease);border-radius:24px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.art-rcard:hover{transform:translateY(-4px)}.art-rimg{aspect-ratio:16/10;background:var(--mist2);display:block;position:relative}.art-rimg img{object-fit:cover}.art-rtx{flex-direction:column;gap:8px;padding:18px 22px 22px;display:flex}.art-rtx b{font-size:18px;font-weight:500;line-height:1.4}.art-rtx small{color:var(--muted);font-size:13px}@media (max-width:980px){.art-head,.art-body-wrap{grid-template-columns:minmax(0,1fr)}.art-body-wrap{gap:28px;margin-top:44px}.art-toc{max-height:none;padding-bottom:0;position:static;overflow:visible}.art-toc nav{scrollbar-width:none;gap:8px;margin:0 calc(-1*clamp(20px,4vw,40px));padding:0 clamp(20px,4vw,40px) 6px;display:flex;overflow-x:auto}.art-toc nav::-webkit-scrollbar{display:none}.art-toc nav a{border:1px solid var(--hair);background:var(--card);white-space:nowrap;border-radius:999px;flex:none;padding:9px 15px}.art-share-h{margin-top:18px}.art-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-body .facts,.art-body .ds{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.art-body{font-size:17px}.art-ig figcaption{justify-content:flex-start}.art-save.wide{display:none}.art-save.tall{display:inline-flex}.art-body .cols2,.art-body .kit,.art-body .vs,.art-body .coat,.art-body .calc,.art-body .dodont,.art-body .check{grid-template-columns:minmax(0,1fr)}.art-body .tbl td:first-child{white-space:normal}.art-body .pull{font-size:21px}.art-sign,.art-rgrid{grid-template-columns:minmax(0,1fr)}}.pmq{font-family:var(--font);--pmq-ok:color-mix(in srgb,var(--mint)55%,var(--ink));--pmq-okbg:color-mix(in srgb,var(--mint)16%,transparent);--pmq-warn:color-mix(in srgb,#c27a12 70%,var(--ink));--pmq-warnbg:#e2a63a2e;--pmq-tint-k:100%}html[lang=th] .pmq{font-family:var(--font-th)}html[lang=th] .pmq h1,html[lang=th] .pmq h2,html[lang=th] .pmq h3{letter-spacing:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pmq{--pmq-tint-k:16%}}:root[data-theme=dark] .pmq,:root.night .pmq{--pmq-tint-k:16%}.pmq-tint{background:color-mix(in srgb,var(--tint)var(--pmq-tint-k),transparent)}.pmq button{font:inherit;color:inherit}.pmq-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:18px;font-size:14px;display:flex}.pmq-crumb{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pmq-crumb a{color:var(--muted);text-decoration:none}.pmq-crumb a:hover{color:var(--link)}.pmq-crumb b{color:var(--ink);font-weight:600}.pmq-ghost{border:1px solid var(--hair);background:var(--card);min-height:44px;cursor:var(--cursor-tap);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex}.pmq-ghost:hover{border-color:var(--ink)}.pmq-btn-line{background:var(--card);color:var(--ink);border:1px solid var(--hair);cursor:var(--cursor-tap);justify-content:center;font-family:inherit}.pmq .btn-grad{cursor:var(--cursor-tap);border:0;justify-content:center;font-family:inherit}.pmq-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,56px);padding:8px 0 clamp(40px,6vw,64px);display:grid}.pmq-eb{background:var(--card);border:1px solid var(--hair);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.pmq-eb i{background:var(--mint);border-radius:50%;width:8px;height:8px}.pmq-intro h1{font-size:clamp(38px,5.6vw,68px);line-height:1.1;font-weight:var(--w-display);letter-spacing:-.02em;margin:20px 0 16px}html[lang=th] .pmq-intro h1{font-weight:600;line-height:1.18}.pmq-intro h1 .grad{padding-bottom:.08em}.pmq-lede{font-size:var(--fs-lead);color:var(--muted);max-width:34em;margin:0 0 24px;line-height:1.6}.pmq-meta{flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.pmq-meta li{background:var(--card);border:1px solid var(--hair);border-radius:12px;padding:8px 14px;font-size:15px}.pmq-start{padding:16px 28px;font-size:17px}.pmq-hint{color:var(--muted);margin:14px 0 0;font-size:14.5px}.pmq-zoo{background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:28px;padding:clamp(18px,3vw,28px)}.pmq-zoo h2{color:var(--muted);margin:0 0 16px;font-size:16px;font-weight:500}.pmq-zoo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pmq-zoo-grid figure{background:var(--mist);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:4px;margin:0;padding:10px 4px 12px;display:flex}.pmq-zoo-grid img{width:76px;height:76px}.pmq-zoo-grid figcaption{font-size:14px}.pmq-zoo-grid .more{color:var(--muted);border:1.5px dashed var(--hair);background:0 0;justify-content:center;font-size:13.5px;line-height:1.4}.pmq-dims h2{margin:0 0 6px;font-size:clamp(23px,2.4vw,28px);font-weight:600}.pmq-dims>p{color:var(--muted);margin:0 0 22px}.pmq-dim-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.pmq-dim{background:var(--card);border:1px solid var(--hair);border-radius:22px;padding:22px}.pmq-dim h3{align-items:center;gap:8px;margin:0 0 6px;font-size:18px;font-weight:600;display:flex}.pmq-dim h3 small{font:600 12px var(--font);background:var(--pmq-warnbg);color:var(--pmq-warn);border-radius:999px;padding:2px 8px}.pmq-dim p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.pmq-also{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:14.5px;display:flex}.pmq-also span{border:1px solid var(--hair);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 12px}.pmq-q{max-width:820px;margin:0 auto}.pmq-qtop{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:15px;display:flex}.pmq-qtop b{color:var(--ink);font:700 15px var(--font)}.pmq-prog{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;margin-bottom:24px;display:grid}.pmq-prog span{background:var(--mist2);border-radius:6px;height:6px}.pmq-prog .done{background:var(--mint)}.pmq-prog .now{background:var(--grad)}.pmq-qcard{background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:28px;padding:clamp(22px,4vw,40px)}.pmq-tags{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pmq-tag{background:var(--pmq-okbg);color:var(--pmq-ok);border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:600}.pmq-tag.core{background:var(--pmq-warnbg);color:var(--pmq-warn)}.pmq-qcard h1{margin:0 0 24px;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.3}.pmq-opts{flex-direction:column;gap:12px;display:flex}.pmq-opt{text-align:left;border:1.5px solid var(--hair);background:var(--paper);width:100%;min-height:64px;cursor:var(--cursor-tap);border-radius:18px;align-items:center;gap:16px;padding:14px 20px 14px 14px;font-size:17px;line-height:1.45;transition:border-color .15s,background .15s,transform .15s;display:flex}.pmq-opt:hover{border-color:var(--ink)}.pmq-opt .l{background:var(--mist2);width:38px;height:38px;font:700 15px var(--font);border-radius:12px;flex:none;place-items:center;display:grid}.pmq-opt.on{border-color:var(--mint);background:var(--pmq-okbg);transform:scale(.995)}.pmq-opt.on .l{background:var(--mint);color:#0d1a12}.pmq-why{background:var(--mist);color:var(--muted);border-radius:16px;align-items:flex-start;gap:12px;margin:22px 0 0;padding:16px 18px;font-size:15px;line-height:1.6;display:flex}.pmq-why svg{color:var(--blue);flex:none;margin-top:2px}.pmq-why b{color:var(--ink);font-weight:600}.pmq-qnav{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:14px;display:flex}.pmq-hero{background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:28px;grid-template-columns:minmax(0,400px) minmax(0,1fr);display:grid;overflow:hidden}.pmq-hero-art{place-items:center;padding:40px;display:grid;position:relative}.pmq-hero-art img{width:100%;max-width:300px;height:auto}.pmq-rank{background:var(--card);border:1px solid var(--hair);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;position:absolute;top:22px;left:22px}.pmq-hero-body{padding:clamp(22px,4vw,44px) clamp(20px,4vw,48px)}.pmq-kicker{color:var(--muted);margin:0 0 6px;font-size:15px}.pmq-hero h1{margin:0;font-size:clamp(34px,4.4vw,54px);font-weight:600;line-height:1.1}.pmq-hero h1 small{color:var(--muted);margin-top:6px;font-size:18px;font-weight:400;display:block}.pmq-tagline{margin:14px 0 22px;font-size:clamp(18px,1.8vw,22px)}.pmq-meters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.pmq-meter{background:var(--mist);border-radius:18px;padding:16px 18px}.pmq-meter-h{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.pmq-meter-h b{font:700 26px var(--font);color:var(--ink)}.pmq-meter-h b.th{font-family:inherit;font-size:19px;font-weight:600}.pmq-meter i,.pmq-alt-b i,.pmq-track{background:var(--mist2);border-radius:10px;height:10px;display:block;overflow:hidden}.pmq-meter i b,.pmq-alt-b i b,.pmq-track b{background:var(--grad);border-radius:10px;height:100%;display:block}.pmq-segs{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.pmq-segs span{background:var(--mist2);border-radius:4px;height:10px}.pmq-segs .on{background:#e2a63a}.pmq-desc{margin:0;font-size:17px;line-height:1.7}.pmq-note{background:var(--pmq-warnbg);color:var(--pmq-warn);border-radius:16px;gap:12px;margin:20px 0 0;padding:14px 16px;font-size:14.5px;line-height:1.55;display:flex}.pmq-note svg{flex:none;margin-top:2px}.pmq-backtop{margin-top:16px}.pmq-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:20px;display:grid}.pmq-panel{background:var(--card);border:1px solid var(--hair);border-radius:28px;padding:clamp(20px,3vw,30px)}.pmq-panel h2{margin:0 0 4px;font-size:22px;font-weight:600}.pmq-panel>p{color:var(--muted);margin:0 0 16px;font-size:15px}.pmq-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pmq-list li{background:var(--mist);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:15.5px;line-height:1.5;display:flex}.pmq-list .ic{background:var(--pmq-okbg);width:28px;height:28px;color:var(--pmq-ok);font:800 14px var(--font);border-radius:9px;flex:none;place-items:center;display:grid}.pmq-list .ic.w{background:var(--pmq-warnbg);color:var(--pmq-warn)}.pmq-list small{color:var(--muted);font-size:13px;display:block}.pmq-empty{border:1.5px dashed var(--hair);color:var(--muted);border-radius:14px;margin:0;padding:14px;font-size:15px}.pmq-sec-h{margin:clamp(36px,5vw,48px) 0 16px}.pmq-sec-h h2{margin:0;font-size:clamp(23px,2.4vw,28px);font-weight:600}.pmq-sec-h p{color:var(--muted);margin:4px 0 0;font-size:15px}.pmq-alts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.pmq-alt{text-align:left;width:100%;cursor:var(--cursor-tap);background:var(--card);border:1px solid var(--hair);box-shadow:var(--card-shadow);transition:border-color .2s,transform .2s var(--ease);border-radius:28px;align-items:center;gap:18px;padding:18px 22px 18px 18px;display:flex}.pmq-alt:hover{border-color:var(--ink);transform:translateY(-2px)}.pmq-alt img{border-radius:22px;flex:none;width:96px;height:96px;padding:6px}.pmq-alt-b{flex:1;min-width:0}.pmq-alt-b b{font-size:20px;font-weight:600;display:block}.pmq-alt-b>span{color:var(--muted);margin:2px 0 10px;font-size:14.5px;display:block}.pmq-pct{font:700 24px var(--font);text-align:right}.pmq-pct small{color:var(--muted);font-size:12.5px;font-weight:400;display:block}.pmq-rows{background:var(--card);border:1px solid var(--hair);border-radius:28px;flex-direction:column;gap:6px;margin-top:14px;padding:16px 20px;display:flex}.pmq-row{cursor:var(--cursor-tap);text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:28px 160px minmax(0,1fr) 52px;align-items:center;gap:14px;width:100%;padding:8px 10px;font-size:15.5px;display:grid}.pmq-row:hover{background:var(--mist)}.pmq-row.on{background:var(--pmq-okbg)}.pmq-row i{font-style:normal;font:500 14px var(--font);color:var(--muted)}.pmq-row em{font-style:normal;font:600 15px var(--font);text-align:right}.pmq-toggle{margin-top:14px}.pmq-outs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pmq-out{border:1px solid var(--hair);background:var(--card);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.pmq-out img{filter:grayscale();opacity:.55;flex:none;width:56px;height:56px}.pmq-out b{font-size:16.5px;font-weight:600;display:block}.pmq-out span span{color:var(--muted);font-size:13.5px;line-height:1.45;display:block}.pmq-cta{background:var(--night);color:#eef3f1;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:clamp(36px,5vw,48px);padding:clamp(26px,4vw,40px) clamp(22px,4vw,44px);display:grid}.pmq-cta h2{margin:0 0 6px;font-size:clamp(25px,2.8vw,32px);font-weight:600}.pmq-cta p{color:var(--night-muted);margin:0;font-size:16px}.pmq-cta-btns{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.pmq-cta .pmq-btn-line{color:#eef3f1;background:0 0;border-color:#ffffff4d}.pmq-after{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.pmq-disc{text-align:center;max-width:760px;color:var(--muted);margin:24px auto 0;font-size:13.5px;line-height:1.7}@media (max-width:980px){.pmq-intro,.pmq-hero,.pmq-two,.pmq-alts,.pmq-cta{grid-template-columns:minmax(0,1fr)}.pmq-dim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pmq-hero-art{padding:48px 32px 8px}.pmq-hero-art img{max-width:220px}.pmq-outs{grid-template-columns:repeat(2,minmax(0,1fr))}.pmq-cta-btns{justify-content:flex-start}}@media (max-width:640px){.pmq-crumb a,.pmq-crumb span{display:none}.pmq-start,.pmq-cta .btn{width:100%}.pmq-zoo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pmq-zoo-grid img{width:60px;height:60px}.pmq-dim-grid,.pmq-outs,.pmq-meters{grid-template-columns:minmax(0,1fr)}.pmq-opt{gap:12px;min-height:58px;padding:12px 14px 12px 12px;font-size:16px}.pmq-opt .l{width:32px;height:32px}.pmq-prog{gap:3px;margin-bottom:18px}.pmq-qnav span{display:none}.pmq-alt img{width:72px;height:72px}.pmq-row{grid-template-columns:22px 104px minmax(0,1fr) 44px;gap:8px;font-size:14.5px}}.quiz-box{background:var(--card);border:1px solid var(--hair);max-width:720px;box-shadow:var(--card-shadow);border-radius:28px;margin:0 auto;padding:clamp(22px,4vw,40px)}.quiz-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-back{all:unset;cursor:var(--cursor-tap);color:var(--muted);padding:6px 2px;font-size:14px;font-weight:600}.quiz-back:hover{color:var(--ink)}.quiz-back:focus-visible{outline:2px solid var(--link);border-radius:6px}.quiz-count{color:var(--muted);font-size:14px;font-weight:700}.quiz-q{margin:0 0 22px;font-size:clamp(21px,3vw,27px);line-height:1.35}.quiz-choices{gap:10px;display:grid}.quiz-choice{all:unset;box-sizing:border-box;cursor:var(--cursor-tap);border:1px solid var(--hair);background:var(--paper);animation:pagein .4s var(--ease);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;line-height:1.45;transition:border-color .2s,transform .2s;display:flex}.quiz-choice:hover{border-color:var(--link);transform:translate(3px)}.quiz-choice:focus-visible{outline:3px solid var(--link);outline-offset:2px}.quiz-choice b{background:var(--mist2);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.quiz-result{text-align:center}.quiz-emoji{animation:quizpop .6s var(--ease);margin:22px 0 10px;font-size:84px;line-height:1}@keyframes quizpop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.quiz-result h2{margin:0 0 16px;font-size:clamp(26px,4vw,36px);line-height:1.25}.quiz-desc{max-width:560px;margin:0 auto 20px;font-size:17px;line-height:1.7}.quiz-strength{background:var(--t-adopt-bg);border-radius:18px;flex-direction:column;gap:4px;padding:14px 20px;display:inline-flex}.quiz-strength b{font-size:13px}.quiz-result{position:relative;overflow:hidden}.quiz-paws{justify-content:space-between;gap:4px;margin:16px 0 26px;display:flex}.quiz-paw{width:28px;height:28px;color:var(--hair);transition:color .3s,transform .3s var(--ease);place-items:center;display:grid}.quiz-paw svg{width:100%;height:100%}.quiz-paw:nth-child(odd){transform:translateY(-5px)rotate(-14deg)}.quiz-paw:nth-child(2n){transform:translateY(5px)rotate(14deg)}.quiz-paw.on{color:var(--t-pet)}.quiz-paw.now{color:var(--link);animation:quizstep 1s var(--ease)infinite}@keyframes quizstep{50%{scale:1.25}}.quiz-reveal{text-align:center;padding-block:60px}.quiz-portal{place-items:center;width:200px;height:200px;margin:0 auto 26px;display:grid;position:relative}.quiz-portal-ring{border:8px solid var(--t-adopt);border-top-color:var(--link);border-right-color:var(--t-pet);border-radius:50%;animation:1s linear infinite quizspin;position:absolute;inset:0}.quiz-portal-ring.r2{opacity:.6;animation-duration:.7s;animation-direction:reverse;inset:22px}@keyframes quizspin{to{transform:rotate(360deg)}}.quiz-shuffle{font-size:72px;line-height:1;animation:.18s ease-in-out infinite alternate quizwob}@keyframes quizwob{0%{transform:scale(.9)rotate(-8deg)}to{transform:scale(1.1)rotate(8deg)}}.quiz-reveal-text{margin:0;font-size:19px;font-weight:700}.quiz-dots:after{content:"";animation:1s steps(4,end) infinite quizdots}@keyframes quizdots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.quiz-burst{pointer-events:none;position:absolute;top:150px;left:50%}.quiz-burst i{opacity:0;animation:quizburst 1.1s var(--ease).15s forwards;font-size:22px;font-style:normal;position:absolute}@keyframes quizburst{0%{opacity:1;transform:translate(-50%,-50%)rotate(var(--a))translateY(0)}to{opacity:0;transform:translate(-50%,-50%)rotate(var(--a))translateY(-170px)}}.quiz-share{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.quiz-share .btn{cursor:var(--cursor-tap);border:0;font-family:inherit}.quiz-share .btn:disabled{opacity:.6;cursor:wait;transform:none}.quiz-btn-line{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--hair)}.quiz-hint{max-width:460px;color:var(--muted);text-align:center;margin:12px auto 0;font-size:14px;font-weight:600}.quiz-link{text-align:left;max-width:460px;margin:24px auto 0}.quiz-link label{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.quiz-link-row{background:var(--mist);border:1px solid var(--hair);border-radius:16px;gap:6px;padding:6px;display:flex}.quiz-link-row input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 10px;font-size:15px}.quiz-link-row button{cursor:var(--cursor-tap);font:inherit;background:var(--ink);color:var(--paper);border:0;border-radius:12px;flex:none;padding:10px 16px;font-size:14px;font-weight:700}.quiz-actions{justify-content:center;gap:22px;margin-top:22px;display:flex}@media (max-width:600px){.quiz-page{padding-top:96px}.quiz-box{border-radius:22px;padding:20px 16px}.quiz-paw{width:22px;height:22px}.quiz-q{margin-bottom:16px;font-size:20px}.quiz-choice{gap:10px;padding:12px;font-size:15px}.quiz-choice:hover{transform:none}.quiz-choice b{width:28px;height:28px;font-size:13px}.quiz-emoji{font-size:68px}.quiz-desc{font-size:16px}.quiz-share{flex-direction:column}.quiz-share .btn{justify-content:center;width:100%}.quiz-portal{width:160px;height:160px}}.quiz-result{background:radial-gradient(120% 60% at 50% 0%,#63ee9d4d,transparent 60%),radial-gradient(90% 50% at 100% 100%,#2678fe2e,transparent 70%),var(--card);flex-direction:column;align-items:center;gap:12px;display:flex}.quiz-result>*{margin:0}.quiz-unlock{letter-spacing:.04em;color:var(--link);text-wrap:balance;max-width:34ch;font-size:13px;font-weight:700;animation:.5s steps(2,end) 3 quizblink}@keyframes quizblink{50%{opacity:.2}}.quiz-result .quiz-emoji{filter:drop-shadow(0 12px 22px #2fb5c273);animation:quizpop .6s var(--ease),quizfloat 3s ease-in-out .6s infinite;margin:4px 0 0;font-size:96px}@keyframes quizfloat{50%{transform:translateY(-8px)}}.quiz-rarity{background:var(--paper);border:1px solid var(--hair);color:var(--ink);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.quiz-rarity span{color:#f2b33d;letter-spacing:1px}.quiz-result h2{margin:0}.quiz-quote{color:var(--muted);font-size:16px;font-style:italic}.quiz-result .quiz-desc{color:var(--muted);margin:0;font-size:15px}.quiz-stats{background:var(--paper);border:1px solid var(--hair);text-align:left;border-radius:20px;gap:10px;width:100%;max-width:520px;padding:16px;display:grid}.quiz-stat{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 34px;align-items:center;gap:10px;font-size:14px;display:grid}.quiz-stat i{background:var(--hair2);border-radius:99px;height:10px;overflow:hidden}.quiz-stat i b{border-radius:inherit;background:var(--grad);transform-origin:0;height:100%;animation:quizfill 1s var(--ease)var(--d)both;display:block}.quiz-stat.hot i b{background:linear-gradient(90deg,var(--t-pet),var(--t-don))}@keyframes quizfill{0%{transform:scaleX(0)}}.quiz-stat em{font-variant-numeric:tabular-nums;text-align:right;font-style:normal;font-weight:700}.quiz-duo{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:520px;display:grid}.quiz-duo>div{background:var(--t-adopt-bg);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;font-size:13px;line-height:1.4;display:flex}.quiz-duo>div.rival{background:var(--t-pet-bg)}.quiz-duo b{letter-spacing:.04em;font-size:12px}.quiz-duo span{font-size:30px;line-height:1.2}.quiz-duo strong{font-size:14px}.quiz-duo small{color:var(--muted);font-size:12px}.quiz-result .quiz-share,.quiz-result .quiz-link,.quiz-result .quiz-actions{margin-top:6px}.quiz-tiein{border-top:1px solid var(--hair2);opacity:.55;text-align:left;color:var(--muted);align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-size:11px;line-height:1.4;display:flex}.quiz-tiein:hover{opacity:.85}@media (max-width:600px){.quiz-result .quiz-emoji{font-size:80px}.quiz-stats{padding:12px}.quiz-stat{grid-template-columns:minmax(0,1fr) 70px 30px;font-size:13px}}.quiz-title{letter-spacing:-.01em;flex-direction:column;align-items:center;gap:2px;margin:4px 0 0;font-weight:800;line-height:1.3;animation:.7s cubic-bezier(.2,1.5,.4,1) both quiztitle;display:flex;position:relative;transform:rotate(-2deg)}@keyframes quiztitle{0%{opacity:0;transform:rotate(-8deg)scale(.6)}}.quiz-title span{paint-order:stroke fill;-webkit-text-stroke:7px var(--paper);filter:drop-shadow(0 4px #1971ff59);display:block}.quiz-title .t1{color:#11b86e;font-size:clamp(26px,6.8vw,40px)}.quiz-title .t2{color:var(--ink);margin-top:2px;font-size:clamp(19px,4.8vw,26px)}.quiz-title .t3{color:#1971ff;font-size:clamp(29px,8vw,46px);transform:rotate(1.5deg)}:root[data-theme=dark] .quiz-title .t1{color:#63ee9d}:root[data-theme=dark] .quiz-title .t3{color:#5aa8ff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .quiz-title .t1{color:#63ee9d}:root:not([data-theme=light]) .quiz-title .t3{color:#5aa8ff}}.quiz-title .spark{color:#f2b33d;font-style:normal;animation:1.6s ease-in-out infinite quiztwinkle;position:absolute}.quiz-title .s1{font-size:26px;top:-6px;left:-14px}.quiz-title .s2{color:var(--t-pet);font-size:22px;animation-delay:.5s;bottom:4px;right:-18px}.quiz-title .s3{color:#2fb5c2;font-size:16px;animation-delay:1s;top:38%;right:-6px}@keyframes quiztwinkle{50%{opacity:.4;transform:scale(.5)rotate(45deg)}}.quiz-result{background-image:radial-gradient(#2fb5c238 1.2px,#0000 1.4px),radial-gradient(120% 60% at 50% 0,#63ee9d4d,#0000 60%),radial-gradient(90% 50% at 100% 100%,#2678fe2e,#0000 70%);background-size:18px 18px,auto,auto}.quiz-result .quiz-emoji{background:radial-gradient(circle,#63ee9d59,#0000 70%);border-radius:50%;padding:14px 22px;position:relative}.quiz-result h2{font-size:clamp(28px,7vw,40px)}.quiz-stats{transform:rotate(-.8deg);box-shadow:0 10px 0 -4px #2fb5c240}.quiz-duo>div{transition:transform .2s}.quiz-duo>div:first-child{transform:rotate(-2deg)}.quiz-duo>div.rival{transform:rotate(2deg)}.quiz-duo>div:hover{transform:rotate(0)scale(1.03)}@media (prefers-reduced-motion:reduce){.quiz-title,.quiz-title .spark{animation:none}}.quiz-art{line-height:0;display:block}.quiz-art svg{width:100%;height:auto;display:block}.quiz-result .quiz-emoji{width:min(210px,56vw);padding:0;font-size:0}.quiz-duo .quiz-art{width:72px;margin:2px 0}.quiz-shuffle.quiz-art{width:120px}