.community-entry-loading{overflow:hidden}.community-entry-loader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 16% 88%,rgba(0,207,174,.18),transparent 34%),radial-gradient(circle at 84% 12%,rgba(44,105,214,.20),transparent 38%),linear-gradient(145deg,#071826,#020a13);opacity:1;visibility:visible;transition:opacity 1.28s cubic-bezier(.22,.61,.36,1),visibility 0s linear 1.28s}.community-entry-loader::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(83,188,226,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(83,188,226,.2) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 78%)}.community-entry-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.community-loader-aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.28;animation:communityLoaderAurora 5s ease-in-out infinite alternate}.community-loader-aurora-a{left:-8%;bottom:-18%;width:42vw;height:36vw;background:#00e6bd}.community-loader-aurora-b{right:-9%;top:-20%;width:46vw;height:38vw;background:#235fff;animation-delay:-2s}
.community-loader-card{position:relative;isolation:isolate;width:min(860px,92vw);min-height:236px;display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:28px;padding:32px 58px;border:1px solid rgba(116,190,231,.28);border-radius:56px;background:radial-gradient(circle at 28% 50%,rgba(0,228,190,.09),transparent 33%),linear-gradient(135deg,rgba(17,46,66,.97),rgba(5,19,32,.985));box-shadow:0 34px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;transform-origin:0 0;will-change:transform,opacity;transition:transform .78s cubic-bezier(.2,.82,.2,1),border-radius .78s ease,box-shadow .78s ease}.community-loader-card::after{content:"";position:absolute;inset:-50% auto -50% -30%;z-index:-1;width:20%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(116,255,231,.22),transparent);animation:communityLoaderSweep 3.2s ease-in-out infinite}.community-entry-loader.is-docking::before,.community-entry-loader.is-docking .community-loader-aurora{opacity:0;transition:opacity .5s ease}.community-entry-loader.is-docking .community-loader-card{transform:translate(var(--dock-x,0),var(--dock-y,0)) scale(var(--dock-sx,.2),var(--dock-sy,.2));border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.24)}
.community-loader-brand{position:relative;width:190px;height:190px;display:grid;place-items:center;justify-self:center}.community-loader-wave{position:absolute;inset:-5px;width:200px;height:200px;fill:none;stroke-linecap:round;animation:communityLoaderOrbit 18s linear infinite}.community-loader-wave path:first-child{stroke:#c3ad4c;stroke-width:1.05;opacity:.5}.community-loader-wave path:last-child{stroke:#22bca4;stroke-width:1;opacity:.4}
.community-loader-tile{position:relative;width:126px;height:126px;display:block;overflow:hidden;border:1px solid rgba(145,226,255,.18);border-radius:24px;background:radial-gradient(circle at 75% 33%,rgba(12,55,69,.38),transparent 38%),linear-gradient(145deg,#123245,#041722);box-shadow:0 0 0 5px rgba(70,188,222,.055),inset 0 3px 7px rgba(255,255,255,.12),0 26px 65px rgba(0,0,0,.5);animation:communityLoaderFloat 5s ease-in-out infinite}.community-loader-tile::after{content:"";position:absolute;top:17px;left:18px;width:6px;height:6px;border-radius:50%;background:#fff5b5;box-shadow:0 0 12px #fff3a7}.community-loader-v{position:absolute;left:25px;top:39px;width:73px;height:73px}.community-loader-chart{position:absolute;right:22px;top:32px;width:31px;height:31px;overflow:visible;filter:drop-shadow(0 0 8px rgba(201,237,78,.18));animation:communityLoaderChartFloat 3.6s ease-in-out infinite}.community-loader-bar{transform-box:fill-box;transform-origin:center bottom;animation:communityLoaderBarPulse 2.9s ease-in-out infinite}.community-loader-bar-2{animation-delay:.12s}.community-loader-bar-3{animation-delay:.24s}.community-loader-trend{stroke-dasharray:180;stroke-dashoffset:180;animation:communityLoaderTrendDraw 3.4s ease-in-out infinite}.community-loader-arrow{transform-box:fill-box;transform-origin:center;opacity:0;transform:translateY(-11px) scale(0);animation:communityLoaderArrowPop 3.4s ease-in-out infinite}
.community-loader-copy{min-width:0}.community-loader-copy>small{display:block;margin-bottom:11px;color:#43f2d0!important;font-size:12px;font-weight:900;letter-spacing:.24em}.community-loader-copy h1{display:flex;align-items:center;gap:13px;margin:0;color:#f7f9fc!important;font:900 clamp(38px,6vw,72px)/.92 Inter,"Noto Sans Thai",sans-serif;letter-spacing:-.045em;white-space:nowrap}.community-loader-copy h1 span{background:linear-gradient(90deg,#ffd35c,#b8ef62);-webkit-background-clip:text;background-clip:text;color:transparent!important}.community-loader-copy h1 i{width:11px;height:11px;border-radius:50%;background:#60ffcf;box-shadow:0 0 0 0 rgba(96,255,207,.5),0 0 18px rgba(96,255,207,.9);animation:communityLoaderPing 1.8s infinite}.community-loader-copy p{margin:12px 0 10px;color:#91a8bd!important;font-size:14px;font-weight:600}.community-loader-signal{display:flex;align-items:center;gap:10px;width:min(100%,560px)}.community-loader-signal b{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(67,242,208,.76))}.community-loader-signal b:last-child{background:linear-gradient(90deg,rgba(67,242,208,.76),transparent)}.community-loader-signal em{width:8px;height:8px;border-radius:50%;background:#56f2d5;box-shadow:0 0 14px #56f2d5}
html[data-theme="light"] .community-entry-loader{background:radial-gradient(circle at 14% 88%,rgba(44,211,174,.17),transparent 35%),radial-gradient(circle at 86% 10%,rgba(91,154,222,.17),transparent 38%),linear-gradient(145deg,#fffdf8,#edf5f8)}html[data-theme="light"] .community-loader-card{border-color:rgba(116,190,231,.28);background:radial-gradient(circle at 28% 50%,rgba(0,228,190,.09),transparent 33%),linear-gradient(135deg,rgba(17,46,66,.97),rgba(5,19,32,.985));box-shadow:0 34px 90px rgba(26,58,82,.24),inset 0 1px 0 rgba(255,255,255,.07)}html[data-theme="light"] .community-loader-copy h1{color:#f7f9fc}html[data-theme="light"] .community-loader-copy p{color:#91a8bd}html[data-theme="light"] .community-loader-copy>small{color:#43f2d0}
.community-entry-loader .community-loader-copy>small{color:#43f2d0!important;-webkit-text-fill-color:#43f2d0!important}.community-entry-loader .community-loader-copy h1{color:#f7f9fc!important;-webkit-text-fill-color:#f7f9fc!important}.community-entry-loader .community-loader-copy h1 span{color:transparent!important;-webkit-text-fill-color:transparent!important}.community-entry-loader .community-loader-copy p{color:#91a8bd!important;-webkit-text-fill-color:#91a8bd!important}
@keyframes communityLoaderOrbit{to{transform:rotate(360deg)}}@keyframes communityLoaderFloat{50%{transform:translateY(-3px)}}@keyframes communityLoaderChartFloat{50%{transform:translateY(-1px)}}@keyframes communityLoaderBarPulse{0%,100%{transform:scaleY(.88)}50%{transform:scaleY(1)}}@keyframes communityLoaderTrendDraw{0%,18%{stroke-dashoffset:180;opacity:.35}52%,91%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:0;opacity:0}}@keyframes communityLoaderArrowPop{0%,42%{opacity:0;transform:translateY(-11px) scale(0);filter:none}45%{opacity:1;transform:translateY(-11px) scale(1.28);filter:drop-shadow(0 0 8px rgba(201,237,78,.72))}50%,91%{opacity:1;transform:translateY(-11px) scale(1);filter:drop-shadow(0 0 6px rgba(201,237,78,.55))}96%,100%{opacity:0;transform:translateY(-11px) scale(.7);filter:none}}@keyframes communityLoaderSweep{0%,35%{left:-30%;opacity:0}48%{opacity:.8}80%,100%{left:120%;opacity:0}}@keyframes communityLoaderAurora{to{transform:translate3d(24px,-18px,0) scale(1.08)}}@keyframes communityLoaderPing{70%{box-shadow:0 0 0 13px rgba(96,255,207,0),0 0 18px rgba(96,255,207,.9)}}
@media(max-width:720px){.community-entry-loader{padding:14px}.community-loader-card{width:min(430px,94vw);min-height:430px;grid-template-columns:1fr;align-content:center;gap:8px;padding:34px 24px;border-radius:36px;text-align:center}.community-loader-brand{width:160px;height:160px}.community-loader-wave{width:170px;height:170px}.community-loader-tile{width:108px;height:108px}.community-loader-v{left:21px;top:33px;width:63px;height:63px}.community-loader-chart{right:18px;top:27px;width:28px;height:28px}.community-loader-copy>small{font-size:10px}.community-loader-copy h1{justify-content:center;font-size:clamp(34px,11vw,52px)}.community-loader-copy p{font-size:12px;line-height:1.55}.community-loader-signal{width:92%;margin:auto}}
@media(prefers-reduced-motion:reduce){.community-loader-aurora,.community-loader-card::after,.community-loader-wave,.community-loader-tile,.community-loader-chart,.community-loader-bar,.community-loader-trend,.community-loader-arrow,.community-loader-copy h1 i,.community-loader-progress span{animation:none}.community-loader-trend{stroke-dashoffset:0}.community-loader-arrow{opacity:1;transform:translateY(-11px) scale(1)}.community-loader-progress span{width:100%;background:linear-gradient(90deg,#f3c75d,#51edcf)}.community-entry-loader.is-docking .community-loader-card{transition:none;transform:none}.community-entry-loader.is-docking{opacity:0;transition:opacity .48s ease}}
