:root{--font-brand: "Bai Jamjuree", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--bg-main: #f8fafc;--header-bg: #ffffff;--card-bg: #ffffff;--border-color: #e2e8f0;--border-header: #e2e8f0;--text-main: #0f172a;--text-body: #334155;--text-muted: #64748b;--accent: #a8102a;--accent-hover: #8a0d22;--logo-box-bg: #000000;--logo-box-border: #000000;--logo-box-text: #ffffff;--logo-dot-color: #ffffff;font-family:var(--font-body);line-height:1.6;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark],body.dark-mode{--bg-main: #0f0f0f;--header-bg: #0f0f0f;--card-bg: #161616;--border-color: #2e2e33;--border-header: #262626;--text-main: #ffffff;--text-body: #d1d5db;--text-muted: #9ca3af;--logo-box-bg: #ffffff;--logo-box-border: #a8102a;--logo-box-text: #000000;--logo-dot-color: #a8102a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100vh;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body)}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;background-color:var(--bg-main)}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px;border:3px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}@keyframes morphShape1{0%{transform:rotate(0) scale(1) translate(0)}50%{transform:rotate(90deg) scale(1.05) translate(2%,2%)}to{transform:rotate(180deg) scale(1.1) translate(-2%,2%)}}@keyframes morphShape2{0%{transform:rotate(0) scale(1) translate(0)}50%{transform:rotate(-90deg) scale(1.1) translate(-2%,-2%)}to{transform:rotate(-180deg) scale(1.2) translate(2%,-2%)}}.bg-shape{position:fixed;z-index:0;pointer-events:none;will-change:transform}.shape-1{background-color:#a8102a14;top:-10%;left:-10%;width:60vw;height:60vw;max-width:600px;max-height:600px;border-radius:40% 60% 60% 40%/40% 40% 60% 60%;animation:morphShape1 25s ease-in-out infinite alternate}.shape-2{background-color:#00000008;bottom:-10%;right:-10%;width:50vw;height:50vw;max-width:500px;max-height:500px;border-radius:60% 40% 40% 60%/60% 60% 40% 40%;animation:morphShape2 30s ease-in-out infinite alternate-reverse}.hero-cycling-text{display:inline-block;background-color:#a8102a;color:#fff;padding:3px 10px;border-radius:0!important;box-shadow:none;line-height:1.3;vertical-align:baseline;transition:width .5s cubic-bezier(.22,1,.36,1),opacity .28s ease-in-out,transform .28s ease-in-out;opacity:1;transform:translateY(0);will-change:width,opacity,transform}.hero-cycling-text.fading-out{opacity:0;transform:translateY(-2px)}.m3-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px!important;transition:border-color .25s ease,background-color .25s ease}.m3-card-expressive{border-radius:6px!important}.font-brand{font-family:var(--font-brand)!important}.font-body{font-family:var(--font-body)!important}.tech-stack-text{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);font-weight:500}