*{touch-action:pan-x pan-y}
.ob{z-index:70;left:50%;top:calc(env(safe-area-inset-top,0px) + 3px);max-width:calc(100vw - 24px);position:fixed;transform:translate(-50%)}.ob-pill{height:24px;font:600 12px/1 var(--ui,system-ui,sans-serif);letter-spacing:.01em;color:#fff;white-space:nowrap;cursor:pointer;background:#2b2b33;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:flex;box-shadow:0 2px 10px #00000052}.ob-pill i{background:#f5a524;border-radius:50%;flex:none;width:7px;height:7px}.ob-pill.on i{background:#3ddc97}.ob-pill.bad i{background:#ff6b78}.ob-pill.on i.spin{animation:1s ease-in-out infinite obp}@keyframes obp{50%{opacity:.35}}.ob-card{color:#f5f5f7;width:min(340px,100vw - 24px);font:14px/1.4 var(--ui,system-ui,sans-serif);background:#17171c;border-radius:16px;margin-top:8px;padding:12px;box-shadow:0 10px 30px #00000073}.ob-card h4{font:700 13px/1.2 var(--ui,system-ui,sans-serif);color:#a8a8b3;margin:0 0 8px}.ob-row{border-top:1px solid #2a2a33;flex-direction:column;gap:6px;padding:9px 0;display:flex}.ob-row:first-of-type{border-top:0}.ob-row b{font-weight:600}.ob-row small{color:#a8a8b3}.ob-act{flex-wrap:wrap;gap:8px;display:flex}.ob-act button{height:30px;font:600 12px/1 var(--ui,system-ui,sans-serif);color:#000;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:0 12px}.ob-act button.ghost{color:#f5f5f7;background:#2a2a33}.ob-note{color:#a8a8b3;margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.ob-pill.on i.spin{animation:none}}