/* WebVision Web v0.13: iOS/iPadOS Home Screen experience. */
@supports (padding: env(safe-area-inset-top)) {
  @media (display-mode: standalone) {
    html, body { background: #0a0f1a; }
    .sidebar {
      padding-top: max(22px, env(safe-area-inset-top));
      padding-left: max(10px, env(safe-area-inset-left));
      padding-bottom: max(14px, env(safe-area-inset-bottom));
    }
    .main-content { padding-top: max(22px, env(safe-area-inset-top)); padding-right: max(20px, env(safe-area-inset-right)); }
    .overlay { padding-top: max(18px, env(safe-area-inset-top)); padding-bottom: max(18px, env(safe-area-inset-bottom)); }
  }
  @media (display-mode: standalone) and (max-width:700px) {
    .main-content { padding: 0 max(14px, env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); }
    .topbar { padding-top: max(16px, env(safe-area-inset-top)); }
  }
  @media (display-mode: standalone) and (orientation: landscape) and (min-width:701px) and (max-height:560px) {
    .sidebar { padding-top: max(8px, env(safe-area-inset-top)); }
    .main-content { padding-top: max(8px, env(safe-area-inset-top)); }
  }
}
.wv-install-hint {
  position:fixed;
  z-index:45;
  left:14px;
  right:14px;
  bottom:calc(78px + env(safe-area-inset-bottom));
  display:flex;
  align-items:flex-start;
  gap:12px;
  max-width:460px;
  padding:15px 42px 15px 16px;
  background:#192741;
  border:1px solid #458fe5;
  border-radius:16px;
  box-shadow:0 12px 38px rgba(0,0,0,.55);
  color:#f1f7ff;
  font-size:13px;
  line-height:1.45;
}
.wv-install-hint strong { display:block; font-size:15px; margin-bottom:4px; }
.wv-install-hint p { margin:0; color:#cad8ed; }
.wv-install-hint button {
  position:absolute; top:7px; right:7px;
  width:32px; height:32px;
  border:0; border-radius:9px;
  color:#e7f3ff; background:transparent;
  font-size:22px; cursor:pointer;
}
.wv-install-hint button:focus-visible {outline:2px solid #9ed5ff;}
@media(min-width:701px) {
  .wv-install-hint {left:auto; right:20px; bottom:calc(24px + env(safe-area-inset-bottom));}
}
