@import"https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--accent: #3B82F6;--accent-blog: #3B82F6;--accent-publications: #10B981;--accent-talks: #8B5CF6;--accent-about: #F59E0B;--accent-projects: #06B6D4;--accent-research: #F472B6;--accent-1: #3B82F6;--accent-2: #8B5CF6;--white: #F9FAFB;--black: #111827;--black-nav: rgba(31, 41, 55, .7)}[data-theme=light]{--white: #0f172a;--black: #f5f7fb;--black-nav: rgba(255, 255, 255, .7)}body{font-family:Krub,serif;margin:0;padding:0;color:var(--white);background-color:var(--black);word-wrap:break-word;overflow-wrap:break-word;transition:background-color .2s ease,color .2s ease}a{color:var(--accent);text-decoration:none;transition:color .2s ease-in-out}:where(a[href],button,[role=button]){cursor:pointer}.prose a{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;transition:color .2s ease-in-out,background-size .18s ease}.prose a:hover,.prose a:focus-visible{background-size:100% 2px}a{text-underline-offset:.2em;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in oklab,var(--accent) 65%,transparent)}:where(a,button,[role=button]) :focus{outline:none}:where(a,button,[role=button]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.5rem}h1,h2,h3,h4,h5,h6{font-family:Anuphan,sans-serif;margin-bottom:.5rem;line-height:1.2;letter-spacing:-.01em}strong,b{font-weight:700}img{max-width:100%;height:auto}p{line-height:1.7}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--black);padding:.5rem 1rem;z-index:100;transition:top .3s ease-in-out}.skip-link:focus{top:0}.hero-text-gradient-blue{background:-webkit-linear-gradient(#caf4ff,#5ab2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text-gradient-purple{background:-webkit-linear-gradient(#ffe6e6,#7469b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text-gradient-orange{background:-webkit-linear-gradient(#ffec9e,#ffaf61);-webkit-background-clip:text;-webkit-text-fill-color:transparent}html{scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal-visible{opacity:1;transform:translateY(0)}::-moz-selection{background:color-mix(in oklab,var(--accent) 30%,transparent)}::selection{background:color-mix(in oklab,var(--accent) 30%,transparent)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[data-theme=light] img.webring-icon{filter:invert(1)}.glass-card{border-radius:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:var(--black-nav);backdrop-filter:blur(12px);border:1px solid color-mix(in oklab,var(--white) 10%,transparent)}.glass-card:hover{transform:translateY(-.25rem);border-color:color-mix(in oklab,var(--accent) 60%,transparent);box-shadow:0 10px 15px -3px #00000040}.prose pre{overflow:auto;-webkit-overflow-scrolling:touch}.prose code{word-break:break-word;white-space:pre-wrap}.prose table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.modal-card:hover{transform:none}.first-author{border-color:color-mix(in oklab,var(--accent) 55%,transparent)!important;box-shadow:0 6px 16px -8px color-mix(in oklab,var(--accent) 35%,transparent)}.collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease,opacity .22s ease;opacity:.6;overflow:hidden}.collapsible.open{grid-template-rows:1fr;opacity:1}.collapsible>div{min-height:0}.glass-chip{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;background-color:color-mix(in oklab,var(--white) 8%,transparent);backdrop-filter:blur(6px);border:1px solid color-mix(in oklab,var(--white) 10%,transparent);color:color-mix(in oklab,var(--white) 90%,transparent)}.input-glass,.select-glass{border:1px solid color-mix(in oklab,var(--white) 14%,transparent);background:color-mix(in oklab,var(--white) 4%,transparent);color:var(--white);border-radius:.5rem;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;max-width:100%}.input-glass:focus,.select-glass:focus{outline:none;border-color:color-mix(in oklab,var(--accent) 65%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}.input-glass::-moz-placeholder{color:color-mix(in oklab,var(--white) 55%,transparent)}.input-glass::placeholder{color:color-mix(in oklab,var(--white) 55%,transparent)}.select-glass{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}