@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap";*{font-family:IBM Plex Sans Thai,sans-serif;box-sizing:border-box;margin:0;padding:0}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop-up{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pop-down{0%{transform:scale(1)}70%{transform:scale(1.2)}to{transform:scale(0)}}.fade-in-up{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.fade-in-up.show{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-20px);transition:all .6s ease-out}.fade-in-left.show{opacity:1;transform:translate(0)}.loading-screen.new{--accent: #4692d5;--accent-2: #bdddfa;--surface: rgba(255, 255, 255, .06);--surface-border: rgba(255, 255, 255, .08);--text: #ffffff;position:relative;min-height:100vh;padding:0 20px;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(1100px 1100px at 15% 10%,rgba(142,223,255,.08),transparent 60%),linear-gradient(160deg,#293b4e,#1c252e 60%,#141c23);overflow:hidden}.bg-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(60px);opacity:.35;animation:float 12s ease-in-out infinite;pointer-events:none}.orb-1{background:#4b96d8;top:-90px;left:-90px}.orb-2{background:#78cbff;bottom:-120px;right:-80px;animation-delay:-6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.loading-card.glass{padding:28px 32px;border-radius:16px;background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000040,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;align-items:center;gap:10px}.logo-stack{position:relative;max-width:100px;max-height:100px;display:flex;align-items:center;justify-content:center}.logo-stack img{width:100%;height:100%}.logo-image{width:56px;height:56px;border-radius:12px}.logo-stack .halo{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:16px;background:radial-gradient(closest-side,#8dd9ff59,#8dc6ff00);filter:blur(8px);animation:breathe 2.8s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:.9}}.spinner{margin-top:4px}.spinner-svg{width:72px;height:72px;transform-origin:center;animation:spin 2s linear infinite}.spinner-svg .track{fill:none;stroke:#ffffff2e;stroke-width:4}.spinner-svg .arc{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:80 200;stroke-dashoffset:0;animation:dash 1.4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:90 200;stroke-dashoffset:-35}to{stroke-dasharray:90 200;stroke-dashoffset:-124}}.loading-text{font-size:18px;font-weight:600;margin-top:6px}.loading-tip{font-size:14px;opacity:.9;min-height:20px;transition:opacity .35s}.loading-message{font-size:13px;opacity:.9;margin-top:14px}.loading-progress{width:260px;height:8px;background-color:#ffffff29;border-radius:999px;overflow:hidden;margin-top:6px;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit;box-shadow:0 0 20px #ffce8d73}.loading-progress.is-indeterminate .progress-fill{position:absolute;width:40%;animation:indet 1.4s ease-in-out infinite}@keyframes indet{0%{left:-40%;width:40%}50%{left:30%;width:60%}to{left:100%;width:40%}}@media (min-width: 640px){.spinner-svg{width:86px;height:86px}.loading-text{font-size:20px}.loading-tip{font-size:15px}.loading-message{font-size:14px}.loading-progress{width:320px;height:10px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.al-container{width:100vw;height:100vh;background:#0003;animation:fade 1s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;display:flex;justify-content:center;align-items:center;z-index:9999;top:0;-webkit-user-select:none;user-select:none;padding:5px;transition:all .5s}.al-container.hide{opacity:0}.al-content{text-align:center;display:flex;flex-direction:column;width:100%;min-height:200px;max-width:600px;overflow:auto;padding:20px;z-index:9999;background-color:#fff;border-radius:20px;animation:pop-up .5s}.al-content.hide{animation:pop-down .5s}.al-header{display:flex;flex-direction:row;justify-content:center;z-index:9999}.al-header h1{font-size:26px;z-index:9999}.al-body{display:flex;flex-direction:column;height:100%;align-items:center;margin-top:20px;z-index:9999}.al-body p{font-size:18px;margin-bottom:20px;z-index:9999}.al-body button{font-size:18px;width:100%;max-width:200px;cursor:pointer;z-index:9999;border:none;border-radius:10px;font-size:16px;font-weight:700;padding:5px 10px;color:#fff;transition:all .5s}.al-body .red{background-color:#ff3434}.al-body .red:hover{background-color:#d22d2d;transform:translateY(-2.5px)}.al-body .green{background-color:#52cd7b}.al-body .green:hover{background-color:#45ac68;transform:translateY(-2.5px)}