.pwa-userbar-install{
    width:100%;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:11px;
    padding:11px 13px;
    border-radius:10px;
}
.pwa-userbar-install:hover{
    background:rgba(15,111,255,.08);
    color:var(--blue,#0f6fff);
}
.pwa-userbar-install svg{width:18px;height:18px;}
.pwa-dialog-open{overflow:hidden;}
.pwa-help-overlay{
    position:fixed;
    inset:0;
    z-index:10050;
    background:rgba(2,6,23,.62);
    backdrop-filter:blur(6px);
    padding:20px;
    display:grid;
    place-items:center;
}
.pwa-help-overlay[hidden]{display:none!important;}
.pwa-help-dialog{
    width:min(430px,100%);
    border:1px solid var(--border,#e4e9f1);
    border-radius:22px;
    background:var(--card,#fff);
    color:var(--text,#111827);
    padding:28px;
    position:relative;
    text-align:center;
    box-shadow:0 24px 70px rgba(2,6,23,.26);
}
.pwa-help-close{
    position:absolute;
    top:12px;
    right:12px;
    width:36px;
    height:36px;
    border:0;
    border-radius:999px;
    background:rgba(148,163,184,.14);
    color:inherit;
    font-size:25px;
    cursor:pointer;
}
.pwa-help-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    margin:0 auto 16px;
    display:grid;
    place-items:center;
    background:var(--blue,#0f6fff);
    color:#fff;
    font-size:30px;
    font-weight:800;
}
.pwa-help-dialog h2{margin:0 0 10px;font-size:22px;}
.pwa-help-dialog p{margin:0;color:var(--muted,#667085);line-height:1.65;}
.pwa-help-page-link{
    min-height:46px;
    margin-top:20px;
    padding:0 18px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--blue,#0f6fff);
    color:#fff;
    font-weight:750;
}
.pwa-install-page{
    width:min(960px,calc(100% - 28px));
    margin:34px auto 60px;
}
.pwa-install-card{
    border:1px solid var(--border,#e4e9f1);
    border-radius:24px;
    background:var(--card,#fff);
    color:var(--text,#111827);
    padding:28px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 270px;
    gap:30px;
    align-items:center;
    box-shadow:0 14px 35px rgba(15,23,42,.08);
}
.pwa-install-copy h1{margin:0;font-size:30px;line-height:1.15;}
.pwa-install-copy>p{margin:12px 0 0;color:var(--muted,#667085);line-height:1.65;}
.pwa-install-status{
    margin-top:16px;
    color:var(--blue,#0f6fff);
    font-weight:700;
}
.pwa-primary-install{
    min-height:50px;
    margin-top:20px;
    padding:0 22px;
    border:0;
    border-radius:14px;
    background:var(--blue,#0f6fff);
    color:#fff;
    font:inherit;
    font-weight:800;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
}
.pwa-primary-install svg{width:19px;height:19px;}
.pwa-install-steps{
    margin:24px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    gap:12px;
}
.pwa-install-steps li{
    display:flex;
    gap:11px;
    align-items:flex-start;
    color:var(--muted,#667085);
    line-height:1.5;
}
.pwa-install-steps strong{
    width:27px;
    height:27px;
    border-radius:999px;
    background:rgba(15,111,255,.11);
    color:var(--blue,#0f6fff);
    display:grid;
    place-items:center;
    flex:none;
}
.pwa-qr-card{
    border:1px solid var(--border,#e4e9f1);
    border-radius:20px;
    padding:16px;
    background:#fff;
    text-align:center;
}
.pwa-qr-card img{display:block;width:100%;height:auto;border-radius:12px;}
.pwa-qr-card strong{display:block;margin-top:12px;color:#111827;}
.pwa-qr-card small{display:block;margin-top:5px;color:#667085;line-height:1.45;}
@media(max-width:760px){
    .pwa-install-page{margin-top:18px;}
    .pwa-install-card{grid-template-columns:1fr;padding:20px;}
    .pwa-install-copy h1{font-size:25px;}
    .pwa-qr-card{max-width:290px;margin:0 auto;}
    .pwa-primary-install{width:100%;}
}

html[data-theme="dark"] .pwa-userbar-install{
    color:#dce3ed;
}
html[data-theme="dark"] .pwa-userbar-install:hover{
    background:#1a2940;
    color:#80adff;
}
html[data-theme="dark"] .pwa-qr-card{
    background:#151f30;
    border-color:#2a3850;
}
html[data-theme="dark"] .pwa-qr-card strong{
    color:#f3f6fb;
}
html[data-theme="dark"] .pwa-qr-card small{
    color:#9aa8bb;
    overflow-wrap:anywhere;
}