.spAccountButton{
  position:absolute;top:50%;right:112px;z-index:12;display:flex;align-items:center;gap:8px;transform:translateY(-50%);
  min-height:42px;padding:0 15px;border:1px solid #51cfff;border-radius:7px;background:rgba(3,18,31,.94);
  color:#dff8ff;font:900 11px/1 "Action Pro",Arial,sans-serif;letter-spacing:1.2px;cursor:pointer;
  box-shadow:0 0 18px rgba(0,183,255,.2),inset 0 0 12px rgba(0,183,255,.08)
}
.spAccountButton:hover{transform:translateY(calc(-50% - 1px));border-color:#8ee8ff;background:#08263b}
.spAccountButton i{color:#ffbf00;font-size:13px;text-shadow:0 0 8px currentColor}.spAccountButton.signedIn i{color:#38ff6f}
.spAccountButton.cloudSaving i{color:#55dfff;animation:spCloudPulse .7s ease-in-out infinite alternate}.spAccountButton.cloudSaved i{color:#38ff6f}.spAccountButton.cloudSaving{border-color:#55dfff}.spAccountButton.cloudSaved{border-color:#38ff6f}
@keyframes spCloudPulse{from{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1.18)}}
.spAccountButton.offline{opacity:.7}.spAccountButton.offline i{color:#8b99a8}
.spAccountModal[hidden]{display:none}.spAccountModal{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:20px}
.spAccountBackdrop{position:absolute;inset:0;background:rgba(0,5,12,.83);backdrop-filter:blur(7px)}
.spAccountCard{position:relative;width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:28px;border:1px solid #39cfff;border-radius:12px;background:linear-gradient(150deg,#071c2b,#020b13 68%);color:#f6fbff;box-shadow:0 24px 80px #000,0 0 35px rgba(0,195,255,.24)}
.spAccountCard:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid rgba(255,255,255,.08);border-radius:8px}
.spAccountClose{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#9db5c6;font-size:30px;line-height:1;cursor:pointer}
.spAccountBrand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.spAccountBrand>img{display:block;width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(82,213,255,.45))}
.spAccountBrand div{display:grid}.spAccountBrand strong{font:900 18px/1 "Action Pro",Arial,sans-serif;letter-spacing:1.5px}.spAccountBrand small{margin-top:5px;color:#52ccff;font:800 9px/1 Arial;letter-spacing:1.6px}
.spAuthTabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px;border-bottom:1px solid #294357}.spAuthTabs button{padding:11px;border:0;border-bottom:3px solid transparent;background:transparent;color:#8195a5;font-weight:900;cursor:pointer}.spAuthTabs button.active{border-color:#36d4ff;color:#fff}
.spAccountCard h2{margin:0 0 7px;font:900 24px/1.15 "Action Pro",Arial,sans-serif;letter-spacing:.7px}.spAccountCard h2+p{margin:0 0 20px;color:#9fb2c0;font:13px/1.45 Arial}
#spAuthForm{display:grid;gap:13px}#spAuthForm label{display:grid;gap:6px;color:#8fdfff;font:800 10px/1 Arial;letter-spacing:1px;text-transform:uppercase}#spAuthForm label[hidden]{display:none!important}#spAuthForm input{height:45px;padding:0 13px;border:1px solid #2b4a60;border-radius:6px;outline:0;background:#05121d;color:#fff;font:15px Arial}#spAuthForm input:focus{border-color:#48d7ff;box-shadow:0 0 0 3px rgba(72,215,255,.12)}
.spPrimaryButton,.spSecondaryButton{min-height:44px;padding:0 16px;border-radius:6px;font:900 11px/1 "Action Pro",Arial,sans-serif;letter-spacing:.8px;cursor:pointer}.spPrimaryButton{border:1px solid #43dbff;background:linear-gradient(#0879ae,#034b78);color:#fff;box-shadow:0 0 16px rgba(0,185,255,.18)}.spPrimaryButton:hover{filter:brightness(1.15)}.spSecondaryButton{width:100%;border:1px solid #385064;background:#0b1925;color:#c7d8e5}.spTextButton{border:0;background:transparent;color:#69d9ff;padding:5px;cursor:pointer;font-weight:800}.spAccountCard button:disabled,.spAccountCard input:disabled{opacity:.55;cursor:wait}
.spAuthError{padding:10px;border:1px solid #b34a59;border-radius:5px;background:rgba(143,24,44,.25);color:#ffd9de;font:12px/1.4 Arial}
.spUserHeading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:8px 0 20px}.spUserAvatar{display:block;width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(82,213,255,.4))}.spUserHeading>div:nth-child(2){display:grid;min-width:0}.spUserHeading small{color:#68d9ff;font:800 9px Arial;letter-spacing:1.2px}.spUserHeading strong{margin-top:4px;overflow:hidden;text-overflow:ellipsis}.spUserHeading>b{padding:7px 9px;border:1px solid #ffbd20;border-radius:4px;color:#ffd65d;font:900 10px Arial;letter-spacing:1px}
.spCloudPanel{margin-bottom:18px;padding:18px;border:1px solid #29485e;border-radius:8px;background:rgba(4,25,39,.82)}.spCloudPanelTitle{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.spCloudPanelTitle>span{font-size:28px;color:#61ddff}.spCloudPanelTitle>div{display:grid;gap:5px}.spCloudPanelTitle strong{font:900 15px/1.2 "Action Pro",Arial,sans-serif}.spCloudPanelTitle strong[data-tone="success"]{color:#51ff85}.spCloudPanelTitle strong[data-tone="error"]{color:#ff7184}.spCloudPanelTitle small{color:#9badb9;font:11px/1.35 Arial}.spCloudPanel>.spPrimaryButton{width:100%}.spCloudPanel>.spSecondaryButton{margin-top:8px}.spReplaceCloudButton{border-color:#9b6b25;background:#2b2113;color:#ffd58b}.spCloudSafety{margin:13px 0 0;color:#7991a2;font:10px/1.45 Arial}
body.spAccountOpen{overflow:hidden}
.spAccountHost{position:relative!important}
@media(max-width:900px){.spAccountButton{right:70px;width:46px;min-width:46px;padding:0;justify-content:center}.spAccountButton span{display:none}.spAccountCard{padding:23px 18px}}
@media(max-width:560px){.spAccountButton{right:64px}.spUserHeading{grid-template-columns:auto 1fr}.spUserHeading>b{grid-column:2;justify-self:start}}