*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a5276;--primary-light:#2980b9;--primary-dark:#0e3a56;--accent:#e67e22;--accent-light:#f39c12;--success:#27ae60;--danger:#e74c3c;--warning:#f1c40f;--bg:#f5f7fa;--card:#fff;--text:#2c3e50;--text-light:#7f8c8d;--border:#e0e6ed;--shadow:0 2px 12px #00000014;--radius:12px;--safe-bottom:env(safe-area-inset-bottom,0px)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;font-family:Kanit,Inter,-apple-system,sans-serif}html{scroll-behavior:smooth}::selection{background:var(--primary-light);color:#fff}input,textarea,select,button{touch-action:manipulation;font-size:16px!important}input,textarea,select{appearance:none}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.touch-active:active{opacity:.8;transform:scale(.97)}.pb-safe{padding-bottom:calc(70px + var(--safe-bottom))}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-up{animation:.5s ease-out slideUp}@media (max-width:768px){body{overscroll-behavior-y:contain}}