#belair-safe-role-picker{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:0}
#belair-safe-role-picker.open{display:flex}
.bsr-backdrop{position:absolute;inset:0;background:#08291e}
.bsr-card{position:relative;width:min(560px,calc(100% - 28px));max-height:92vh;overflow:auto;background:linear-gradient(180deg,#0d3f2e 0%,#15533c 100%);border:2px solid rgba(255,255,255,.35);border-radius:28px;padding:30px;box-shadow:0 25px 70px #0008;text-align:center;color:#fff}
.bsr-logo{display:block;width:min(390px,96%);height:126px;object-fit:contain;margin:0 auto 26px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:14px}
.bsr-card h2{margin:0 0 12px;color:#fff;font-size:30px;line-height:1.15}
.bsr-card>p{margin:0 auto 28px;color:#fff;font-size:16px;line-height:1.5;opacity:.96;max-width:470px}
.bsr-field{text-align:left;margin:0 auto 20px;max-width:460px}
.bsr-field label{display:block;color:#fff;font-size:16px;font-weight:800;margin:0 0 9px}
#bsr-role-select{width:100%;min-height:60px;border:2px solid #fff;border-radius:16px;background:#fff;color:#123f2d;padding:0 16px;font:inherit;font-size:18px;font-weight:750;box-shadow:0 7px 20px rgba(0,0,0,.18)}
#bsr-role-select:focus{outline:4px solid rgba(255,255,255,.25);outline-offset:2px}
.bsr-description{min-height:24px;margin-top:10px;color:#fff;font-size:14px;line-height:1.4;opacity:.95}
.bsr-continue{display:block;width:100%;max-width:460px;min-height:60px;margin:0 auto;border:2px solid #fff;border-radius:16px;background:#ffffff;color:#123f2d;font:inherit;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.bsr-continue:hover,.bsr-continue:focus{background:#f1f7f3;outline:none;transform:translateY(-1px)}
.bsr-continue:disabled{opacity:.5;cursor:not-allowed;transform:none}
.bsr-error{max-width:460px;margin:16px auto 0;padding:14px;border-radius:14px;background:#8d2626;color:#fff;text-align:left}
.belair-role-modal-open{overflow:hidden}
@media(max-width:700px){
  #belair-safe-role-picker{align-items:stretch}
  .bsr-card{width:100%;max-height:none;height:100%;border:0;border-radius:0;padding:calc(env(safe-area-inset-top,0px) + 30px) 20px calc(env(safe-area-inset-bottom,0px) + 30px);display:flex;flex-direction:column;justify-content:center}
  .bsr-logo{width:min(400px,98%);height:136px;margin-bottom:30px}
  .bsr-card h2{font-size:31px}
  .bsr-card>p{font-size:16px;margin-bottom:30px}
  #bsr-role-select,.bsr-continue{min-height:64px;font-size:18px}
}