/* install banner */
.install-banner {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255,255,255,0.98);
    color: #111;
    border-radius: 12px;
    padding: 12px 14px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.35);
    z-index: 999999;
    max-width: 720px;
    margin: 0 auto;
    justify-content: space-between;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.install-left { display:flex; gap:12px; align-items:center; flex:1; }
.install-icon { width:56px; height:56px; border-radius:10px; background-size:cover; background-position:center; flex:0 0 56px; }
.install-text { flex:1; min-width:0; }
.install-title { font-weight:700; font-size:15px; margin-bottom:4px; color:#000; }
.install-desc { font-size:13px; color:#333; opacity:0.9; }
.install-actions { display:flex; gap:8px; align-items:center; margin-left:12px; }
.btn { padding:8px 12px; border-radius:8px; font-weight:600; cursor:pointer; border:none; }
.btn-primary { background:linear-gradient(90deg,#0ea5a4,#06b6d4); color:#fff; }
.btn-ghost { background:transparent; color:#111; border:1px solid rgba(0,0,0,0.08); }
.install-close { background:transparent; border:none; font-size:18px; opacity:0.6; cursor:pointer; color: #fff; }
    /* iOS guide overlay */
.ios-guide {
    position: fixed;
    left: 0; right: 0; bottom: 0; top: 0;
    display: none;
    background: rgba(0,0,0,0.5);
    z-index: 1000000;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.ios-guide .card {
    width: 100%;
    max-width: 520px;
    background: #fff;
    border-radius: 12px;
    padding: 18px;
    text-align: left;
}
.ios-steps { font-size:14px; color:#111; margin-top:8px; }
    /* ensure iframe stays under banner */
iframe { position: relative; z-index: 1; }
@media (min-width: 900px) {
    .install-banner { left: 50%; transform: translateX(-50%); max-width: 720px; }
}
@media (prefers-color-scheme: dark) {
    .install-banner { background: rgb(0 0 0 / 65%); color: #fff; }
    .btn-ghost { color:#fff; border-color: rgba(255,255,255,0.06); }
    .install-desc { color: #ddd; }
    .install-title { color: #fff; }
}