.pwa-footer-link{display:block;width:fit-content;margin-top:12px;padding:10px 14px;border:1px solid #e7cead;border-radius:12px;color:#991b40;background:#fff9ec;text-decoration:none;font-size:14px}html{scroll-padding-top:20px}body{padding-bottom:env(safe-area-inset-bottom)}
.pwa-page{font-family:Sarabun,sans-serif;color:#34212b;background:#f8f6f2;margin:0}.pwa-shell{max-width:1000px;margin:0 auto;padding:28px 22px 40px}.pwa-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.pwa-nav a,.pwa-link{color:#991b40;text-decoration:none}.pwa-logo{font-weight:700;font-size:24px;letter-spacing:1px}.pwa-logo span{color:#bd8b21}.pwa-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;border-radius:28px;padding:38px;background:linear-gradient(135deg,#811435,#aa2346);color:#fff}.pwa-tag{display:inline-block;background:#ffd66b;color:#602433;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.pwa-hero h1{font-size:40px;line-height:1.35;margin:18px 0}.pwa-hero p{color:#ffe4e9;line-height:1.8}.pwa-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.pwa-btn{font:inherit;font-weight:700;padding:12px 20px;border-radius:12px;border:0;background:#ffd66b;color:#602433;text-decoration:none;cursor:pointer}.pwa-btn.white{background:#fff;color:#8c193a}.pwa-btn:focus-visible,.pwa-page a:focus-visible{outline:3px solid #dcad43;outline-offset:4px}.pwa-btn:disabled{opacity:.7}.pwa-device{max-width:230px;margin:0 auto;border:7px solid #f5e8da;border-radius:34px;padding:22px 16px;background:#fff9ef;box-shadow:0 18px 44px #420a2e55;color:#56273a;text-align:center}.pwa-device img{width:96px;height:96px;border-radius:22px}.pwa-device h2{margin:12px 0 4px;font-size:22px}.pwa-device p{color:#8b6a76;font-size:13px}.pwa-mini{padding:11px;margin-top:12px;background:#f9eced;border-radius:12px;color:#8c193a;font-size:14px}.pwa-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.pwa-card{background:#fff;border:1px solid #eadfd4;border-radius:20px;padding:26px}.pwa-card h2{font-size:22px;margin:0 0 16px}.pwa-card ol{padding-left:24px;line-height:1.9}.pwa-note{background:#fff2ce;border:1px solid #eddaaa;border-radius:16px;padding:18px 22px;line-height:1.8;margin-top:22px}.pwa-foot{color:#8b767e;font-size:13px;margin-top:26px;text-align:center}#pwa-status{min-height:26px;font-size:14px}.pwa-page [hidden]{display:none!important}@font-face{font-family:Sarabun;src:url('/assets/fonts/Sarabun-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url('/assets/fonts/Sarabun-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@media(max-width:650px){.pwa-shell{padding:18px 16px 28px}.pwa-hero{grid-template-columns:1fr;padding:28px 24px;gap:24px}.pwa-hero h1{font-size:32px}.pwa-grid{grid-template-columns:1fr}.pwa-device{width:190px}.pwa-buttons>*{flex:1;text-align:center}.pwa-nav{font-size:14px}.pwa-card{padding:22px}}