:root{ --pwa-blue:#000091; --pwa-teal:#2EC4B6; --pwa-cream:#f7f4ed; --pwa-ink:#1E1E1E; }
.pwa-banner{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:9000;
  background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,145,.18);
  padding:14px 14px;display:flex;align-items:center;gap:12px;
  font-family:'Inter',-apple-system,sans-serif;animation:pwa-up .42s cubic-bezier(.25,1,.5,1)}
.pwa-banner[hidden]{display:none}
@keyframes pwa-up{from{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}
.pwa-banner-ic{width:44px;height:44px;border-radius:12px;background:var(--pwa-blue);color:var(--pwa-cream);
  display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:24px;flex:0 0 auto}
.pwa-banner-tx{flex:1;min-width:0}
.pwa-banner-tt{font-weight:700;font-size:14px;color:var(--pwa-ink)}
.pwa-banner-sub{font-size:12px;color:#6b665d}
.pwa-banner-act{display:flex;gap:8px;align-items:center}
.pwa-btn-later{background:none;border:0;color:#6b665d;font-size:13px;padding:8px}
.pwa-btn-go{background:var(--pwa-blue);color:#fff;border:0;border-radius:9999px;padding:9px 18px;font-weight:600;font-size:13px}
.pwa-welcome{position:fixed;inset:0;background:#fff;z-index:10000;display:flex;align-items:center;justify-content:center;
  padding:24px;text-align:center;animation:pwa-fade .6s cubic-bezier(.25,1,.5,1)}
.pwa-welcome[hidden]{display:none}
@keyframes pwa-fade{from{opacity:0}to{opacity:1}}
.pwa-welcome-mark{font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:96px;color:var(--pwa-blue);
  line-height:1;margin-bottom:28px;position:relative;display:inline-block}
.pwa-welcome-mark::after{content:'';position:absolute;left:10%;right:10%;bottom:8px;height:5px;border-radius:3px;
  background:var(--pwa-teal);transform-origin:center;animation:pwa-line .9s cubic-bezier(.25,1,.5,1) .4s both}
@keyframes pwa-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pwa-welcome-tt{font-family:'Fraunces',Georgia,serif;font-size:30px;font-weight:900;color:var(--pwa-ink);margin:0 0 8px}
.pwa-welcome-sub{font-size:15px;color:#6b665d;max-width:300px;margin:0 auto 32px}
.pwa-welcome-cta{background:var(--pwa-blue);color:#fff;border:0;border-radius:9999px;padding:14px 40px;font-weight:600;font-size:15px}
@media (prefers-reduced-motion:reduce){.pwa-banner,.pwa-welcome,.pwa-welcome-mark::after{animation:none}}