.sp{--sp:0;--sp-c1:#7c3aed;--sp-c2:#06b6d4;--sp-bar-h:4px;--sp-ring:56px;--sp-offset:24px}.sp-bar{position:fixed;top:0;left:0;width:100%;height:var(--sp-bar-h);z-index:100001;pointer-events:none}.sp-bar__fill{width:100%;height:100%;background:linear-gradient(90deg,var(--sp-c1),var(--sp-c2));box-shadow:0 0 12px var(--sp-c2),0 0 4px var(--sp-c1);transform-origin:0 50%;transform:scaleX(var(--sp));transition:transform .12s linear;will-change:transform}body.admin-bar .sp-bar{top:32px}@media (max-width:782px){body.admin-bar .sp-bar{top:46px}}@media (max-width:600px){body.admin-bar .sp-bar{top:0}}.sp-ring{position:fixed;right:var(--sp-offset);bottom:var(--sp-offset);z-index:100000;width:var(--sp-ring);height:var(--sp-ring);padding:0;margin:0;border:0;border-radius:50%;display:grid;place-items:center;-webkit-appearance:none;appearance:none;cursor:pointer;color:#fff;background:rgba(17,24,39,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.08);opacity:0;visibility:hidden;transform:translateY(16px) scale(.9);transition:opacity .3s ease,transform .3s ease,visibility .3s ease,box-shadow .3s ease}.sp-ring.is-visible{opacity:1;visibility:visible;transform:none}.sp-ring.is-visible:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 4px rgba(6,182,212,.18)}.sp-ring:focus-visible{outline:2px solid var(--sp-c2);outline-offset:3px}.sp-ring__svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.sp-ring__track,.sp-ring__value{fill:none;stroke-width:3}.sp-ring__track{stroke:rgba(255,255,255,.14)}.sp-ring__value{stroke:url(#spGrad);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - 100 * var(--sp));transition:stroke-dashoffset .12s linear}.sp-ring__num,.sp-ring__arrow{position:absolute;display:grid;place-items:center;transition:opacity .2s ease,transform .2s ease}.sp-ring__num{font:700 12px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums}.sp-ring__arrow{opacity:0;transform:translateY(6px)}.sp-ring:hover .sp-ring__num{opacity:0;transform:translateY(-6px)}.sp-ring:hover .sp-ring__arrow{opacity:1;transform:none}body.et-fb .sp{display:none}@media print{.sp{display:none}}@media (prefers-reduced-motion:reduce){.sp-bar__fill,.sp-ring,.sp-ring__value,.sp-ring__num,.sp-ring__arrow{transition:none}}