:root{interpolate-size:allow-keywords}body{background:#f4f5f0;margin:0}a{color:#1d2130;text-underline-offset:4px;text-decoration-color:#ffd447;text-decoration-thickness:3px;transition:color .2s}a:hover{color:#5b6172}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #52d6d9}.lbl{letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:500}html[lang=th] .lbl:not(.la){letter-spacing:0;text-transform:none;font-family:Anuphan,Noto Sans Thai,sans-serif;font-size:14px;font-weight:600}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;font-weight:500}.btn{justify-content:center;align-items:center;gap:10px;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .3s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.lift{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.lift:hover{transform:translateY(-6px);box-shadow:0 14px 30px #1d21301a}.thumb{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}.thumb:hover{transform:translateY(-3px)}@keyframes hgBlink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}.hg-blink{transform-origin:50%;animation:4.2s infinite hgBlink}@keyframes hgHop{0%{transform:none}35%{transform:translateY(-8%)rotate(-3deg)}70%{transform:translateY(0)rotate(1deg)}85%{transform:translateY(-2%)}to{transform:none}}.hg-hop{animation:.7s cubic-bezier(.34,1.56,.64,1) hgHop}@keyframes hgZ{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(.8em,-1.6em)scale(1.1)}}.hg-z{animation:2.4s ease-out infinite hgZ;position:absolute}@keyframes swing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.swing{transform-origin:84% 6%;animation:4.8s ease-in-out infinite swing}@keyframes oDrop{0%{opacity:0;transform:translateY(-1.6em)}55%{opacity:1}to{transform:translateY(-.22em)}}.o-drop{animation:1.1s cubic-bezier(.34,1.56,.64,1) .15s both oDrop;display:inline-block;transform:translateY(-.22em)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.rise{animation:.8s cubic-bezier(.22,1,.36,1) both rise}@keyframes fadeA{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes fadeB{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.fa{animation:.55s cubic-bezier(.22,1,.36,1) fadeA}.fb{animation:.55s cubic-bezier(.22,1,.36,1) fadeB}@keyframes ffDrift{0%,to{transform:translate(0)}25%{transform:translate(18px,-22px)}50%{transform:translate(-10px,-42px)}75%{transform:translate(-24px,-12px)}}@keyframes ffGlow{0%,to{opacity:.15}50%{opacity:1}}.ff{pointer-events:none;background:#52d6d9;border-radius:999px;width:6px;height:6px;animation:10s ease-in-out infinite ffDrift,2.8s ease-in-out infinite ffGlow;position:absolute;box-shadow:0 0 12px 4px #52d6d980}.ff.pk{background:#ff9eb1;box-shadow:0 0 12px 4px #ff9eb180}.thought{transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1)}@supports (animation-timeline:view()){.rv{animation:linear both rvUp view();animation-range:entry 5% cover 28%}.spread{animation:linear both spread view();animation-range:entry cover 55%}}@keyframes rvUp{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}@keyframes spread{0%{transform:scale(.84)rotate(-2deg)}to{transform:none}}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details .plus{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}details[open] .plus{transform:rotate(45deg)}details::details-content{height:0;transition:height .35s cubic-bezier(.22,1,.36,1),content-visibility .35s allow-discrete;overflow:clip}details[open]::details-content{height:auto}.hop-veil{z-index:90;pointer-events:none;background:#101219;position:fixed;inset:0}.hop-veil.run{transition:clip-path .7s cubic-bezier(.7,0,.2,1),opacity .35s}.hop-face{height:auto;position:absolute;overflow:visible}.hop-veil.run .hop-face{transition:left .7s cubic-bezier(.7,0,.2,1),top .7s cubic-bezier(.7,0,.2,1),transform .7s cubic-bezier(.7,0,.2,1)}.lids{z-index:91;pointer-events:none;position:fixed;inset:0}.lid{background:#f4f5f0;width:120%;height:0;position:absolute;left:-10%}.lid-t{border-radius:0 0 50% 50%/0 0 22vh 22vh;top:0;box-shadow:0 2px #1d213014}.lid-b{border-radius:50% 50% 0 0/22vh 22vh 0 0;bottom:0;box-shadow:0 -2px #1d213014}.lid-face{opacity:0;width:min(30vmin,220px);height:auto;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.lids.shut .lid{height:64vh;transition:height .46s cubic-bezier(.55,0,.7,.35)}.lids.shut .lid-face{opacity:1;transition:opacity .2s .32s}.lids.closed .lid{height:64vh}.lids.closed .lid-face{opacity:1}.lids.wake .lid{animation:1s cubic-bezier(.3,0,.2,1) forwards lidWake}.lids.wake .lid-face{opacity:0;transition:opacity .18s}@keyframes lidWake{0%{height:64vh}28%{height:40vh}42%{height:60vh}to{height:0}}.lids.rm{opacity:0;transition:opacity .28s}.lids.rm .lid{height:52vh;box-shadow:none;border-radius:0}.lids.rm.on{opacity:1}.lang{background:#fff;border:1px solid #dddfd7;border-radius:999px;flex:none;align-items:center;padding:2px;display:inline-flex}.lang a{box-sizing:border-box;letter-spacing:.08em;color:#5b6172;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:40px;min-height:38px;padding:0 10px;font:500 12px IBM Plex Mono,ui-monospace,monospace;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.lang a:hover{color:#1d2130}.lang a[aria-current=true]{color:#f4f5f0;background:#1d2130}.buybar{display:none}@media (width<=760px){.buybar{z-index:30;box-sizing:border-box;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#f4f5f0f5;border-top:1px solid #dddfd7;justify-content:space-between;align-items:center;gap:12px;transition:transform .3s cubic-bezier(.22,1,.36,1),visibility;display:flex;position:fixed;bottom:0;left:0;right:0}.buybar.off{visibility:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),visibility 0s .3s;transform:translateY(110%)}.comp,.hide-sm{display:none!important}.hnav{gap:10px!important}.pill-h{position:static!important}footer{padding-bottom:76px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.lids.rm{transition:opacity .28s!important}}