.tpwa{position:fixed;left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:2147483000;max-width:420px;margin:0 auto;background:#fff;color:#2B2540;border-radius:18px;box-shadow:0 10px 34px rgba(43,37,64,.28);padding:12px 12px 13px;font-family:"Prompt",sans-serif;transform:translateY(140%);opacity:0;transition:transform .35s cubic-bezier(.3,1.3,.5,1),opacity .25s}
.tpwa.on{transform:translateY(0);opacity:1}
.tpwa *{box-sizing:border-box}
.tpwa-ap{display:flex;gap:10px;align-items:center}
.tpwa-ic{width:46px;height:46px;border-radius:12px;flex:none;object-fit:cover;background:#2b2540}
.tpwa-ap b{display:block;font-size:14px;line-height:1.3;color:#2B2540}.tpwa-ap>span>span{display:block;font-size:11px;color:#868e96}
.tpwa-pts{display:grid;gap:4px;margin:9px 0 10px;font-size:12px}
.tpwa-stp{display:grid;gap:6px;margin:9px 0 10px}
.tpwa-stp div{display:flex;gap:8px;align-items:center;font-size:12px;background:#f8f9fa;border-radius:10px;padding:6px 8px}
.tpwa-stp i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#7048e8;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.tpwa-stp em{font-style:normal;background:#e7f5ff;border-radius:6px;padding:1px 6px;font-weight:700;color:#1864ab}
.tpwa-bt{display:flex;gap:8px}
.tpwa .tpwa-bt button,.tpwa .tpwa-bt button:hover,.tpwa .tpwa-bt button:focus{flex:1;border:0;border-radius:999px;padding:10px;font:700 13px "Prompt",sans-serif;cursor:pointer;box-shadow:none;line-height:1.3;text-transform:none;letter-spacing:0}
.tpwa .tpwa-b1,.tpwa .tpwa-b1:hover,.tpwa .tpwa-b1:focus{background:linear-gradient(135deg,#ff4081,#7048e8);color:#fff}
.tpwa .tpwa-b2,.tpwa .tpwa-b2:hover,.tpwa .tpwa-b2:focus{background:#f1f3f5;color:#495057}
.tpwa .tpwa-bt button:focus-visible{outline:2px solid #7048e8;outline-offset:2px}
.tpwa-ar{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:2147483000;font-size:26px;animation:tpwab 1s ease-in-out infinite;pointer-events:none}
.tpwa-ar.ipad{bottom:auto;top:6px;left:auto;right:18px;transform:none}
@keyframes tpwab{50%{margin-bottom:-6px}}
@media (prefers-reduced-motion:reduce){.tpwa{transition:none}.tpwa-ar{animation:none}}
/* 🆕 19 ต.ค. 21:1x แถบ 📲 ติดตั้งแอป ล่างสุดหน้าโปรไฟล์ (เจ้าของ 21:02 "เอาไว้ล่างสุด" · ม็อคอัพ mockup-ปุ่มติดตั้งแอปหน้าโปรไฟล์) · ขึ้นเฉพาะเครื่องที่ติดตั้งได้และยังไม่ติดตั้ง */
.tpwa-pb{margin:18px 0 10px;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f3f0ff,#e7f5ff);border:1.5px solid #d0bfff;color:#2b2540;font-family:"Prompt",sans-serif;box-sizing:border-box;max-width:100%}
.tpwa-pb[hidden]{display:none!important}
.tpwa-pb .ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#7950f2,#5f3dc4);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.tpwa-pb .tx{flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.3}.tpwa-pb .tx small{display:block;font-weight:500;font-size:11px;color:#6f6888;margin-top:1px}
.tpwa-pb button,.tpwa-pb button:hover,.tpwa-pb button:focus{flex:none;border:0;border-radius:999px;padding:7px 14px;background:linear-gradient(135deg,#7950f2,#5f3dc4);color:#fff;font:700 12.5px "Prompt",sans-serif;cursor:pointer;box-shadow:none;line-height:1.3;text-transform:none;letter-spacing:0;white-space:nowrap;min-height:0}
.tpwa-pb button:focus-visible{outline:2px solid #7048e8;outline-offset:2px}
/* 🆕 19 ต.ค. 12:20 เจ้าของ "ติดตั้งแล้วใช้งานได้ แต่บางส่วนยังตกขอบ" · กันหน้าเลื่อนออกข้าง (ตกขอบขวา) บนมือถือและในแอป · เผื่อขอบจอโค้ง/แถบท่าทางล่างในแอป */
@media (max-width:600px){html,body{overflow-x:clip}}
@media (display-mode: fullscreen),(display-mode: standalone){html,body{overflow-x:clip;max-width:100%}body{padding-top:env(safe-area-inset-top,0px)}div.super-app-bottom-nav{padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))!important;height:calc(70px + env(safe-area-inset-bottom,0px))!important}}