.iab-note{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 16px;padding:12px 12px 12px 14px;border:1px solid rgba(232,33,39,.22);border-radius:16px;background:var(--brand-wash,#FEF1F1);color:var(--ink,#14171F);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.iab-note-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(160deg,#F4484F,#A3121A);color:#fff;box-shadow:0 6px 14px -8px rgba(192,22,28,.7)}
.iab-note-ic svg{width:20px;height:20px}
.iab-note-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:13px;line-height:1.35;color:var(--ink-2,#4B5563)}
.iab-note-t b{font-size:14px;font-weight:600;color:var(--ink,#14171F)}
.iab-note-go{flex:none;padding:7px 14px;border-radius:99px;background:var(--brand,#E82127);color:#fff;font-size:13px;font-weight:600}
.iab-note:active{transform:scale(.985)}

.iab-mask{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:rgba(10,12,16,0);transition:background .22s ease}
.iab-mask[hidden]{display:none}
.iab-mask.is-on{background:rgba(10,12,16,.5)}
.iab-sheet{position:relative;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 22px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:var(--card,#fff);color:var(--ink,#14171F);text-align:center;box-shadow:0 -18px 50px -20px rgba(0,0,0,.45);transform:translateY(105%);transition:transform .32s cubic-bezier(.16,1,.3,1)}
.iab-mask.is-on .iab-sheet{transform:none}
.iab-grab{width:40px;height:5px;margin-bottom:8px;border-radius:99px;background:var(--line,#E3E6EC)}
.iab-ic{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(160deg,#4E90E8,#24508F);color:#fff;box-shadow:0 12px 26px -12px rgba(36,80,143,.8),inset 0 1px 0 rgba(255,255,255,.3)}
.iab-sheet h2{margin:6px 0 0;font-size:19px;font-weight:700;letter-spacing:-.3px;line-height:1.3}
.iab-lead{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2,#4B5563)}
.iab-acts{display:flex;flex-direction:column;gap:9px;width:100%;margin-top:8px}
.iab-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;border-radius:15px;border:0;font:inherit;font-size:15.5px;font-weight:600;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background .2s ease}
.iab-btn:active{transform:scale(.98)}
.iab-main{background:linear-gradient(160deg,#F4484F,#A3121A);color:#fff;box-shadow:0 10px 22px -12px rgba(192,22,28,.75),inset 0 1px 0 rgba(255,255,255,.3)}
.iab-soft{background:var(--line-2,#F2F4F7);color:var(--ink,#14171F)}
.iab-btn.is-done{background:var(--ok-wash,#E6F6EE);color:var(--ok,#0B7A4E);box-shadow:none}
.iab-bi{display:grid;place-items:center}
.iab-step{display:flex;align-items:flex-start;gap:10px;width:100%;margin-top:4px;padding:12px 14px;border-radius:14px;border:1px dashed var(--line,#E3E6EC);font-size:13.5px;line-height:1.5;color:var(--ink-2,#4B5563);text-align:left}
.iab-step b{color:var(--ink,#14171F)}
.iab-step-ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--line-2,#F2F4F7);color:var(--ink,#14171F)}
.iab-alt{margin-top:2px;padding:8px 10px;border:0;background:none;color:var(--ink-3,#7B8493);font:inherit;font-size:13.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.iab-point{position:fixed;top:calc(6px + env(safe-area-inset-top));right:14px;z-index:1001;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;animation:iabBob 1.2s ease-in-out infinite}
.iab-point[hidden]{display:none}
.iab-point span{display:grid;place-items:center;width:38px;height:28px;border-radius:99px;background:#fff;color:#14171F;box-shadow:0 6px 18px -6px rgba(0,0,0,.5)}
.iab-point i{order:-1;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff}
@keyframes iabBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
html.iab-lock,html.iab-lock body{overflow:hidden}
@media (min-width:700px){.iab-mask{align-items:center}.iab-sheet{border-radius:26px;transform:translateY(24px);opacity:0;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s}.iab-mask.is-on .iab-sheet{opacity:1}.iab-grab{display:none}}
@media (prefers-reduced-motion:reduce){.iab-sheet,.iab-mask{transition:none}.iab-point{animation:none}}