.ath-pwa-hidden{display:none!important}

.ath-pwa-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2147483647;padding:0 12px calc(12px + env(safe-area-inset-bottom));
	transform:translateY(110%);transition:transform .3s ease;pointer-events:none;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ath-pwa-sheet.ath-pwa-open{transform:translateY(0);pointer-events:auto}
.ath-pwa-card{position:relative;max-width:440px;margin:0 auto;background:#fff;color:#111;border-radius:20px;
	padding:18px 18px 14px;box-shadow:0 10px 40px rgba(0,0,0,.28);box-sizing:border-box}
.ath-pwa-close{position:absolute;top:8px;right:10px;border:0;background:none;font-size:26px;line-height:1;color:#888;padding:6px;cursor:pointer}
.ath-pwa-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-right:28px}
.ath-pwa-icon{width:52px;height:52px;border-radius:12px;flex:none;object-fit:cover}
.ath-pwa-title{font-weight:700;font-size:17px;line-height:1.2}
.ath-pwa-name{font-size:13px;color:#666;margin-top:2px}
.ath-pwa-text{font-size:15px;line-height:1.4;margin:0 0 12px;color:#333}
.ath-pwa-steps{margin:0 0 12px;padding:0;list-style:none;counter-reset:s}
.ath-pwa-steps li{counter-increment:s;display:flex;align-items:center;gap:10px;font-size:15px;padding:8px 0;border-top:1px solid #eee}
.ath-pwa-steps li::before{content:counter(s);flex:none;width:24px;height:24px;border-radius:50%;
	background:var(--ath-pwa-accent,#111);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ath-pwa-steps li span{flex:1}
.ath-pwa-share{width:22px;height:22px;color:#007aff;flex:none}
.ath-pwa-actions{display:flex;gap:8px}
.ath-pwa-btn{flex:1;font:inherit;font-size:15px;font-weight:600;border-radius:999px;padding:12px 16px;cursor:pointer;border:0}
.ath-pwa-primary{background:var(--ath-pwa-accent,#111);color:#fff}
.ath-pwa-ghost{background:#f0f0f0;color:#111}

.ath-install-app{font:inherit;font-weight:600;border:0;border-radius:999px;padding:10px 20px;cursor:pointer;
	background:var(--ath-pwa-accent,#111);color:#fff}

@media (prefers-color-scheme:dark){
	.ath-pwa-card{background:#1c1c1e;color:#f2f2f2}
	.ath-pwa-text{color:#ddd}.ath-pwa-name{color:#999}
	.ath-pwa-steps li{border-color:#333}
	.ath-pwa-ghost{background:#2c2c2e;color:#f2f2f2}
}

/* iPhone: bouncing arrow pointing at Safari's ••• / Share button */
.ath-pwa-sheet:has(.ath-pwa-arrow){padding-bottom:calc(58px + env(safe-area-inset-bottom))}
.ath-pwa-arrow{position:fixed;bottom:calc(6px + env(safe-area-inset-bottom));width:40px;height:40px;margin-left:-20px;
	color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));animation:ath-pwa-bounce 1s ease-in-out infinite}
.ath-pwa-arrow svg{width:100%;height:100%;display:block}
.ath-pwa-arrow-right{left:87%}
.ath-pwa-arrow-center{left:50%}
@keyframes ath-pwa-bounce{0%,100%{transform:translateY(-8px)}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.ath-pwa-arrow{animation:none}}
.ath-pwa-dots{flex:none;font-weight:700;letter-spacing:1px;color:#007aff;font-size:15px}
.ath-pwa-steps small{display:block;font-size:12px;opacity:.65;font-weight:400;margin-top:2px}