.ddl{z-index:3000;isolation:isolate;background:radial-gradient(58% 42% at 50% 44%,#3b82f633 0%,#0000 62%),radial-gradient(120% 90% at 50% 120%,#6366f12e 0%,#0000 60%),linear-gradient(#070b16 0%,#0a0f1e 45%,#05070f 100%);place-items:center;animation:.18s both ddlFadeIn;display:grid;position:fixed;inset:0}.ddl:before{content:"";background:conic-gradient(from 0deg, transparent 0 78%, #ffffff0d 88%, transparent 100%);pointer-events:none;animation:9s linear infinite ddlSweep;position:absolute;inset:-30%}.ddl:after{content:"";pointer-events:none;background:radial-gradient(70% 60%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.ddl--nav{-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%);background:radial-gradient(50% 40%,#3b82f62e 0%,#0000 60%),#05070fc7}.ddl-box{z-index:1;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.ddl-mark{filter:drop-shadow(0 18px 34px #3b82f652);place-items:center;width:132px;height:132px;display:grid;position:relative}.ddl-mark--sm{width:74px;height:74px}.ddl-ring{background:conic-gradient(from 90deg, transparent 0 62%, #3b82f6 82%, #93c5fd 92%, transparent 100%);border-radius:50%;animation:1.15s cubic-bezier(.45,.05,.35,.95) infinite ddlSpin;position:absolute;inset:0;box-shadow:0 0 26px #60a5fa66;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.ddl-ring--2{background:conic-gradient(from 250deg, transparent 0 68%, #818cf8 86%, #c4b5fd 94%, transparent 100%);animation-duration:1.9s;animation-direction:reverse;inset:15px;box-shadow:0 0 22px #818cf84d;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}.ddl-core{letter-spacing:-.02em;background:radial-gradient(120% 120% at 32% 24%,#ffffff29 0%,#0000 48%),linear-gradient(160deg,#1b2337 0%,#0d1322 60%,#080d18 100%);border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:26px;font-weight:800;line-height:1;animation:2.6s ease-in-out infinite ddlBreathe;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff38,inset 0 -10px 18px #00000080,0 12px 26px -10px #000000e6,0 0 30px #3b82f638}.ddl-mark--sm .ddl-core{width:42px;height:42px;font-size:16px}.ddl-core-txt{color:#dbeafe;text-shadow:0 0 10px #60a5fad9,0 0 26px #3b82f68c,0 1px #00000059;font-variant-ligatures:none}.ddl-word{letter-spacing:.01em;color:#e7ecf5;text-shadow:0 2px 18px #0009;font-size:20px;font-weight:600}.ddl-word span{color:#93c5fd;text-shadow:0 0 14px #3b82f68c;font-weight:800}.ddl-sub{letter-spacing:.02em;color:#8b98ad;margin-top:-10px;font-size:12.5px}.ddl-bar{background:#ffffff14;border-radius:999px;width:190px;height:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.ddl--nav .ddl-bar{width:130px}.ddl-bar>span{border-radius:inherit;background:linear-gradient(90deg,#0000,#3b82f6 35%,#93c5fd 60%,#0000);width:40%;height:100%;animation:1.15s ease-in-out infinite ddlSlide;display:block;box-shadow:0 0 14px #60a5fa99}@keyframes ddlSpin{to{transform:rotate(360deg)}}@keyframes ddlSweep{to{transform:rotate(360deg)}}@keyframes ddlSlide{0%{transform:translate(-115%)}to{transform:translate(280%)}}@keyframes ddlBreathe{0%,to{transform:scale(1);box-shadow:inset 0 1px #ffffff38,inset 0 -10px 18px #00000080,0 12px 26px -10px #000000e6,0 0 26px #3b82f62e}50%{transform:scale(1.03);box-shadow:inset 0 1px #ffffff47,inset 0 -10px 18px #00000080,0 14px 30px -10px #000000e6,0 0 44px #3b82f65c}}@keyframes ddlFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ddl:before,.ddl-ring,.ddl-core,.ddl-bar>span{animation:none}.ddl-bar>span{width:100%}}