.mksp{
--sp-bg:#fff;--sp-text:#1f2937;--sp-sub:#4b5a6b;--sp-a:#1f78c8;--sp-b:#1fa37a;--sp-logo:84px;background:var(--sp-bg);color:var(--sp-text);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif}.mksp-fixed{
position:fixed;inset:0;z-index:2147483000;transition:opacity .45s ease,transform .5s cubic-bezier(.7,0,.3,1)}.mksp-preview{
position:absolute;inset:0}html.mksp-lock,html.mksp-lock body{
overflow:hidden}.mksp-in{
display:flex;flex-direction:column;align-items:center;width:min(300px,86vw);animation:mkspIn .6s ease both}.mksp-logo{
width:var(--sp-logo);height:var(--sp-logo);display:flex;align-items:center;justify-content:center;margin-bottom:22px;position:relative}.mksp-logo img{
max-width:100%;max-height:100%;object-fit:contain;display:block}.mksp-title{
font-size:30px;font-weight:800;letter-spacing:.06em;line-height:1.15;margin-bottom:10px;color:var(--sp-text);word-break:break-word}.mksp-grad .mksp-title{
background:linear-gradient(90deg,var(--sp-a),var(--sp-b));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.mksp-sub{
font-size:12.5px;line-height:1.6;color:var(--sp-sub);margin-bottom:26px;max-width:100%;word-break:break-word}.mksp-bar{
width:100%;height:6px;border-radius:99px;background:rgba(128,128,128,.22);overflow:hidden}.mksp-bar i{
display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--sp-a),var(--sp-b))}.mksp-pct{
margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--sp-text);min-height:1em}.mksp-dots{
display:flex;gap:8px;margin-top:16px}.mksp-dots b{
width:7px;height:7px;border-radius:50%;background:var(--sp-a);opacity:.35;animation:mkspDot 1.2s ease-in-out infinite}.mksp-dots b:nth-child(2){
background:var(--sp-b);animation-delay:.2s}.mksp-dots b:nth-child(3){
background:var(--sp-sub);animation-delay:.4s}.mksp-ring-svg{
position:absolute;left:-14px;top:-14px;width:calc(100% + 28px);height:calc(100% + 28px);transform:rotate(-90deg)}.mksp-ring-svg circle{
fill:none;stroke-width:4;stroke-linecap:round}.mksp-ring-svg .bg{
stroke:rgba(128,128,128,.22)}.mksp-ring-svg .fg{
stroke:var(--sp-a);stroke-dasharray:289.03;stroke-dashoffset:289.03}.mksp-s-ring .mksp-logo{
margin-bottom:34px;margin-top:14px}.mksp-s-minimal .mksp-logo img{
animation:mkspPulse 1.6s ease-in-out infinite}.mksp-spin{
width:26px;height:26px;border-radius:50%;border:3px solid rgba(128,128,128,.25);border-top-color:var(--sp-a);animation:mkspSpin .8s linear infinite;margin-top:6px}.mksp-s-minimal .mksp-sub{
margin-bottom:20px}.mksp-top{
position:absolute;left:0;right:0;top:0;height:4px;background:rgba(128,128,128,.15)}.mksp-top i{
display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sp-a),var(--sp-b))}.mksp-s-topbar .mksp-sub{
margin-bottom:6px}.mksp-out{
opacity:0;pointer-events:none}.mksp-out.mksp-x-slide{
opacity:1;transform:translateY(-100%)}.mksp-out.mksp-x-zoom{
transform:scale(1.15)}@keyframes mkspIn{
from{
opacity:0;transform:translateY(10px)}to{
opacity:1;transform:none}}@keyframes mkspDot{
0%,100%{
opacity:.3;transform:scale(.85)}50%{
opacity:1;transform:scale(1.2)}}@keyframes mkspPulse{
0%,100%{
transform:scale(1)}50%{
transform:scale(1.08)}}@keyframes mkspSpin{
to{
transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){
.mksp *,.mksp{
animation:none!important}.mksp-fixed{
transition-duration:.01ms}}