.pwa-install-banner{position:fixed;z-index:9999;right:18px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;width:min(430px,calc(100% - 30px));padding:14px 48px 14px 16px;color:#171713;border:1px solid rgba(23,23,19,.14);border-radius:20px;background:rgba(255,253,247,.98);box-shadow:0 18px 60px rgba(20,18,14,.2);font-family:Arial,"PingFang SC",sans-serif;backdrop-filter:blur(18px)}
.pwa-install-banner span{flex:1;font-size:15px;line-height:1.45}.pwa-install-banner button{min-height:42px;padding:0 16px;color:#fff;border:0;border-radius:999px;background:#173f34;font:700 14px Arial,"PingFang SC",sans-serif;cursor:pointer;white-space:nowrap}.pwa-install-banner .pwa-banner-close{position:absolute;top:8px;right:8px;width:34px;min-height:34px;padding:0;color:#56615c;background:transparent;font-size:24px;font-weight:400}
.pwa-guide{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;font-family:Arial,"PingFang SC",sans-serif}.pwa-guide-backdrop{position:absolute;inset:0;background:rgba(15,31,26,.62);backdrop-filter:blur(8px)}.pwa-guide-card{position:relative;width:min(460px,100%);padding:30px;border:1px solid rgba(20,93,70,.2);border-radius:28px;background:#fffdf7;box-shadow:0 28px 90px rgba(7,30,22,.28);text-align:left}.pwa-guide-card>img{display:block;border-radius:22px;background:#eef7f1}.pwa-guide-card>p:first-of-type{margin:18px 0 7px;color:#13704f;font-size:12px;font-weight:800;letter-spacing:.18em}.pwa-guide-card h2{margin:0;color:#102a21;font-family:Georgia,"Songti SC",serif;font-size:clamp(26px,6vw,38px);line-height:1.05}.pwa-guide-card .pwa-guide-steps{margin:18px 0 0;color:#33423c;font-size:17px;line-height:1.65}.pwa-guide-card .pwa-guide-desktop{margin:14px 0;color:#66716c;font-size:14px;line-height:1.5}.pwa-guide-card>a{display:inline-flex;min-height:44px;align-items:center;color:#126b4b;font-weight:800;text-decoration:none}.pwa-guide-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border:0;border-radius:999px;background:#edf5ef;color:#174b39;font-size:27px;cursor:pointer}
@media(max-width:600px){.pwa-install-banner{left:12px;right:12px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 12px));width:auto;align-items:flex-start;flex-wrap:wrap}.pwa-install-banner span{min-width:190px}.pwa-guide{align-items:end;padding:12px}.pwa-guide-card{padding:24px 22px calc(24px + env(safe-area-inset-bottom));border-radius:26px}.pwa-guide-card>img{width:60px;height:60px}}
@media(prefers-reduced-motion:no-preference){.pwa-install-banner,.pwa-guide-card{animation:pwa-rise .28s ease-out both}@keyframes pwa-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}