.pwa-install-banner,.pwa-update-banner{z-index:1800;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--app-primary,#9a57d5), transparent 52%);background:color-mix(in srgb, var(--app-surface-raised,#292130), transparent 3%);width:min(42rem,100vw - 2rem);color:var(--app-text,#f7f2fb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.9rem;display:grid;position:fixed;box-shadow:0 24px 75px #000a}.pwa-update-banner{grid-template-columns:2.8rem minmax(0,1fr) auto}.pwa-banner-icon{background:color-mix(in srgb, var(--app-primary,#9a57d5), transparent 80%);width:2.8rem;height:2.8rem;color:color-mix(in srgb, var(--app-primary,#9a57d5), white 25%);border-radius:.8rem;place-items:center;display:grid}.pwa-banner-icon svg{width:1.2rem;height:1.2rem}.pwa-banner-copy{gap:.18rem;min-width:0;display:grid}.pwa-banner-copy strong,.pwa-update-banner>strong{font-size:.78rem}.pwa-banner-copy span{color:var(--app-muted,#bcb1c6);font-size:.65rem;line-height:1.45}.pwa-banner-actions{align-items:center;gap:.45rem;display:flex}.pwa-primary-action,.pwa-secondary-action{white-space:nowrap;border-radius:.7rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .85rem;font-size:.68rem;font-weight:800;display:inline-flex}.pwa-primary-action{border:1px solid color-mix(in srgb, var(--app-primary,#9a57d5), white 10%);background:var(--app-primary,#9a57d5);color:#fff}.pwa-secondary-action{border:1px solid var(--app-border,#4a414f);background:var(--app-surface,#221b29);color:var(--app-text,#f7f2fb)}.pwa-primary-action svg{width:.9rem;height:.9rem}.pwa-modal-layer{z-index:1900;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.pwa-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08060acb;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.pwa-ios-dialog{border:1px solid var(--app-border,#4a414f);background:var(--app-surface-raised,#292130);width:min(27rem,100%);color:var(--app-text,#f7f2fb);border-radius:1rem;padding:1rem;position:relative;box-shadow:0 30px 100px #000c}.pwa-ios-dialog header{grid-template-columns:2.6rem minmax(0,1fr) 2.5rem;align-items:center;gap:.7rem;display:grid}.pwa-ios-dialog header>span,.pwa-ios-dialog header>button{border-radius:.7rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.pwa-ios-dialog header>span{background:color-mix(in srgb, var(--app-primary,#9a57d5), transparent 80%);color:var(--app-primary,#9a57d5)}.pwa-ios-dialog header>button{border:1px solid var(--app-border,#4a414f);color:var(--app-muted,#bcb1c6);background:0 0}.pwa-ios-dialog svg{width:1rem;height:1rem}.pwa-ios-dialog small{color:var(--app-primary,#b77bea);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:800}.pwa-ios-dialog h2{margin:.15rem 0 0;font-size:.92rem}.pwa-ios-dialog ol{gap:.65rem;margin:1.2rem 0;padding:0;list-style:none;display:grid}.pwa-ios-dialog li{color:var(--app-muted,#bcb1c6);grid-template-columns:2rem 1fr;align-items:center;gap:.65rem;font-size:.7rem;display:grid}.pwa-ios-dialog li>svg{color:var(--app-primary,#b77bea);justify-self:center}.pwa-ios-dialog .pwa-primary-action{width:100%}@media (max-width:650px){.pwa-install-banner,.pwa-update-banner{right:max(.65rem, env(safe-area-inset-right));bottom:calc(max(.65rem, env(safe-area-inset-bottom)) + 4.6rem);left:max(.65rem, env(safe-area-inset-left));grid-template-columns:2.6rem minmax(0,1fr);width:auto}.pwa-banner-icon{width:2.6rem;height:2.6rem}.pwa-banner-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){.pwa-install-banner,.pwa-update-banner,.pwa-ios-dialog{scroll-behavior:auto}}