@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&family=Sarabun:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{background-color:#0f172a}body,html{width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Prompt,sans-serif;overflow-x:clip}body.light{background-color:#f1f5f9}body.light~html,html:has(body.light){background-color:#f1f5f9}#root{min-height:100vh;overflow-x:clip;position:relative;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.font-prompt{font-family:Prompt,sans-serif}.font-sarabun{font-family:Sarabun,sans-serif}.font-noto-thai{font-family:Noto Sans Thai,sans-serif}@tailwind base;@tailwind components;@tailwind utilities;@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.mobile-bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#050012f7;border-top:1px solid #00f5ff59;bottom:0;box-shadow:0 -4px 24px #00f5ff1f,0 -1px 0 #00f5ff33;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:50}@media (max-width:767px){.page-with-mobile-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}}[role=button],a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.overflow-x-safe{max-width:100vw;overflow-x:hidden}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}header.sticky{max-width:100vw;width:100%}body.light{background:linear-gradient(135deg,#eff6ff,#dbeafe 50%,#eff6ff)!important;background-attachment:fixed!important;color:#1e3a5f!important}body.light~html,html:has(body.light){background-color:#eff6ff}body.light .bg-gradient-to-br,body.light .bg-gradient-to-r,body.light .min-h-screen,body.light [class*=bg-slate-900],body.light [class*=bg-slate-950],body.light [class*=from-cyan-950],body.light [class*=from-slate-900],body.light [class*=from-slate-950],body.light [class*=to-purple-950],body.light [class*=to-slate-900],body.light [class*=to-slate-950],body.light [class*=to-slate],body.light [class*=via-slate]{background:#0000!important;background-image:none!important;color:#1e3a5f!important}body.light [class*="bg-slate-800/30"],body.light [class*="bg-slate-800/50"],body.light [class*="bg-slate-800/60"],body.light [class*="bg-slate-800/80"],body.light [class*="bg-slate-900/30"],body.light [class*="bg-slate-900/40"],body.light [class*="bg-slate-900/50"],body.light [class*="bg-slate-900/60"],body.light [class*="bg-slate-900/70"],body.light [class*="bg-slate-950/40"],body.light [class*="bg-slate-950/50"],body.light [class*="bg-slate-950/70"],body.light [class*="bg-slate-950/80"],body.light [class*="bg-slate-950/90"],body.light [class*=bg-slate-700],body.light [class*=bg-slate-800]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9!important;background-image:none!important;border-color:#bfdbfe!important;color:#1e3a5f!important}body.light header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb!important;background-image:none!important;border-bottom-color:#bfdbfe!important;box-shadow:0 1px 16px #3b82f614!important}body.light header button[class*=bg-slate-800]{background-color:#eff6ff!important;border-color:#bfdbfe!important;color:#1e3a5f!important}body.light header button[class*=bg-slate-800]:hover{background-color:#dbeafe!important}body.light .text-slate-100,body.light .text-slate-200,body.light .text-slate-350,body.light .text-white,body.light h1,body.light h2,body.light h3,body.light h4{-webkit-text-fill-color:#1e3a5f!important;background-image:none!important;color:#1e3a5f!important}body.light button:not(.bg-cyan-600):not(.bg-red-600):not(.bg-green-600):not(.bg-blue-600):not(.bg-rose-600):not([class*=bg-green]):not([class*=bg-red]):not([class*=text-white]),body.light p,body.light span:not([class*=text-]){-webkit-text-fill-color:#1e3a5f!important;color:#1e3a5f!important}body.light .text-slate-300,body.light .text-slate-400,body.light .text-slate-500{-webkit-text-fill-color:#4b7cb8!important;color:#4b7cb8!important}body.light .text-cyan-300,body.light .text-cyan-400,body.light .text-cyan-500{-webkit-text-fill-color:#3b82f6!important;color:#3b82f6!important}body.light .text-blue-300,body.light .text-blue-400{-webkit-text-fill-color:#2563eb!important;color:#2563eb!important}body.light .text-purple-300{-webkit-text-fill-color:#7c3aed!important;color:#7c3aed!important}body.light .text-amber-300{-webkit-text-fill-color:#d97706!important;color:#d97706!important}body.light .text-rose-300,body.light .text-rose-400{-webkit-text-fill-color:#e11d48!important;color:#e11d48!important}body.light .text-yellow-400{-webkit-text-fill-color:#b45309!important;color:#b45309!important}body.light .text-green-300,body.light .text-green-400{-webkit-text-fill-color:#16a34a!important;color:#16a34a!important}body.light .text-red-400{-webkit-text-fill-color:#dc2626!important;color:#dc2626!important}body.light [class*=border-blue-400],body.light [class*=border-blue-500],body.light [class*=border-cyan-500],body.light [class*=border-slate-600],body.light [class*=border-slate-700],body.light [class*=border-slate-800],body.light [class*=border-slate-850]{border-color:#bfdbfe!important}body.light [class*="bg-blue-500/10"],body.light [class*="bg-blue-600/30"],body.light [class*="bg-cyan-500/10"],body.light [class*="bg-cyan-500/15"]{background-color:#dbeafe!important}body.light [class*="bg-blue-500/10"],body.light [class*=from-blue-500]{background-color:#eff6ff!important}body.light [class*="via-slate-900/60"],body.light [class*=from-cyan-950],body.light [class*=to-purple-950]{background:linear-gradient(135deg,#dbeafe,#eff6ff,#f0f4ff)!important;background-image:none!important;border-color:#93c5fd!important}body.light input,body.light select,body.light textarea{background-color:#fff!important;border-color:#bfdbfe!important;color:#1e3a5f!important}body.light input:focus,body.light textarea:focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px #60a5fa33!important;outline:none}body.light input::placeholder,body.light textarea::placeholder{color:#93c5fd!important}body.light .shadow-2xl,body.light .shadow-xl{box-shadow:0 4px 24px #3b82f61a,0 1px 4px #3b82f60f!important}body.light [class*="bg-slate-900/60"][class*=border-t]{background-color:#eff6fff2!important}body.light .mobile-bottom-nav [class*=text-blue-400],body.light .mobile-bottom-nav [class*=text-cyan-400]{color:#2563eb!important}body.light .mobile-bottom-nav [class*=text-slate-500]{color:#94a3b8!important}body.light ::-webkit-scrollbar{height:6px;width:6px}body.light ::-webkit-scrollbar-track{background:#eff6ff}body.light ::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:3px}body.light ::-webkit-scrollbar-thumb:hover{background:#60a5fa}body:not(.light) .text-cyan-300,body:not(.light) .text-cyan-400,body:not(.light) .text-cyan-500{color:#00f5ff!important;text-shadow:0 0 8px #00f5ffbf,0 0 18px #00f5ff59!important}body:not(.light) .text-rose-300,body:not(.light) .text-rose-400{color:#f0a!important;text-shadow:0 0 8px #ff00aaa6!important}body:not(.light) .fill-rose-500{fill:#f0a!important;filter:drop-shadow(0 0 4px rgba(255,0,170,.7))}body:not(.light) .text-amber-300,body:not(.light) .text-amber-400,body:not(.light) .text-yellow-300,body:not(.light) .text-yellow-400{text-shadow:0 0 8px #ffc8008c!important}body:not(.light) .text-purple-300,body:not(.light) .text-purple-400,body:not(.light) .text-purple-500,body:not(.light) .text-violet-300,body:not(.light) .text-violet-400{text-shadow:0 0 8px #a700ffb3,0 0 18px #a700ff4d!important}body:not(.light) .text-emerald-300,body:not(.light) .text-emerald-400,body:not(.light) .text-green-300,body:not(.light) .text-green-400,body:not(.light) .text-teal-300,body:not(.light) .text-teal-400{text-shadow:0 0 8px #00ff82a6,0 0 18px #00ff824d!important}body:not(.light) .text-orange-300,body:not(.light) .text-orange-400,body:not(.light) .text-orange-500{text-shadow:0 0 8px #ff7800a6,0 0 18px #ff78004d!important}body:not(.light) .text-red-300,body:not(.light) .text-red-400{text-shadow:0 0 8px #ff1e1ea6,0 0 18px #ff1e1e4d!important}body:not(.light) header{border-bottom:1px solid #00f5ff40!important;box-shadow:0 2px 20px #00f5ff0f!important}body:not(.light) [class*=bg-cyan-500],body:not(.light) [class*=bg-cyan-600]{box-shadow:0 0 14px #00f5ff73,0 0 28px #00f5ff33!important}body:not(.light) input:focus,body:not(.light) textarea:focus{border-color:#00f5ff!important;box-shadow:0 0 0 2px #00f5ff26,0 0 12px #00f5ff33!important;outline:none}body:not(.light) ::-webkit-scrollbar{height:6px;width:6px}body:not(.light) ::-webkit-scrollbar-track{background:#0f172a}body:not(.light) ::-webkit-scrollbar-thumb{background:#00f5ff40;border-radius:3px}body:not(.light) ::-webkit-scrollbar-thumb:hover{background:#00f5ff8c}@keyframes neon-pulse{0%,to{box-shadow:0 0 6px #00f5ff66,0 0 12px #00f5ff33}50%{box-shadow:0 0 10px #00f5ffb3,0 0 20px #00f5ff59}}@keyframes neon-text-pulse{0%,to{text-shadow:0 0 6px #00f5ff99}50%{text-shadow:0 0 12px #00f5ff,0 0 22px #00f5ff80}}body.light .mobile-bottom-nav{background:#fffffff5!important;border-top:1px solid #bfdbfe!important;box-shadow:0 -4px 20px #3b82f614!important}
/*# sourceMappingURL=main.190c0ccd.css.map*/