#pbar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;z-index:2600}
#cring{position:fixed;left:0;top:0;width:34px;height:34px;border:1px solid rgba(212,73,230,.65);border-radius:50%;pointer-events:none;z-index:2600;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s}
#cring.on{width:56px;height:56px;border-color:rgba(247,246,243,.9)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2400;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>")}
#totop{position:fixed;right:22px;bottom:22px;z-index:1500;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(17,17,24,.8);backdrop-filter:blur(10px);color:var(--white);font-size:16px;cursor:pointer;opacity:0;transform:translateY(14px);transition:.35s}
#totop.show{opacity:1;transform:none}#totop:hover{background:var(--grad);border-color:transparent}
#cookies{position:fixed;left:50%;bottom:18px;transform:translate(-50%,90px);z-index:2600;display:flex;gap:16px;align-items:center;background:rgba(17,17,24,.92);border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-size:12px;color:var(--dim);backdrop-filter:blur(12px);transition:.5s;max-width:92vw}
#cookies.show{transform:translate(-50%,0)}#cookies a{color:var(--magenta)}#cookies button{background:var(--grad);border:none;color:#fff;border-radius:999px;padding:8px 16px;font-size:12px;cursor:pointer}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#26263a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--violet)}
.wk-card::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);transform:translateX(-120%);transition:transform .9s ease}
.wk-card:hover::before{transform:translateX(120%)}
@media (prefers-reduced-motion: reduce){#cring,#pbar{display:none}}
@media (pointer: coarse){#cring{display:none}}