/* VISION by SRG — floating AI pet */
#visionPetRoot{position:fixed;right:18px;bottom:22px;z-index:9998;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;transform:translate3d(0,var(--vp-follow-y,0px),0);will-change:transform}
#visionPetRoot.vp-crm{bottom:28px}
.vp-stage{position:relative;width:132px;height:150px;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 20px 32px rgba(25,50,110,.22));perspective:900px;perspective-origin:50% 50%}
.vp-orb{--rx:0deg;--ry:0deg;width:106px;height:106px;border-radius:50%;position:relative;cursor:grab;transform-style:preserve-3d;transform:perspective(520px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .16s ease,filter .2s ease;animation:vpFloat 3.8s ease-in-out infinite;background:
radial-gradient(circle at 31% 23%,rgba(255,255,255,.98) 0 8%,rgba(255,255,255,.62) 9% 21%,transparent 22%),
radial-gradient(circle at 71% 70%,rgba(69,111,255,.20),transparent 40%),
linear-gradient(145deg,#ffffff 0%,#f4f7ff 34%,#dce7ff 67%,#d9d2ff 100%);
box-shadow:inset 14px 12px 26px rgba(255,255,255,.92),inset -15px -18px 30px rgba(91,77,186,.16),0 12px 26px rgba(52,71,149,.20),0 0 0 1px rgba(135,154,211,.34);overflow:visible}
.vp-orb:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.72);pointer-events:none}
.vp-orb:after{content:"";position:absolute;left:18px;right:18px;bottom:11px;height:1px;background:linear-gradient(90deg,transparent,rgba(76,91,145,.35),transparent);transform:translateZ(5px)}
.vp-orb.vp-happy{animation:vpHappy .65s cubic-bezier(.2,.8,.2,1),vpFloat 3.8s .65s ease-in-out infinite}
.vp-orb.vp-dragging{cursor:grabbing;animation:none;transition:none;filter:brightness(1.04)}
.vp-eye{position:absolute;top:31px;width:22px;height:31px;border-radius:48% 48% 45% 45%;background:linear-gradient(180deg,#0b1220,#02060d 78%);box-shadow:inset 0 2px 5px rgba(255,255,255,.08),0 3px 7px rgba(25,35,70,.18);transition:transform .13s ease}
.vp-eye.left{left:25px}.vp-eye.right{right:25px}
.vp-eye:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;left:5px;top:5px;box-shadow:0 0 7px rgba(255,255,255,.65)}
.vp-eye:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(115,177,255,.95);right:4px;bottom:5px}
.vp-orb.vp-blink .vp-eye{transform:scaleY(.08)!important}
.vp-mouth{position:absolute;left:50%;top:66px;width:23px;height:10px;transform:translateX(-50%);border-bottom:3px solid #172033;border-radius:0 0 18px 18px;transition:.18s ease}
.vp-orb.vp-idle .vp-mouth,.vp-orb.vp-happy .vp-mouth{width:29px;height:13px;border-bottom-width:3px}
.vp-srg{position:absolute;left:50%;bottom:12px;transform:translateX(-50%) translateZ(7px) rotateX(8deg);font-size:8.5px;letter-spacing:1.15px;font-weight:900;color:#7b86a0;text-shadow:0 1px 0 #fff,0 -1px 0 rgba(55,72,120,.16);opacity:.92}
.vp-shadow{position:absolute;bottom:0;width:78px;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(50,110,255,.42),rgba(50,110,255,.10) 45%,transparent 72%);filter:blur(3px);animation:vpShadow 3.8s ease-in-out infinite}
.vp-thought{position:absolute;right:8px;bottom:126px;max-width:238px;min-width:120px;padding:10px 13px;background:rgba(255,255,255,.97);color:#263550;border:1px solid rgba(215,224,243,.96);border-radius:18px 18px 5px 18px;box-shadow:0 12px 30px rgba(28,47,105,.15);font-size:12px;font-weight:800;line-height:1.38;opacity:0;transform:translateY(8px) scale(.96);transition:.2s ease;pointer-events:none}
.vp-thought:after{content:"";position:absolute;right:16px;bottom:-8px;width:12px;height:12px;background:#fff;border-right:1px solid #d7e0f3;border-bottom:1px solid #d7e0f3;transform:rotate(45deg)}
.vp-thought.show{opacity:1;transform:none}
.vp-modes{position:absolute;right:0;bottom:146px;width:280px;padding:12px;background:rgba(12,19,34,.94);border:1px solid rgba(117,151,223,.24);border-radius:20px;box-shadow:0 22px 54px rgba(4,11,27,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;transition:.22s ease;color:#fff}
.vp-modes.open{opacity:1;transform:none;pointer-events:auto}
.vp-modes-title{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#9eb2d7;font-weight:900;margin:0 0 10px 3px}
.vp-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vp-mode{border:1px solid rgba(147,169,213,.18);background:rgba(255,255,255,.035);border-radius:14px;padding:9px 7px;color:#eaf0ff;text-align:center;cursor:pointer}
.vp-mode.active{border-color:#72a2ff;background:linear-gradient(145deg,rgba(56,105,255,.18),rgba(112,70,238,.18));box-shadow:0 0 0 1px rgba(82,135,255,.08),0 8px 20px rgba(24,61,135,.18)}
.vp-mode-icon{height:42px;display:grid;place-items:center;margin-bottom:5px}
.vp-mode b{display:block;font-size:11px}.vp-mode small{display:block;font-size:9px;color:#94a2be;margin-top:2px}
.vp-mini-orb{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#fff,#d9e7ff 60%,#d5ceff);box-shadow:inset -5px -6px 9px rgba(86,72,180,.15),0 4px 10px rgba(73,100,170,.2);position:relative}
.vp-mini-orb:before,.vp-mini-orb:after{content:"";position:absolute;top:10px;width:5px;height:8px;border-radius:50%;background:#07101f}.vp-mini-orb:before{left:9px}.vp-mini-orb:after{right:9px}
.vp-cloud-icon{width:44px;height:19px;border-radius:20px;background:linear-gradient(180deg,#fff,#cfe1ff);position:relative;box-shadow:0 5px 12px rgba(54,110,220,.22)}
.vp-cloud-icon:before,.vp-cloud-icon:after{content:"";position:absolute;border-radius:50%;background:inherit}.vp-cloud-icon:before{width:23px;height:23px;left:7px;top:-11px}.vp-cloud-icon:after{width:18px;height:18px;right:4px;top:-7px}
.vp-focus-icon{width:34px;height:34px;border-radius:50%;border:5px solid #3e6fcf;box-shadow:inset 0 0 0 5px #10192d,0 0 16px rgba(72,129,255,.38);position:relative}.vp-focus-icon:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#7eb0ff;box-shadow:0 0 10px #6aa5ff}
.vp-orb.mode-cloud{background:radial-gradient(circle at 32% 20%,#fff 0 14%,transparent 15%),radial-gradient(circle at 58% 24%,#fff 0 17%,transparent 18%),radial-gradient(circle at 50% 45%,#eff6ff 0 48%,#d9e8ff 70%,#c8d7ff 100%)}
.vp-orb.mode-cloud .vp-srg{color:#6f82a4}.vp-orb.mode-focus{background:radial-gradient(circle at 50% 50%,#cfe2ff 0 20%,#89afff 21% 38%,#203761 39% 53%,#0c1425 54% 100%);box-shadow:0 0 0 1px #4778cf,0 0 30px rgba(59,122,255,.45),inset 0 0 25px rgba(86,146,255,.28)}.vp-orb.mode-focus .vp-eye,.vp-orb.mode-focus .vp-mouth,.vp-orb.mode-focus .vp-srg{opacity:.1}
.vp-hint{position:absolute;right:4px;bottom:-15px;color:#76839b;font-size:9px;font-weight:700;white-space:nowrap}
@keyframes vpFloat{0%,100%{transform:perspective(520px) translateY(0) rotateX(var(--rx)) rotateY(var(--ry))}50%{transform:perspective(520px) translateY(-8px) rotateX(var(--rx)) rotateY(var(--ry))}}
@keyframes vpShadow{0%,100%{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.78);opacity:.28}}
@keyframes vpHappy{0%{transform:scale(1) rotate(0)}28%{transform:scale(1.12) rotate(-8deg)}55%{transform:scale(.95) rotate(7deg)}78%{transform:scale(1.05) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:900px){#visionPetRoot{right:12px;bottom:90px}.vp-stage{width:108px;height:126px}.vp-orb{width:88px;height:88px}.vp-eye{top:25px;width:18px;height:25px}.vp-eye.left{left:20px}.vp-eye.right{right:20px}.vp-eye:before{width:6px;height:6px;left:4px;top:4px}.vp-mouth{top:55px;width:20px}.vp-srg{bottom:9px;font-size:9px}.vp-shadow{width:64px}.vp-thought{bottom:106px;max-width:66vw;font-size:11px}.vp-modes{bottom:120px;width:min(278px,84vw)}}
@media(max-width:520px){body:not(.srgx-page) #visionPetRoot{bottom:18px}.vp-hint{display:none}}

.vp-command{position:absolute;right:0;bottom:146px;width:min(360px,88vw);padding:14px;background:rgba(255,255,255,.98);border:1px solid #dfe6f3;border-radius:20px;box-shadow:0 24px 60px rgba(18,38,92,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transform:translateY(10px) scale(.97);pointer-events:none;transition:.2s ease;color:#1d2a44}
.vp-command.open{opacity:1;transform:none;pointer-events:auto}.vp-command-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.vp-command-head strong{font-size:14px}.vp-command-head span{font-size:10px;color:#7c899f}.vp-command-row{display:grid;grid-template-columns:1fr auto;gap:8px}.vp-command input{border:1px solid #dbe3f1;border-radius:12px;padding:11px 12px;font:inherit;color:#1d2a44;background:#fbfcff;outline:none}.vp-command input:focus{border-color:#7a92ff;box-shadow:0 0 0 3px rgba(72,105,230,.10)}.vp-command button{border:0;border-radius:12px;padding:0 13px;background:linear-gradient(135deg,#3568f2,#6844e7);color:#fff;font-weight:900;cursor:pointer}.vp-command-msg{min-height:18px;margin-top:8px;font-size:11px;color:#62708a;line-height:1.45}.vp-command-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.vp-command-chip{border:1px solid #dfe5f1!important;background:#f8faff!important;color:#41506d!important;padding:7px 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important}.vp-command-tools{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.vp-mode-link{border:0!important;background:transparent!important;color:#5b5bd6!important;padding:5px!important;font-size:10px!important;font-weight:900!important}
body.dark .vp-command{background:rgba(20,27,40,.97);border-color:#303a4d;color:#f7f8fb}.dark .vp-command input{background:#111722;border-color:#303a4d;color:#f7f8fb}.dark .vp-command-msg{color:#aab4c7}.dark .vp-command-chip{background:#182033!important;border-color:#344057!important;color:#d8def0!important}
@media(max-width:900px){.vp-command{bottom:120px;right:0;width:min(350px,84vw)}}

.vp-orb.vp-cuddle{animation:vpCuddle .85s cubic-bezier(.2,.9,.25,1)!important}
.vp-heart{position:fixed;z-index:10020;pointer-events:none;font-size:18px;animation:vpHeart 1.15s ease-out forwards;filter:drop-shadow(0 4px 8px rgba(244,63,94,.18))}
@keyframes vpCuddle{
  0%{transform:perspective(520px) scale(1) rotate(0deg)}
  22%{transform:perspective(520px) scale(.92,1.07) rotate(-5deg)}
  45%{transform:perspective(520px) scale(1.08,.94) rotate(5deg)}
  68%{transform:perspective(520px) scale(.97,1.04) rotate(-2deg)}
  100%{transform:perspective(520px) scale(1) rotate(0deg)}
}
@keyframes vpHeart{
  0%{opacity:0;transform:translate3d(0,4px,0) scale(.55) rotate(-8deg)}
  18%{opacity:1}
  100%{opacity:0;transform:translate3d(var(--hx),-76px,0) scale(1.25) rotate(var(--hr))}
}

/* Guided customer fill */
.vp-assist-focus{outline:3px solid rgba(65,105,240,.26)!important;box-shadow:0 0 0 6px rgba(65,105,240,.08)!important;transition:box-shadow .2s ease,outline .2s ease}
.vp-command.customer .vp-command-head strong:after{content:" Customer Assistant";font-weight:700;color:#6c7890}
.vp-command.customer .vp-command-msg{min-height:34px}
.vp-command.customer .vp-command-chips{margin-top:10px}
.vp-command.customer .vp-command-chip.primary-assist{background:linear-gradient(135deg,#eef4ff,#f3edff)!important;border-color:#cfd9ff!important;color:#4338ca!important}
.vp-chat-answer{display:none;margin-top:8px;padding:9px 10px;border-radius:11px;background:#f7f9ff;border:1px solid #e2e7f4;color:#40506d;font-size:11px;line-height:1.5}
.vp-chat-answer.show{display:block}
body.dark .vp-chat-answer{background:#111722;border-color:#303a4d;color:#d7deee}
/* 2026-09-25 VISION minimal morph body — inspired by user's reference motion, original SRG implementation */
.vp-orb:not(.mode-cloud):not(.mode-focus){
  width:104px;height:104px;
  border-radius:50% 48% 51% 49% / 49% 51% 48% 52%;
  background:
    radial-gradient(circle at 35% 28%,#ffffff 0 18%,#fbfbfc 38%,#f4f4f6 66%,#e7e8ec 100%);
  border:1px solid rgba(0,0,0,.055);
  box-shadow:
    inset 10px 9px 18px rgba(255,255,255,.95),
    inset -10px -12px 20px rgba(45,55,75,.08),
    0 16px 32px rgba(0,0,0,.16);
  animation:vpMorphFloat 4.2s ease-in-out infinite;
}
.vp-orb:not(.mode-cloud):not(.mode-focus):before{
  inset:4px;border-color:rgba(255,255,255,.88);
}
.vp-orb:not(.mode-cloud):not(.mode-focus):after{
  left:22px;right:22px;bottom:13px;
  background:linear-gradient(90deg,transparent,rgba(30,34,44,.11),transparent);
}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye{
  top:30px;width:14px;height:29px;
  border-radius:999px;
  background:#101010;
  box-shadow:0 2px 6px rgba(0,0,0,.30);
  transform-style:preserve-3d;
  backface-visibility:hidden;
}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye.left{left:29px}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye.right{right:29px}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye:before,
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye:after{display:none}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-mouth{display:none}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-srg{
  bottom:11px;font-size:7.5px;letter-spacing:1.35px;color:rgba(36,40,51,.32);
  text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(0,0,0,.05);
}
.vp-orb:not(.mode-cloud):not(.mode-focus).vp-idle .vp-eye.left{left:28px}
.vp-orb:not(.mode-cloud):not(.mode-focus).vp-idle .vp-eye.right{right:28px}
.vp-orb:not(.mode-cloud):not(.mode-focus).vp-happy,
.vp-orb:not(.mode-cloud):not(.mode-focus).vp-cuddle{
  box-shadow:
    inset 10px 9px 18px rgba(255,255,255,.95),
    inset -10px -12px 20px rgba(45,55,75,.08),
    0 18px 38px rgba(0,0,0,.19),
    0 0 22px rgba(76,126,255,.14);
}
.vp-mini-orb{
  background:radial-gradient(circle at 35% 28%,#fff 0 20%,#f8f8fa 52%,#e8e9ed 100%);
  box-shadow:inset -4px -5px 8px rgba(20,25,35,.08),0 4px 10px rgba(0,0,0,.14)
}
.vp-mini-orb:before,.vp-mini-orb:after{width:4px;height:9px;background:#111;border-radius:999px;top:10px}
.vp-shadow{background:radial-gradient(ellipse,rgba(35,55,95,.24),rgba(35,55,95,.07) 48%,transparent 74%);filter:blur(4px)}
@keyframes vpMorphFloat{
  0%{border-radius:50% 48% 51% 49% / 49% 51% 48% 52%;transform:translateY(0) rotateX(var(--rx)) rotateY(calc(var(--ry) - 4deg)) rotateZ(-.6deg)}
  25%{border-radius:48% 52% 49% 51% / 52% 48% 51% 49%;transform:translateY(-5px) rotateX(var(--rx)) rotateY(calc(var(--ry) + 2deg)) rotateZ(.8deg)}
  50%{border-radius:52% 48% 50% 50% / 48% 52% 50% 50%;transform:translateY(-10px) rotateX(var(--rx)) rotateY(calc(var(--ry) + 5deg)) rotateZ(-.4deg)}
  75%{border-radius:49% 51% 52% 48% / 51% 49% 48% 52%;transform:translateY(-4px) rotateX(var(--rx)) rotateY(calc(var(--ry) - 2deg)) rotateZ(.55deg)}
  100%{border-radius:50% 48% 51% 49% / 49% 51% 48% 52%;transform:translateY(0) rotateX(var(--rx)) rotateY(calc(var(--ry) - 4deg)) rotateZ(-.6deg)}
}
@media(max-width:900px){
  .vp-orb:not(.mode-cloud):not(.mode-focus){width:88px;height:88px}
  .vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye{top:25px;width:12px;height:25px}
  .vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye.left{left:24px}
  .vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye.right{right:24px}
  .vp-orb:not(.mode-cloud):not(.mode-focus) .vp-srg{bottom:9px;font-size:6.4px}
}
/* Sphere-depth refinement: responsive light source makes VISION read as a ball, not a flat circle */
.vp-orb:not(.mode-cloud):not(.mode-focus){
  --lx:34%;--ly:24%;
  background:
    radial-gradient(circle at var(--lx) var(--ly),rgba(255,255,255,1) 0 7%,rgba(255,255,255,.82) 8% 18%,rgba(255,255,255,.20) 19% 29%,transparent 30%),
    radial-gradient(circle at 38% 31%,#ffffff 0 22%,#f9fafc 38%,#eef0f4 64%,#d8dbe2 82%,#bfc4ce 100%);
  box-shadow:
    inset 14px 12px 22px rgba(255,255,255,.95),
    inset -16px -18px 28px rgba(44,52,72,.17),
    inset 5px -2px 13px rgba(82,126,255,.06),
    0 20px 38px rgba(20,28,48,.22);
}
.vp-orb:not(.mode-cloud):not(.mode-focus):after{
  content:"";position:absolute;inset:0;height:auto;border-radius:50%;
  background:
    radial-gradient(circle at 72% 76%,rgba(42,50,68,.16),transparent 42%),
    linear-gradient(118deg,rgba(255,255,255,.16),transparent 42%,rgba(18,28,50,.07));
  pointer-events:none;z-index:1;transform:none;
}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye,
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-srg{z-index:2}

/* VISION v9 — true sphere treatment (no coin-flip silhouette) */
.vp-orb:not(.mode-cloud):not(.mode-focus){
  border-radius:50%!important;
  transform-style:preserve-3d;
  animation:vpSphereFloat 4.2s ease-in-out infinite!important;
  background:
    radial-gradient(circle at var(--lx,34%) var(--ly,24%),
      rgba(255,255,255,1) 0 8%,
      rgba(255,255,255,.92) 9% 20%,
      rgba(255,255,255,.34) 21% 31%,
      transparent 32%),
    radial-gradient(circle at 38% 34%,
      #ffffff 0 28%,
      #f7f8fa 43%,
      #eceef2 60%,
      #d8dbe1 74%,
      #bcc1cb 88%,
      #949aa6 100%)!important;
  box-shadow:
    inset 17px 15px 27px rgba(255,255,255,.96),
    inset -22px -24px 34px rgba(32,39,54,.22),
    inset 0 0 0 1px rgba(255,255,255,.62),
    0 20px 40px rgba(18,25,42,.23)!important;
}
.vp-orb:not(.mode-cloud):not(.mode-focus):before{
  inset:2px!important;
  border-radius:50%!important;
  border:0!important;
  background:
    radial-gradient(circle at 68% 72%,rgba(20,25,36,.14),transparent 43%),
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.72),transparent 34%);
  box-shadow:inset 0 0 18px rgba(15,22,38,.08);
  z-index:0;
}
.vp-orb:not(.mode-cloud):not(.mode-focus):after{
  inset:0!important;height:auto!important;border-radius:50%!important;
  background:
    radial-gradient(ellipse at 50% 104%,rgba(20,25,35,.20),transparent 42%),
    linear-gradient(110deg,rgba(255,255,255,.18),transparent 42%,rgba(19,25,39,.06))!important;
  transform:none!important;
}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye{
  z-index:3;
  transform-style:preserve-3d;
}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-srg{z-index:3}
@keyframes vpSphereFloat{
  0%,100%{transform:translate3d(0,0,0) rotateZ(-.4deg) scale(1)}
  50%{transform:translate3d(0,-9px,0) rotateZ(.45deg) scale(1.008)}
}
.vp-invalid{
  border-color:#ef4444!important;
  outline:3px solid rgba(239,68,68,.20)!important;
  box-shadow:0 0 0 6px rgba(239,68,68,.08)!important;
}
.vp-invalid-label{color:#b91c1c!important}

.vp-orb.vp-dragging:not(.mode-cloud):not(.mode-focus){animation:none!important;transform:translate3d(0,0,0)!important}
.vp-orb.vp-cuddle:not(.mode-cloud):not(.mode-focus){animation:vpSphereCuddle .82s cubic-bezier(.2,.9,.25,1)!important}
.vp-orb.vp-happy:not(.mode-cloud):not(.mode-focus){animation:vpSphereHappy .68s cubic-bezier(.2,.85,.2,1)!important}
@keyframes vpSphereCuddle{
  0%{transform:scale(1)}
  24%{transform:translateY(2px) scale(.94,1.06)}
  48%{transform:translateY(-3px) scale(1.065,.95)}
  72%{transform:translateY(1px) scale(.985,1.025)}
  100%{transform:scale(1)}
}
@keyframes vpSphereHappy{
  0%{transform:translateY(0) scale(1)}
  34%{transform:translateY(-7px) scale(1.055)}
  62%{transform:translateY(1px) scale(.98)}
  100%{transform:translateY(0) scale(1)}
}

/* VISION v10 — stronger volumetric sphere cues */
.vp-orb:not(.mode-cloud):not(.mode-focus){
  border:0!important;
  background:
    radial-gradient(circle at var(--lx,31%) var(--ly,22%),rgba(255,255,255,1) 0 6%,rgba(255,255,255,.88) 7% 15%,rgba(255,255,255,.20) 24%,transparent 34%),
    radial-gradient(ellipse at 31% 27%,#fff 0 19%,#fafbfc 34%,#eceef1 57%,#cfd3da 75%,#9ea5b0 90%,#737b88 100%)!important;
  box-shadow:inset 18px 15px 26px rgba(255,255,255,.92),inset -27px -24px 36px rgba(24,31,44,.29),inset 4px 2px 9px rgba(255,255,255,.7),0 22px 42px rgba(15,23,40,.25)!important;
}
.vp-orb:not(.mode-cloud):not(.mode-focus):after{
  background:radial-gradient(ellipse at 83% 55%,rgba(20,26,38,.18),transparent 39%),radial-gradient(ellipse at 50% 105%,rgba(10,15,24,.24),transparent 43%),linear-gradient(112deg,rgba(255,255,255,.12),transparent 40%,rgba(12,18,29,.10))!important;
}
.vp-orb:not(.mode-cloud):not(.mode-focus) .vp-eye{filter:drop-shadow(3px 2px 2px rgba(0,0,0,.14))}
.vp-shadow{width:82px;height:13px;opacity:.72}