.atp-bar{display:none;align-items:center;gap:10px;background:#e87a2e;color:#121212;font:700 14px/1.2 system-ui,sans-serif;padding:8px 10px 8px 14px;min-height:44px}
.atp-bar.show{display:flex}
.atp-bar .atp-open{flex:1;display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:0;min-height:40px}
.atp-bar svg{flex:none}
.atp-x{flex:none;width:40px;height:40px;border:0;background:rgba(0,0,0,.12);border-radius:8px;font:800 20px system-ui;color:#121212}
.atp-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.7);display:none;align-items:flex-end;justify-content:center}
.atp-modal.show{display:flex}
.atp-sheet{width:100%;max-width:480px;background:#1a1a1a;color:#e8e8e8;border-top:3px solid #e87a2e;border-radius:18px 18px 0 0;padding:22px 20px 26px;font-family:system-ui,sans-serif}
.atp-sheet h2{margin:0 0 6px;font-size:23px;color:#fff;display:flex;align-items:center;gap:12px}
.atp-sheet h2 img{width:48px;height:48px;border-radius:11px}
.atp-sheet p{margin:0 0 14px;color:#a8a8a8;font-size:15px}
.atp-steps{list-style:none;margin:0 0 18px;padding:0}
.atp-steps li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #3a3a3a;font-size:18px;font-weight:700}
.atp-steps .n{flex:none;width:34px;height:34px;border-radius:50%;background:#e87a2e;color:#121212;display:grid;place-items:center;font-weight:900}
.atp-steps svg{vertical-align:-5px;margin:0 2px}
.atp-install{display:block;width:100%;min-height:60px;border:0;border-radius:12px;background:#e87a2e;color:#121212;font:900 21px system-ui;margin-bottom:12px}
.atp-close{display:block;width:100%;min-height:52px;border:2px solid #555;border-radius:12px;background:none;color:#e8e8e8;font:800 18px system-ui}
@media (min-width:768px){.atp-bar{display:none!important}}
@media (display-mode:standalone){.atp-bar,.atp-modal{display:none!important}}
.atp-sheet .atp-priv{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:10px 12px;background:#121212;border:1px solid #2f5a3c;border-radius:10px;color:#e8e8e8;font-size:14px;font-weight:600;line-height:1.4}
.atp-sheet .atp-priv svg{flex:none;margin-top:1px}
/* 1.4.47 draft: large iPhone steps + pointing arrow */
.atp-sheet h2{font-size:24px}
.atp-steps.atp-big li{align-items:flex-start;gap:14px;padding:14px 0}
.atp-steps.atp-big .n{width:42px;height:42px;font-size:22px}
.atp-steps.atp-big .t{font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px}
.atp-steps.atp-big .t b{color:#e87a2e}
.atp-pic{display:inline-flex;align-items:center;justify-content:center;background:#f2f2f7;color:#1d1d1f;border-radius:12px;box-shadow:0 0 0 3px #e87a2e}
.atp-pic-btn{width:60px;height:52px}
.atp-dots{font:900 20px/1 system-ui;letter-spacing:1px;color:#1d1d1f}
.atp-pic-row{gap:40px;padding:12px 16px;font:600 18px system-ui;min-width:250px;justify-content:space-between}
.atp-pic-add{padding:10px 22px;font:700 20px system-ui;color:#0a84ff}
.atp-arrow{position:fixed;z-index:2001;width:64px;height:84px;pointer-events:none;animation:atpBounce 1s ease-in-out infinite}
.atp-arrow::before{content:"";position:absolute;left:21px;top:0;width:22px;height:50px;background:#e87a2e;border-radius:4px;box-shadow:0 0 0 3px #121212}
.atp-arrow::after{content:"";position:absolute;left:0;top:44px;border-left:32px solid transparent;border-right:32px solid transparent;border-top:40px solid #e87a2e;filter:drop-shadow(0 3px 0 #121212)}
.atp-arrow-br{right:8px;bottom:64px}
.atp-arrow-bc{left:calc(50% - 32px);bottom:2px}
.atp-arrow-tr{right:14px;top:6px;transform:rotate(180deg);animation-name:atpBounceUp}
.atp-chrome .atp-sheet{margin-top:auto}
@keyframes atpBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}
@keyframes atpBounceUp{0%,100%{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(14px)}}
@media (prefers-reduced-motion:reduce){.atp-arrow{animation:none}}
/* Safari: bottom sheet sits just above Safari's own toolbar; leave room for the arrow pointing down at Share. */
.atp-safari .atp-sheet{padding-bottom:96px;max-height:100vh;overflow:auto}
