:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-noto-sans-thai),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.thai-regular{font-weight:400}.thai-bold,.thai-regular{font-family:var(--font-noto-sans-thai)}.thai-bold{font-weight:700}.thai-extra-bold{font-weight:900}.thai-extra-bold,.thai-light{font-family:var(--font-noto-sans-thai)}.thai-light{font-weight:300}.thai-medium{font-family:var(--font-noto-sans-thai);font-weight:500}.form-control:focus{background-color:rgba(255,255,255,.15)!important;border-color:rgba(102,126,234,.5)!important;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)!important;color:black!important}.form-control::placeholder{color:rgba(255,255,255,.6)!important}@keyframes buttonGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.form-control::placeholder{color:gray!important;opacity:1}.form-control:focus{outline:none!important;box-shadow:0 5px 20px rgba(0,0,0,.2),inset 0 2px 10px rgba(0,0,0,.1)!important}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.post-card{transition:all .3s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.2)!important}