@media (max-width: 1024px){.sat-mobile-shell{min-height:100dvh}input,textarea,select{font-size:16px!important}}@supports (height: 100dvh){.sat-fullh{height:100dvh}}:root{--border-default: rgb(229, 229, 229);--border-strong: rgb(212, 212, 212);--brand-black: rgb(0, 0, 0);--brand-cream: rgb(255, 249, 247);--brand-white: rgb(255, 255, 255);--neutral-100: rgb(245, 245, 245);--neutral-200: rgb(229, 229, 229);--neutral-300: rgb(212, 212, 212);--neutral-400: rgb(163, 163, 163);--neutral-500: rgb(115, 115, 115);--neutral-700: rgb(64, 64, 64);--radius-full: 100;--radius-lg: 12;--radius-md: 8;--radius-none: 0;--radius-sm: 4;--radius-xl: 16;--space-4: 4;--space-8: 8;--space-12: 12;--space-16: 16;--space-20: 20;--space-24: 24;--space-32: 32;--space-40: 40;--space-48: 48;--space-64: 64;--status-error: rgb(220, 38, 38);--status-info: rgb(37, 97, 235);--status-success: rgb(22, 163, 74);--status-warning: rgb(217, 119, 6);--surface-card: rgb(255, 255, 255);--surface-page: rgb(255, 249, 247);--surface-subtle: rgb(245, 245, 245);--text-inverse: rgb(255, 255, 255);--text-muted: rgb(115, 115, 115);--text-primary: rgb(0, 0, 0);--text-secondary: rgb(64, 64, 64);--brand-accent: #ed961c;--dark-panel: #171717;--app-shell: #f4f3f1}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Noto Sans Thai,sans-serif;background:linear-gradient(#fff9f79e,#fff9f79e),#fff9f7 url(/assets/bg.png) center/cover fixed;color:#000;-webkit-font-smoothing:antialiased;line-height:1.5}::selection{background:#171717;color:#fff}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}input::placeholder,textarea::placeholder{color:#a3a3a3}input:focus,textarea:focus{outline:none;border-color:#171717}input:invalid:focus,textarea:invalid:focus,select:invalid:focus{border-color:var(--status-error)!important;box-shadow:0 0 0 3px #dc26261f}input:user-invalid,textarea:user-invalid,select:user-invalid{border-color:var(--status-error)!important;box-shadow:0 0 0 3px #dc26261f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:8px;border:2px solid #fff9f7}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes satShimmer{0%{background-position:0% 0}to{background-position:100% 0}}@keyframes satInL{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@keyframes satInR{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes satBar{0%{transform:translate(-130%)}to{transform:translate(360%)}}@keyframes dlgFade{0%{opacity:0}to{opacity:1}}@keyframes dlgRise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes brushBump{0%{transform:scale(1)}30%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes brushFloat{0%{opacity:0;transform:translateY(0) scale(.9)}15%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:0;transform:translateY(-22px) scale(1)}}.no-scrollbar::-webkit-scrollbar{display:none}