/* "Install the app" ribbon (paired with install.js) */
#installBar{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:10px;margin:-12px -12px 12px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));
  background:linear-gradient(90deg,#5b8def,#7aa6ff);color:#fff;box-shadow:0 4px 14px rgba(40,70,140,.3);animation:ibSlide .45s cubic-bezier(.34,1.56,.64,1)}
#installBar[hidden]{display:none}
#installBar .ib-icon{width:36px;height:36px;border-radius:9px;flex:none;box-shadow:0 2px 6px rgba(0,0,0,.25)}
#installBar .ib-text{flex:1;min-width:0;font-weight:800;font-size:.92rem;line-height:1.2}
#installBar .ib-text small{display:block;font-weight:600;opacity:.92;font-size:.78rem}
#installBar .ib-go{appearance:none;border:0;border-radius:999px;background:#fff;color:#3d6fd4;font-weight:900;font-size:.9rem;padding:9px 16px;min-height:40px;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.18);flex:none}
#installBar .ib-go:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.18)}
#installBar .ib-x{appearance:none;border:0;background:rgba(255,255,255,.22);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;flex:none}
@keyframes ibSlide{from{transform:translateY(-100%)}to{transform:none}}

#installHelp{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,30,60,.55)}
#installHelp[hidden]{display:none}
#installHelp .ih-card{background:#fff;color:#1a2a4a;border-radius:22px;padding:22px 20px;max-width:380px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.35);animation:fxDrop .35s cubic-bezier(.34,1.56,.64,1)}
#installHelp h2{margin:0 0 6px;font-size:1.25rem}
#installHelp ol{margin:12px 0 16px;padding-left:22px;font-weight:600;line-height:1.5}
#installHelp li{margin:6px 0}
#installHelp .ih-close{width:100%}
body.grade-adult #installHelp .ih-card{background:#243044;color:#e8eef8}
@media (prefers-reduced-motion:reduce){#installBar,#installHelp .ih-card{animation:none}}