*{margin:0;padding:0;box-sizing:border-box}
body{font:16px/1.55 system-ui,-apple-system,sans-serif;color:#1f2430;background:#f4f6f9;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
.top{position:sticky;top:0;z-index:50;background:#B91C1C;color:#fff;padding:max(10px,env(safe-area-inset-top)) 14px 10px;display:flex;align-items:center;justify-content:space-between}
.top b{font:800 21px/1.1 system-ui;letter-spacing:.5px;text-transform:uppercase}
.top .dt{font:600 12px/1.1 system-ui;color:rgba(255,255,255,.85)}
.tabs{position:sticky;top:0;z-index:49;display:flex;gap:6px;background:#fff;padding:9px 10px;border-bottom:1px solid #e6e9ef;overflow-x:auto}
.tab{flex:1 0 auto;text-align:center;font:800 14px/1 system-ui;color:#5b6573;background:#f1f4f8;border-radius:9px;padding:11px 14px}
.tab.on{background:#B91C1C;color:#fff}
.wrap{max-width:525px;margin:0 auto;padding:14px 12px 40px}
.card{background:#fff;border:1px solid #e6e9ef;border-radius:12px;overflow:hidden;margin-bottom:14px}
.card-h{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #eef1f5}
.card-h b{font:800 16px/1.1 system-ui;color:#15181d}
.card-h span{font:600 12px/1.1 system-ui;color:#8b94a4}
.card img{display:block;width:100%;height:auto}
.pend{padding:34px 16px;text-align:center}
.pend b{display:block;font:800 17px/1.3 system-ui;color:#15181d;margin-bottom:5px}
.pend span{font:600 13.5px/1.45 system-ui;color:#8b94a4}
.adbox{min-height:280px;background:#fff;border:1px solid #e6e9ef;border-radius:12px;margin:14px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.adbox .adph{font:600 11px/1 system-ui;color:#c3cad4;letter-spacing:1px}
.list{background:#fff;border:1px solid #e6e9ef;border-radius:12px;overflow:hidden}
.list a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #eef1f5;font:700 15px/1.1 system-ui;color:#15181d}
.list a:last-child{border-bottom:0}
.list a i{font-style:normal;color:#B91C1C;font-weight:800}
.btn{display:block;width:100%;border:0;border-radius:12px;background:#B91C1C;color:#fff;font:800 18px/1 system-ui;padding:17px 16px;text-align:center;cursor:pointer}
.btn:active{filter:brightness(.93)}
.muted{font:600 13px/1.5 system-ui;color:#8b94a4;text-align:center}
.hero{padding:34px 18px 10px;text-align:center}
.hero img{width:84px;height:84px;border-radius:20px;margin-bottom:14px}
.hero h1{font:800 24px/1.25 system-ui;color:#15181d}
.hero p{font:600 14.5px/1.5 system-ui;color:#5b6573;margin-top:6px}
.feat{margin:18px 0;display:flex;flex-direction:column;gap:10px}
.feat div{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e6e9ef;border-radius:11px;padding:12px 13px;font:600 14px/1.4 system-ui;color:#374151}
.feat svg{flex:0 0 auto;width:22px;height:22px;stroke:#B91C1C;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ios{display:none;background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:16px 14px}
.ios b{display:block;font:800 15px/1.3 system-ui;margin-bottom:9px}
.ios ol{margin-left:20px;font:600 14px/1.7 system-ui;color:#374151}
.pp{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 10px 34px rgba(20,30,50,.25);padding:15px 14px;transform:translateY(140%);transition:transform .3s}
.pp.on{transform:none}
.pp b{display:block;font:800 15.5px/1.35 system-ui;color:#15181d;margin-bottom:11px}
.pp .row{display:flex;gap:9px}
.pp .yes{flex:1;border:0;border-radius:10px;background:#B91C1C;color:#fff;font:800 15px/1 system-ui;padding:13px;cursor:pointer}
.pp .later{flex:0 0 auto;border:0;border-radius:10px;background:#f1f4f8;color:#5b6573;font:700 15px/1 system-ui;padding:13px 16px;cursor:pointer}
.off{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center}
.off img{width:76px;height:76px;border-radius:18px}
.off b{font:800 22px/1.3 system-ui;color:#15181d}
#pushpp{position:fixed;inset:0;z-index:4000;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .3s;pointer-events:none}
#pushpp.on{opacity:1;pointer-events:auto}
.pushpp-dim{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.pushpp-card{position:relative;width:100%;max-width:480px;background:#fff;border-radius:20px 20px 0 0;padding:24px 18px calc(18px + env(safe-area-inset-bottom));text-align:center;transform:translateY(110%);transition:transform .32s cubic-bezier(.2,.9,.3,1)}
#pushpp.on .pushpp-card{transform:none}
.pushpp-ic{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#eaf7ef;color:#15803d;margin:0 auto 14px}
.pushpp-ic svg{width:28px;height:28px}
.pushpp-card b{display:block;font:800 19px/1.25 system-ui,-apple-system,sans-serif;color:#15181d}
.pushpp-card p{font:600 14px/1.45 system-ui,-apple-system,sans-serif;color:#6b7280;margin:8px auto 18px;max-width:320px}
.pushpp-yes{display:block;width:100%;border:0;border-radius:12px;background:#15803d;color:#fff;font:800 16px/1 system-ui;padding:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pushpp-later{display:block;width:100%;border:0;background:none;color:#9aa3b2;font:700 13px/1 system-ui;padding:13px;margin-top:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}