/* Yes/No questions and toasts (dialogs.js) */
.bpd{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px 18px;background:rgba(4,8,22,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:bpdFade .2s ease both}
.bpd.out{animation:bpdFade .18s ease reverse both}
.bpd.out .bpd-card{animation:bpdOut .18s ease both}
@keyframes bpdFade{from{opacity:0}to{opacity:1}}
@keyframes bpdOut{to{transform:scale(.9);opacity:0}}
.bpd-card{position:relative;width:100%;max-width:360px;padding:62px 20px 20px;border-radius:26px;text-align:center;color:#fff;
  background:radial-gradient(120% 80% at 50% 0%,rgba(95,208,255,.22),transparent 60%),linear-gradient(170deg,#1D3D8A,#0F1F4D 70%);
  box-shadow:inset 0 0 0 2px rgba(150,200,255,.25),inset 0 2px 0 rgba(255,255,255,.18),0 20px 50px rgba(0,0,0,.6);animation:bpdIn .38s cubic-bezier(.2,1.5,.4,1) both}
.bpd.risky .bpd-card{background:radial-gradient(120% 80% at 50% 0%,rgba(255,120,90,.25),transparent 60%),linear-gradient(170deg,#3A2466,#16194A 70%);box-shadow:inset 0 0 0 2px rgba(255,150,130,.3),inset 0 2px 0 rgba(255,255,255,.16),0 20px 50px rgba(0,0,0,.6)}
@keyframes bpdIn{from{transform:translateY(24px) scale(.88);opacity:0}to{transform:none;opacity:1}}
.bpd-ic{position:absolute;left:50%;top:-46px;width:100px;height:100px;transform:translateX(-50%);display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#2B4C9E,#122A66 75%);box-shadow:0 0 0 4px #0F1F4D,0 0 0 6px rgba(150,200,255,.3),0 10px 24px rgba(0,0,0,.5)}
.bpd.risky .bpd-ic{background:radial-gradient(circle at 50% 40%,#5A2E6E,#24164D 75%);box-shadow:0 0 0 4px #1D1A50,0 0 0 6px rgba(255,150,130,.35),0 10px 24px rgba(0,0,0,.5)}
.bpd-ic img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));animation:bpdIc .6s .1s cubic-bezier(.2,1.6,.4,1) both}
@keyframes bpdIc{from{transform:scale(.3) rotate(-20deg)}to{transform:none}}
.bpd-t{margin:0 0 8px;font:800 28px/1.05 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.03em;text-transform:uppercase;text-wrap:balance}
.bpd-b{margin:0 auto 4px;max-width:30ch;font:600 16px/1.4 Barlow,system-ui,sans-serif;color:#C9D8F7;text-wrap:pretty}
.bpd.risky .bpd-b{color:#FFD2C9}
.bpd-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.bpd-row button{border:0;border-radius:16px;min-height:56px;padding:6px 8px;white-space:nowrap;font:800 clamp(16px,4.6vw,20px)/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .08s,box-shadow .08s}
.bpd-row button::after{content:"";position:absolute;left:10%;right:10%;top:5px;height:34%;border-radius:99px;background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,0));pointer-events:none}
.bpd-no{color:#fff;background:linear-gradient(#3B4A70,#222D4A);box-shadow:inset 0 0 0 2.5px #6577A8,0 5px 0 #11182B}
.bpd-yes{color:#2B1D00;background:linear-gradient(#FFE066,#F0A000);box-shadow:inset 0 0 0 2.5px #FFF3B0,0 5px 0 #A86A00}
.bpd.risky .bpd-yes{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25);background:linear-gradient(#FF7A6B,#D7263D);box-shadow:inset 0 0 0 2.5px #FFB3A8,0 5px 0 #8A1022}
.bpd-row button:active{transform:translateY(4px);box-shadow:inset 0 0 0 2.5px rgba(255,255,255,.4),0 1px 0 rgba(0,0,0,.4)}
.bpd-row button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.bpd,.bpd-card,.bpd-ic img{animation:none!important}}

/* toasts */
:root .toast.bp-t.bp-t{display:flex;align-items:center;gap:12px;width:max-content;max-width:min(420px,calc(100% - 28px));padding:12px 18px;border-radius:18px;border:0;
  background:linear-gradient(170deg,#203F8C,#111F4B);color:#fff;font:600 15px/1.35 Barlow,system-ui,sans-serif;text-align:left;
  box-shadow:inset 0 0 0 2px rgba(150,200,255,.25),0 14px 30px rgba(0,0,0,.5)}
:root .toast.bp-t.bp-t.ok{padding:10px 18px 10px 10px;background:linear-gradient(170deg,#17603F,#0D2E3A);box-shadow:inset 0 0 0 2px rgba(61,214,140,.55),0 0 22px rgba(61,214,140,.25),0 14px 30px rgba(0,0,0,.5)}
.tst-ic{width:50px;height:50px;flex:none;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}
.tst-pop .tst-ic{animation:tstTick .55s cubic-bezier(.2,1.7,.4,1) both}
@keyframes tstTick{0%{transform:scale(.2) rotate(-30deg)}100%{transform:none}}
.tst-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.tst-tx b{font:800 20px/1.05 "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#7CF0B4}
.tst-tx small{font:600 14px/1.3 Barlow,system-ui,sans-serif;color:#D5F5E6}