.pkc-loader{--loader-bg:#f1f2f8;--loader-panel:#fff;--loader-ink:#151622;--loader-muted:#777b93;--loader-line:#c9ccda;--loader-accent:#6f5df6;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background-color:var(--loader-bg);color:var(--loader-ink);opacity:1;visibility:visible;transition:opacity .38s ease,visibility .38s ease;overflow:hidden}
.pkc-loader[data-theme="dark"]{--loader-bg:#080a14;--loader-panel:#101326;--loader-ink:#f2f3fb;--loader-muted:#9297b8;--loader-line:#2b3154;--loader-accent:#8270ff}
.pkc-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.pkc-loader__inner{width:min(700px,calc(100vw - 40px));display:grid;gap:22px}
.pkc-loader__brand{display:flex;align-items:center;justify-content:space-between;gap:20px;font:600 10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--loader-muted)}
.pkc-loader__mark{border:1px solid var(--loader-line);padding:7px 9px;color:var(--loader-ink);letter-spacing:.12em}
.pkc-loader__stage{position:relative;border:1px solid var(--loader-line);background-color:var(--loader-panel);padding:clamp(22px,5vw,42px);box-shadow:0 20px 70px rgba(4,6,18,.08)}
.pkc-loader__stage::before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--loader-line) 48%,transparent);pointer-events:none}
.pkc-loader svg{display:block;width:100%;height:auto;overflow:visible}
.pkc-loader svg *{vector-effect:non-scaling-stroke}
.pkc-loader .pl-line{fill:none;stroke:var(--loader-line);stroke-width:1.25}
.pkc-loader .pl-ink{fill:none;stroke:var(--loader-ink);stroke-width:1.4}
.pkc-loader .pl-muted{fill:var(--loader-muted)}
.pkc-loader .pl-fill{fill:color-mix(in srgb,var(--loader-accent) 11%,var(--loader-panel));stroke:var(--loader-accent);stroke-width:1.2}
.pkc-loader .pl-accent{fill:var(--loader-accent)}
.pkc-loader .pl-caption{fill:var(--loader-muted);font:9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}
.pkc-loader .pl-analog{animation:pl-analog 1.65s cubic-bezier(.4,0,.2,1) both}
.pkc-loader .pl-digital{animation:pl-digital 1.65s cubic-bezier(.4,0,.2,1) both}
.pkc-loader .pl-scan{fill:var(--loader-accent);opacity:.55;animation:pl-scan 1.65s cubic-bezier(.4,0,.2,1) both}
.pkc-loader .pl-path{stroke-dasharray:220;stroke-dashoffset:220;animation:pl-draw 1.15s .42s ease-out forwards}
.pkc-loader .pl-node{transform-box:fill-box;transform-origin:center;animation:pl-node 1.65s ease both}
.pkc-loader__progress{height:1px;background:var(--loader-line);overflow:hidden}
.pkc-loader__progress::after{content:"";display:block;width:45%;height:100%;background:var(--loader-accent);animation:pl-progress 1.65s cubic-bezier(.55,0,.2,1) both}
.pkc-loader.is-theme-transition{transition:background-color 1.15s cubic-bezier(.4,0,.2,1),color 1.15s cubic-bezier(.4,0,.2,1),opacity .38s ease,visibility .38s ease}
.pkc-loader.is-theme-transition .pkc-loader__brand,.pkc-loader.is-theme-transition .pkc-loader__mark,.pkc-loader.is-theme-transition .pkc-loader__stage,.pkc-loader.is-theme-transition .pkc-loader__stage::before,.pkc-loader.is-theme-transition .pkc-loader__progress{transition:background-color 1.15s cubic-bezier(.4,0,.2,1),color 1.15s cubic-bezier(.4,0,.2,1),border-color 1.15s cubic-bezier(.4,0,.2,1)}
.pkc-loader.is-theme-transition .pl-line,.pkc-loader.is-theme-transition .pl-ink,.pkc-loader.is-theme-transition .pl-fill{transition:stroke 1.15s cubic-bezier(.4,0,.2,1),fill 1.15s cubic-bezier(.4,0,.2,1)}
.pkc-loader.is-theme-transition .pl-muted,.pkc-loader.is-theme-transition .pl-accent,.pkc-loader.is-theme-transition .pl-caption,.pkc-loader.is-theme-transition .pl-scan,.pkc-loader.is-theme-transition .pkc-loader__progress::after{transition:fill 1.15s cubic-bezier(.4,0,.2,1),background-color 1.15s cubic-bezier(.4,0,.2,1)}
@keyframes pl-analog{0%,24%{opacity:1;transform:translateX(0)}62%,100%{opacity:.08;transform:translateX(-9px)}}
@keyframes pl-digital{0%,28%{opacity:.05;transform:translateX(10px)}72%,100%{opacity:1;transform:translateX(0)}}
@keyframes pl-scan{0%{transform:translateX(-18px);opacity:0}22%{opacity:.6}78%{opacity:.6}100%{transform:translateX(490px);opacity:0}}
@keyframes pl-draw{to{stroke-dashoffset:0}}
@keyframes pl-node{0%,48%{opacity:.1;transform:scale(.35)}75%,100%{opacity:1;transform:scale(1)}}
@keyframes pl-progress{0%{transform:translateX(-110%)}100%{transform:translateX(245%)}}
@media(max-width:560px){.pkc-loader__inner{width:calc(100vw - 28px);gap:15px}.pkc-loader__brand{font-size:8px;letter-spacing:.12em}.pkc-loader__stage{padding:20px 14px}.pkc-loader__stage::before{inset:5px}}
@media(prefers-reduced-motion:reduce){.pkc-loader,.pkc-loader.is-theme-transition{transition:opacity .12s linear,visibility .12s linear}.pkc-loader .pl-analog{animation:none;opacity:.16}.pkc-loader .pl-digital{animation:none}.pkc-loader .pl-scan{display:none}.pkc-loader .pl-path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.pkc-loader .pl-node{animation:none}.pkc-loader__progress::after{animation:none;width:100%}.pkc-loader.is-theme-transition *{transition:none!important}}
