/* PWA install UI - manual site name v10 */
.spky-pwa-inline-install{
  width:100%;
  margin:12px 0 0;
  border:1px solid rgba(255,255,255,.28);
  border-radius:18px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:11px;
  cursor:pointer;
  color:#fff;
  background:
    radial-gradient(circle at 18% 15%, rgba(255,255,255,.30), transparent 25%),
    linear-gradient(135deg, #ff1f3d 0%, #e00024 48%, #aa001a 100%);
  box-shadow:0 14px 34px rgba(255,31,61,.34), inset 0 1px 0 rgba(255,255,255,.22);
  font-family:inherit;
  text-align:left;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
}
.spky-pwa-inline-install:before{
  content:"";
  position:absolute;
  inset:-70% -40%;
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.28) 48%, transparent 62%);
  transform:translateX(-45%) rotate(8deg);
  animation:spkyPwaShine 3.8s ease-in-out infinite;
  pointer-events:none;
  z-index:-1;
}
.spky-pwa-inline-install:hover{transform:translateY(-1px);box-shadow:0 17px 40px rgba(255,31,61,.44), inset 0 1px 0 rgba(255,255,255,.25)}
.spky-pwa-inline-install:active{transform:translateY(1px) scale(.992)}
.spky-pwa-inline-install[hidden],.spky-pwa-inline-install.is-hidden{display:none!important}
.spky-pwa-inline-install.is-preparing{opacity:.92;cursor:pointer}
.spky-pwa-inline-install.is-waiting{opacity:.86;cursor:wait}
.spky-pwa-inline-install.is-ready{box-shadow:0 18px 46px rgba(255,31,61,.48), inset 0 1px 0 rgba(255,255,255,.25)}
.spky-pwa-inline-install.is-installed{background:linear-gradient(135deg,rgba(18,164,104,.95),rgba(31,202,141,.95));border-color:rgba(173,255,216,.4)}
.spky-pwa-inline-logo{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:#ffffff;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.23);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 8px 18px rgba(0,0,0,.14);
  font-size:19px;
}
.spky-pwa-inline-text{display:flex;flex-direction:column;min-width:0;line-height:1.15;flex:1}
.spky-pwa-inline-text b{font-size:13px;font-weight:900;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.22)}
.spky-pwa-inline-text em{font-style:normal;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.82);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spky-pwa-inline-arrow{font-size:15px;color:rgba(255,255,255,.92);filter:drop-shadow(0 3px 7px rgba(0,0,0,.22))}
.spky-pwa-toast{
  position:fixed;
  left:50%;
  bottom:calc(18px + env(safe-area-inset-bottom,0px));
  transform:translate(-50%, 18px);
  z-index:2147483000;
  max-width:min(420px, calc(100vw - 24px));
  padding:12px 15px;
  border-radius:16px;
  background:rgba(10,12,24,.94);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 55px rgba(0,0,0,.38);
  opacity:0;
  pointer-events:none;
  font:800 13px/1.35 Arial,Tahoma,sans-serif;
  transition:.2s ease;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.spky-pwa-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.spky-pwa-guide{position:fixed;inset:0;display:none;align-items:flex-end;justify-content:center;padding:18px;z-index:2147483100;background:rgba(4,6,18,.68);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.spky-pwa-guide.is-visible{display:flex}
.spky-pwa-guide-box{width:100%;max-width:430px;border-radius:24px;padding:20px;color:#fff;background:linear-gradient(150deg,rgba(18,28,52,.98),rgba(39,25,70,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 90px rgba(0,0,0,.46);font-family:Arial,Tahoma,sans-serif}
.spky-pwa-guide-box h3{margin:0 0 8px;font-size:18px;font-weight:900}.spky-pwa-guide-box p{margin:0 0 13px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.82)}.spky-pwa-guide-box ol{margin:0 0 16px;padding-left:19px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.86)}.spky-pwa-guide-ok{width:100%;border:0;border-radius:15px;padding:12px 14px;color:#111827;background:#fff;font-weight:900;cursor:pointer}
@keyframes spkyPwaShine{0%,42%{transform:translateX(-55%) rotate(8deg)}72%,100%{transform:translateX(55%) rotate(8deg)}}
@media (max-width:420px){.spky-pwa-inline-install{padding:10px 11px;border-radius:16px;gap:9px}.spky-pwa-inline-logo{width:38px;height:38px;min-width:38px;border-radius:14px;font-size:17px}.spky-pwa-inline-text b{font-size:12.5px}.spky-pwa-inline-text em{font-size:10px}}
@media (prefers-reduced-motion:reduce){.spky-pwa-inline-install:before{animation:none}.spky-pwa-inline-install,.spky-pwa-toast{transition:none}}