:root{--sk-cut:10px}@layer components{.sk-frame{isolation:isolate;position:relative}.sk-frame:before,.sk-frame:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(var(--sk-cut)0,100% 0,100% calc(100% - var(--sk-cut)),calc(100% - var(--sk-cut))100%,0 100%,0 var(--sk-cut));transition:background-color .25s,opacity .25s;position:absolute}.sk-frame:before{background:var(--sk-frame-border,var(--color-line));top:0;bottom:0;left:0;right:0}.sk-frame:after{background:var(--sk-frame-bg,var(--color-surface));top:1px;bottom:1px;left:1px;right:1px}.sk-brackets{--sk-b:var(--color-accent);--sk-l:22px;--sk-w:2px;pointer-events:none;background:linear-gradient(var(--sk-b)0 0)top left/var(--sk-l)var(--sk-w),linear-gradient(var(--sk-b)0 0)top left/var(--sk-w)var(--sk-l),linear-gradient(var(--sk-b)0 0)top right/var(--sk-l)var(--sk-w),linear-gradient(var(--sk-b)0 0)top right/var(--sk-w)var(--sk-l),linear-gradient(var(--sk-b)0 0)bottom left/var(--sk-l)var(--sk-w),linear-gradient(var(--sk-b)0 0)bottom left/var(--sk-w)var(--sk-l),linear-gradient(var(--sk-b)0 0)bottom right/var(--sk-l)var(--sk-w),linear-gradient(var(--sk-b)0 0)bottom right/var(--sk-w)var(--sk-l);filter:drop-shadow(0 0 6px rgba(56,189,248,.55));background-repeat:no-repeat;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.sk-grid-bg{background-image:linear-gradient(rgba(28,44,77,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(28,44,77,.45) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(#000 20%,transparent 75%);mask-image:radial-gradient(#000 20%,transparent 75%)}.sk-glow-line{background:linear-gradient(90deg,transparent,var(--color-accent),transparent);height:1px;box-shadow:0 0 12px rgba(56,189,248,.6)}.sk-shine{overflow:hidden}.sk-shine::selection{background:0 0}.sk-shine>.sk-shine-bar{pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);width:40%;transition:left .6s;position:absolute;top:0;bottom:0;left:-60%;right:auto;transform:skew(-18deg)}.sk-shine:hover>.sk-shine-bar{left:120%}.sk-shine:focus-visible>.sk-shine-bar{left:120%}.sk-no-scrollbar{scrollbar-width:none}.sk-no-scrollbar::-webkit-scrollbar{display:none}dialog.sk-dialog{max-height:calc(100dvh - 2rem);color:var(--color-fg);background:0 0;border:0;margin:auto;padding:0;overflow:visible}dialog.sk-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(2,4,10,.72)}dialog.sk-dialog[open]{animation:.22s ease-out both sk-pop}dialog.sk-dialog[open]::backdrop{animation:.22s ease-out both sk-fade}dialog.sk-drawer{width:min(100vw,26rem);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--color-fg);background:0 0;border:0;margin:0 0 0 auto;padding:0}dialog.sk-drawer.sk-drawer-left{margin:0 auto 0 0}dialog.sk-drawer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(2,4,10,.65)}dialog.sk-drawer[open]{animation:.28s cubic-bezier(.2,.8,.2,1) both sk-slide-in}dialog.sk-drawer.sk-drawer-left[open]{animation-name:sk-slide-in-left}dialog.sk-drawer[open]::backdrop{animation:.28s ease-out both sk-fade}html:has(dialog[open]){overflow:hidden}@keyframes sk-fade{0%{opacity:0}}@keyframes sk-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes sk-slide-in{0%{transform:translate(100%)}}@keyframes sk-slide-in-left{0%{transform:translate(-100%)}}@keyframes sk-drop{0%{opacity:0;transform:translateY(-6px)}}.sk-drop{animation:.2s ease-out both sk-drop}@keyframes sk-toast-in{0%{opacity:0;transform:translateY(12px)}}.sk-toast{animation:.25s ease-out both sk-toast-in}@keyframes sk-shimmer{to{background-position:-200% 0}}.sk-skeleton{background:linear-gradient(90deg,var(--color-surface)25%,var(--color-surface-2)45%,var(--color-surface)65%);background-size:200% 100%;animation:1.6s linear infinite sk-shimmer}@keyframes sk-bob{50%{transform:translateY(6px)}}.sk-bob{animation:1.8s ease-in-out infinite sk-bob}@keyframes sk-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sk-progress{transform-origin:0;animation:linear both sk-progress}.sk-prose p+p{margin-top:.9em}.sk-text-outline{color:transparent;-webkit-text-stroke:1px rgba(139,163,199,.55)}@keyframes sk-marquee{to{transform:translate(-50%)}}.sk-marquee-track{animation:60s linear infinite sk-marquee}.sk-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sk-hero{--hero-focus:68% 46%;transition:--hero-glow 1.2s}.sk-hero-backdrop{background:radial-gradient(42% 58% at var(--hero-focus),color-mix(in srgb,var(--hero-glow)24%,transparent),transparent 72%),radial-gradient(70% 34% at var(--hero-focus-floor,68% 100%),color-mix(in srgb,var(--hero-glow)10%,transparent),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(30,107,255,.14),transparent 70%)}.sk-hero-ghost{font-family:var(--font-display);font-size:min(16vw,calc(170vw/var(--ghost-chars,10)));letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--hero-glow)46%,transparent);background-image:linear-gradient(180deg,color-mix(in srgb,var(--hero-glow)15%,transparent)15%,transparent 85%);translate:calc(-50% + var(--hx,0)*18px)calc(-50% + var(--hy,0)*10px + var(--hp,0)*140px);opacity:0;filter:blur(10px);-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1;transition:opacity .9s,scale 1.6s cubic-bezier(.2,.8,.2,1),filter .9s;position:absolute;top:23%;left:50%;scale:1.08}.sk-hero-ghost[data-active=true]{opacity:1;filter:blur();scale:1}.sk-hero-ghosts{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.sk-hero-copy{opacity:calc(1 - var(--hp,0)*1.4);translate:0 calc(var(--hp,0)*70px)}.sk-hero-kicker{color:color-mix(in srgb,var(--hero-glow)60%,#fff)}.sk-hero-line,.sk-hero-progress{background:var(--hero-glow);box-shadow:0 0 12px var(--hero-glow)}.sk-hero-title{text-shadow:0 0 32px color-mix(in srgb,var(--hero-glow)42%,transparent),0 2px 24px rgba(0,0,0,.5)}@media (max-width:767px){.sk-hero{--hero-focus:50% 30%;--hero-focus-floor:50% 62%}.sk-hero-ghost{font-size:min(24vw,calc(220vw/var(--ghost-chars,10)));top:31%}}}@property --hero-glow{syntax:"<color>";inherits:true;initial-value:#38bdf8}html[lang=th] [class*=tracking-]{letter-spacing:.02em}@media (prefers-reduced-motion:reduce){.sk-marquee-track{animation:none!important}}