.pwa-panel{--pwa-ink:#233f35;--pwa-muted:#5d7167;display:grid;gap:18px;color:var(--pwa-ink);font-family:var(--font-ui,system-ui,sans-serif)}.pwa-panel *{box-sizing:border-box}.pwa-panel .pwa-install-card,.pwa-panel .pwa-notification-card{padding:23px;border:1px solid #e8dfcf;border-radius:22px;background:#fffaf0}.pwa-panel .pwa-notification-card{border-color:#d6e4ef;background:#f0f6fc}.pwa-panel .pwa-card-heading{display:flex;align-items:center;gap:15px;margin:0 0 13px}.pwa-panel .pwa-card-heading img{flex:none;width:62px;height:62px;border-radius:16px;object-fit:contain;background:#fffdf6}.pwa-panel .pwa-kicker{font-size:10px;font-weight:750;letter-spacing:.035em;color:#806c4e;margin:0 0 6px}.pwa-panel h3{font-size:21px;line-height:1.25;letter-spacing:-.035em;margin:0;color:var(--pwa-ink)}.pwa-panel p{font-size:14px;line-height:1.6;margin:0 0 14px;color:var(--pwa-muted)}.pwa-panel .pwa-bell{display:grid;place-items:center;width:47px;height:47px;flex:none;border-radius:15px;background:#e1edf7;color:#3d729b}.pwa-panel .pwa-bell svg{width:25px;height:25px}.pwa-panel .pwa-actions{display:flex;flex-wrap:wrap;gap:10px}.pwa-panel .pwa-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 17px;border:1px solid #356f95;border-radius:13px;background:#356f95;color:white;font:750 13px/1.4 var(--font-ui,system-ui,sans-serif);cursor:pointer;text-align:center}.pwa-panel .pwa-button.pwa-secondary{background:#fffdf9;border-color:#c5d6df;color:#31556d}.pwa-panel .pwa-button:disabled{opacity:.6;cursor:wait}.pwa-panel .pwa-button:hover:not(:disabled){box-shadow:0 5px 12px #27496713}.pwa-panel .pwa-button:focus-visible,.pwa-panel summary:focus-visible,.pwa-panel a:focus-visible{outline:3px solid #7357b0;outline-offset:3px}.pwa-panel .pwa-note{font-size:12px;margin:14px 0 0}.pwa-panel .pwa-feedback{font-size:13px;background:#fffdf9;border:1px solid #d4e2ea;border-radius:12px;padding:12px;margin:15px 0 0}.pwa-panel .pwa-install-help{margin-top:14px}.pwa-panel summary{font-size:13px;font-weight:700;cursor:pointer;min-height:44px;display:list-item;padding:12px 0;color:#665840}.pwa-panel .pwa-install-help p{font-size:12px;margin:7px 0 12px}.pwa-panel .pwa-success{display:inline-block;padding:8px 12px;border-radius:12px;background:#edf2df;color:#536643;font-weight:700}.pwa-panel .pwa-text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:5px;color:#416e89;text-decoration:underline;text-underline-offset:4px;font-size:12px}.pwa-panel .pwa-notification-card .pwa-kicker{color:#497796}@media(max-width:520px){.pwa-panel{gap:14px}.pwa-panel .pwa-install-card,.pwa-panel .pwa-notification-card{padding:18px;border-radius:19px}.pwa-panel h3{font-size:19px}.pwa-panel .pwa-card-heading{gap:12px}.pwa-panel .pwa-card-heading img{width:54px;height:54px}.pwa-panel p{font-size:13px}.pwa-panel .pwa-actions{display:grid;grid-template-columns:minmax(0,1fr)}.pwa-panel .pwa-button{max-width:100%;min-height:48px}.pwa-panel .pwa-note,.pwa-panel .pwa-feedback{font-size:12px}}
.pwa-offer[hidden],[data-pwa-install][hidden]{display:none!important}
.pwa-offer{box-sizing:border-box;display:flex;align-items:center;gap:16px;max-width:1440px;margin:18px auto 0;padding:16px 22px;border:1px solid #d5e4ed;border-radius:22px;background:linear-gradient(110deg,#f7faf1,#edf5fb);color:#233f35;font-family:var(--font-ui,system-ui,sans-serif)}
.pwa-offer>img{width:56px;height:56px;flex:none;border-radius:16px;object-fit:contain;background:#fffdf6}
.pwa-offer-copy{flex:1;min-width:0}.pwa-offer-copy>strong{display:block;font-size:18px;letter-spacing:-.025em;line-height:1.25}.pwa-offer-copy>p{margin:5px 0 0;font-size:13px;line-height:1.4;color:#5a716b}.pwa-offer-copy [data-pwa-offer-status]{font-size:12px;color:#355f79}
.pwa-offer-install{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:46px;padding:12px 17px;border:1px solid #356f95;border-radius:13px;background:#356f95;color:#fff;font:750 13px/1.35 var(--font-ui,system-ui,sans-serif);cursor:pointer}.pwa-offer-install svg{width:21px;height:21px;flex:none}
.pwa-offer-install:hover{background:#285d80}.pwa-offer-install:disabled{opacity:.65;cursor:wait}.pwa-offer-dismiss{min-height:44px;padding:9px 5px;border:0;background:transparent;color:#52665f;font:650 12px/1.3 var(--font-ui,system-ui,sans-serif);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.pwa-offer button:focus-visible,.pwa-panel select:focus-visible{outline:3px solid #7357b0;outline-offset:3px}
.pwa-panel .pwa-guide{margin-top:20px}.pwa-panel .pwa-guide-device{margin:0 0 7px;font-size:12px;font-weight:750;color:#356f95}.pwa-panel h4{margin:0 0 17px;font-size:17px;line-height:1.35;letter-spacing:-.02em;color:#233f35}
.pwa-panel .pwa-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:installation}.pwa-panel .pwa-steps li{display:flex;gap:14px;align-items:flex-start;counter-increment:installation;min-width:0}.pwa-panel .pwa-step-symbol{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e8f0f6;color:#356f95}.pwa-panel .pwa-step-symbol:before{content:counter(installation);position:absolute;top:-5px;left:-6px;display:grid;place-items:center;width:18px;height:18px;background:#356f95;color:#fff;border-radius:50%;font-size:10px;font-weight:750}.pwa-panel .pwa-step-symbol svg{width:23px;height:23px}.pwa-panel .pwa-steps strong{display:block;font-size:14px;line-height:1.4;color:#233f35}.pwa-panel .pwa-steps li p{font-size:13px;line-height:1.5;margin:4px 0 0}.pwa-panel .pwa-steps li>div{min-width:0}
.pwa-panel .pwa-device-choice{margin-top:12px;border-top:1px solid #e6dfd1}.pwa-panel .pwa-device-choice label{display:grid;gap:8px;font-size:12px;color:#52665f}.pwa-panel .pwa-device-choice select{box-sizing:border-box;width:100%;min-height:46px;padding:10px;border:1px solid #c5d6df;border-radius:11px;background:#fff;color:#233f35;font:inherit}.pwa-panel .pwa-next-step{padding:20px 23px;border:1px solid #d6e4ef;border-radius:22px;background:#f0f6fc}.pwa-panel .pwa-next-step h3{font-size:18px;margin:0 0 10px}.pwa-panel .pwa-next-step p{font-size:13px;margin-bottom:14px}
@media(max-width:1500px){.pwa-offer{margin-left:28px;margin-right:28px}}
@media(max-width:760px){.pwa-offer{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;margin:14px 18px 0;padding:15px;border-radius:20px}.pwa-offer>img{width:44px;height:44px;border-radius:13px}.pwa-offer-copy>strong{font-size:16px}.pwa-offer-copy>p{font-size:12px}.pwa-offer-install{grid-column:1/-1;width:100%;min-height:46px}.pwa-offer-dismiss{grid-column:1/-1;justify-self:center;min-height:36px;margin:-6px 0 -6px;font-size:11px}.pwa-panel .pwa-next-step{padding:18px;border-radius:19px}}
@media(prefers-reduced-motion:reduce){.pwa-offer *{transition:none!important}}