/* Full-screen, one-time iOS installation guide. Respects existing skins. */
.install-guide[hidden], .install-help[hidden]{display:none!important}
body.install-active{overflow:hidden}
.install-guide{
  position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  padding:calc(15px + env(safe-area-inset-top)) 16px calc(15px + env(safe-area-inset-bottom));
  overflow-y:auto;overscroll-behavior:contain;
  background:radial-gradient(ellipse 90% 60% at 48% 5%,#1a5978 0%,#0a253c 43%,#04121f 100%);
  color:#eefaff;
}
.install-sheet{
  width:min(100%,460px);margin:auto;position:relative;isolation:isolate;
  border:1px solid #3c7282;border-radius:28px;padding:23px 22px 22px;
  background:linear-gradient(145deg,#123850f7,#081e33fa);
  box-shadow:0 28px 90px #0009;overflow:hidden
}
.install-sheet:before{
  content:"";position:absolute;inset:0 0 auto;height:5px;pointer-events:none;
  background:linear-gradient(90deg,#4ee3bb,#5cb8ee,#ffc27c)
}
.install-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.install-kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:#71eac8}
.install-x{
  width:38px;height:38px;flex:0 0 38px;border:1px solid #52738a;border-radius:50%;
  background:#15394b;color:#fff;font-size:25px;line-height:1;display:grid;place-items:center;padding:0
}
.install-art{display:grid;place-items:center;height:115px;position:relative;margin:3px auto 8px}
.install-art:before,.install-art:after{
  content:"";position:absolute;width:155px;height:82px;border:1px solid #72f2ce55;
  border-radius:50%;transform:rotate(-21deg)
}
.install-art:after{transform:rotate(26deg);width:124px;height:110px;border-color:#73b9f055}
.install-icon{
  width:88px;height:88px;position:relative;z-index:1;display:grid;place-items:center;
  background:linear-gradient(145deg,#71f7ce,#35bbac);color:#082f38;border:2px solid #bdffe9;
  box-shadow:0 0 45px #56e8bc75,inset 0 0 20px #fff4;border-radius:24px;transform:rotate(-5deg)
}
.install-icon svg{width:64px;height:64px}
.install-sheet h1{font-size:clamp(29px,6vw,38px);letter-spacing:-1.5px;line-height:1.06;margin:0 0 10px;text-align:center}
.install-sheet h1 span{color:#76eecb}
.install-intro{font-size:13px;line-height:1.5;text-align:center;color:#bbd5e4;margin:0 auto 21px;max-width:315px}
.install-steps{display:grid;gap:9px;margin-bottom:17px}
.install-step{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;
  border:1px solid #3d6278;border-radius:13px;background:#102f44;padding:11px 13px
}
.install-step-count{
  display:grid;place-items:center;width:32px;height:32px;border-radius:10px;
  background:#60e6bf;color:#092e32;font-size:16px;font-weight:900
}
.install-step strong{display:block;font-size:13px;color:#effbff;line-height:1.3}
.install-step p{margin:3px 0 0;color:#b3c9d9;font-size:12px;line-height:1.45}
.install-share-icon{display:inline-block;vertical-align:-4px;width:17px;height:17px;margin:0 3px;color:#76eecb}
.install-action{
  display:block;width:100%;background:#60e6bf;color:#092c30;font-weight:850;
  min-height:49px;border:0;border-radius:12px;font-size:14px;padding:12px
}
.install-footnote{font-size:11px;line-height:1.45;color:#96b9ca;text-align:center;margin:12px auto 0;max-width:330px}
.install-help{
  border:1px solid var(--border);background:var(--panel);color:var(--mint);border-radius:10px;
  min-height:36px;padding:6px 10px;font-size:12px;font-weight:800;white-space:nowrap
}
.install-sheet button:focus-visible,.install-help:focus-visible,.install-sheet a:focus-visible{
  outline:3px solid #fff;outline-offset:3px
}
@media(max-width:550px){
  .topbar{gap:8px}.install-help{padding:7px 8px;font-size:11px}
  .topbar .theme-wrap{margin-left:auto}
}
@media(max-height:650px){
 .install-sheet{padding:18px}.install-art{height:65px;margin:0}.install-icon{width:58px;height:58px;border-radius:15px}
 .install-icon svg{width:41px;height:41px}
 .install-art:before,.install-art:after{height:58px;width:105px}
 .install-sheet h1{font-size:29px}
 .install-intro{margin-bottom:13px}.install-steps{gap:6px;margin-bottom:12px}
 .install-step{padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){.install-icon{transform:none}}

@media(max-width:360px){.topbar{flex-wrap:wrap;row-gap:9px}.brand{flex-basis:100%}.theme-wrap{margin-left:0!important}.install-help{margin-left:auto}}