*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,html,ol,p,ul{margin:0;padding:0}ol[role=list],ul[role=list]{list-style:none}html{text-size-adjust:100%}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:root{--bg:#0d0f13;--surface:#161a21;--surface-2:#1e232c;--border:#2a313c;--text:#e8ecf2;--muted:#98a2b3;--accent:#4f7cff;--danger:#e5484d;--ok:#30a46c;--radius:12px;--warn:#f5a524;--accent-hover:#6a91ff;--accent-active:#3f68e0;--accent-soft:rgba(79,124,255,0.14);--danger-hover:#ef5f63;--danger-soft:rgba(229,72,77,0.14);--ok-soft:rgba(48,164,108,0.14);--warn-soft:rgba(245,165,36,0.14);--surface-hover:#222833;--border-strong:#39424f;--overlay:rgba(6,8,11,0.72);--radius-sm:8px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 4px 16px rgba(0,0,0,0.45);--shadow-lg:0 24px 64px rgba(0,0,0,0.55);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Noto Sans Thai","IBM Plex Sans Thai","Sarabun","Prompt","Noto Sans Thai Looped",-apple-system,BlinkMacSystemFont,"Segoe UI","Leelawadee UI","Thonburi",Roboto,"Helvetica Neue",Arial,"Tahoma",sans-serif,"Apple Color Emoji","Segoe UI Emoji";--font-mono:ui-monospace,SFMono-Regular,"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--lh-tight:1.25;--lh-normal:1.6;--ease:cubic-bezier(0.2,0.8,0.2,1);--dur-fast:120ms;--dur:180ms;--focus-ring:0 0 0 2px var(--bg),0 0 0 4px var(--accent);--tap-target:44px;--header-h:56px;--content-max:1080px;color-scheme:dark}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:650;letter-spacing:-.01em}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.row{flex-direction:row;align-items:center}.col,.row{display:flex;gap:var(--space-3)}.col{flex-direction:column}.spacer{flex:1 1 auto;min-width:0;min-height:0}.muted{color:var(--muted)}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:0}.truncate{text-overflow:ellipsis;min-width:0}.srOnly,.truncate{overflow:hidden;white-space:nowrap}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}@media (max-width:768px){:root{--fs-3xl:28px;--fs-2xl:22px;--fs-xl:19px}.row{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}