.pwa-layer{--pwa-bg: var(--color-bg, var(--p-bg, #ffffff));--pwa-bg-soft: var(--color-bg-soft, var(--p-bg-soft, #fafafa));--pwa-fg: var(--color-fg, var(--p-ink-900, #171717));--pwa-fg-muted: var(--color-fg-muted, var(--p-ink-600, #525252));--pwa-border: var(--color-border, var(--p-border, #e5e5e5));--pwa-brand: var(--color-brand-600, var(--p-brand, #e05e08));--pwa-shadow: 0 12px 32px -8px rgb(0 0 0 / .18), 0 4px 12px -4px rgb(0 0 0 / .08);--pwa-inset-bottom: env(safe-area-inset-bottom, 0px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;grid-template-rows:auto 1fr auto;pointer-events:none;font-family:inherit}.pwa-layer>*{pointer-events:none}.pwa-status,.pwa-card{pointer-events:auto}.pwa-status{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:6px 16px;padding-top:calc(6px + env(safe-area-inset-top,0px));font-size:.8125rem;font-weight:600;line-height:1.3;color:#fff;background:#b91c1c;text-align:center;transform:translateY(-100%);transition:transform var(--duration-base, .2s) var(--ease-out, cubic-bezier(.22, 1, .36, 1))}.pwa-status[data-state=offline],.pwa-status[data-state=restored]{transform:translateY(0)}.pwa-status[data-state=restored]{background:#15803d}.pwa-status__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.pwa-prompts{grid-row:3;display:flex;flex-direction:column;gap:10px;padding:0 12px calc(12px + var(--pwa-inset-bottom) + var(--pwa-bottom-offset, 0px))}.pwa-card{width:100%;max-width:27rem;margin:0 auto;padding:14px;border-radius:16px;border:1px solid var(--pwa-border);background:var(--pwa-bg);box-shadow:var(--pwa-shadow);color:var(--pwa-fg);display:flex;align-items:flex-start;gap:12px;transform:translateY(140%);opacity:0;transition:transform var(--duration-slow, .32s) var(--ease-out, cubic-bezier(.22, 1, .36, 1)),opacity var(--duration-base, .2s) linear}.pwa-card[data-open=true]{transform:translateY(0);opacity:1}.pwa-card__icon{flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--pwa-border);background:#fff;-o-object-fit:contain;object-fit:contain}.pwa-card__body{flex:1 1 auto;min-width:0}.pwa-card__title{margin:0;font-size:.9375rem;font-weight:700;letter-spacing:-.01em}.pwa-card__text{margin:2px 0 0;font-size:.8125rem;line-height:1.45;color:var(--pwa-fg-muted)}.pwa-card__actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.pwa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:.875rem;font-weight:600;line-height:1;cursor:pointer;background:none;color:inherit;transition:opacity var(--duration-fast, .12s) linear}.pwa-btn:active{opacity:.75}.pwa-btn--primary{background:var(--pwa-brand);color:#fff}.pwa-btn--ghost{border-color:var(--pwa-border);color:var(--pwa-fg-muted)}.pwa-card__close{flex:none;width:32px;height:32px;margin:-4px -4px 0 0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:none;color:var(--pwa-fg-muted);cursor:pointer;font-size:20px;line-height:1}.pwa-steps{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.8125rem;color:var(--pwa-fg-muted)}.pwa-steps li{display:flex;align-items:center;gap:8px}.pwa-steps svg{flex:none;width:16px;height:16px}@media (min-width: 640px){.pwa-prompts{align-items:flex-end;padding-right:20px;padding-bottom:calc(20px + var(--pwa-inset-bottom))}.pwa-card{margin:0}}@media (prefers-reduced-motion: reduce){.pwa-status,.pwa-card{transition:none}}