.ko-pl-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(680px 420px at 50% 34%,rgba(205,163,93,.06),transparent 62%),#15171b;opacity:1;transition:opacity .45s ease}
.ko-pl-overlay.ko-pl-hide{opacity:0;pointer-events:none}
.ko-pl-box{display:flex;flex-direction:column;align-items:center;gap:26px;animation:ko-pl-in .55s ease both}
.ko-pl-ring{position:relative;width:92px;height:92px;display:grid;place-items:center}
.ko-pl-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 90deg,transparent 6%,rgba(205,163,93,.12) 42%,#e0b878 92%,transparent 97%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:ko-pl-spin 1.05s linear infinite;filter:drop-shadow(0 0 8px rgba(205,163,93,.35))}
.ko-pl-ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.05)}
.ko-pl-core{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#1f232b,#171a20);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px -12px rgba(0,0,0,.8);animation:ko-pl-breathe 2.4s ease-in-out infinite}
.ko-pl-core svg{width:28px;height:28px;color:#cda35d}
.ko-pl-word{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.42em;text-indent:.42em;color:#e8eaed}
.ko-pl-bar{width:190px;height:3px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden;position:relative}
.ko-pl-bar::before{content:"";position:absolute;top:0;bottom:0;left:-42%;width:42%;border-radius:3px;background:linear-gradient(90deg,transparent,#cda35d,#e0b878,transparent);animation:ko-pl-slide 1.25s cubic-bezier(.65,0,.35,1) infinite}
@keyframes ko-pl-spin{to{transform:rotate(360deg)}}
@keyframes ko-pl-breathe{0%,100%{transform:scale(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px -12px rgba(0,0,0,.8),0 0 0 0 rgba(205,163,93,0)}50%{transform:scale(1.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px -12px rgba(0,0,0,.8),0 0 18px 2px rgba(205,163,93,.14)}}
@keyframes ko-pl-slide{0%{left:-42%}100%{left:100%}}
@keyframes ko-pl-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ko-pl-ring::before,.ko-pl-core,.ko-pl-bar::before,.ko-pl-box{animation:none!important}}