/* Scoped Practice choices; original Home, profile and keyboard rules are unchanged. */
.bs-mode-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:430px;max-height:min(calc(var(--app-h,100dvh) - 24px),calc(100dvh - 16px));overflow:auto;overscroll-behavior:contain;padding:12px 20px calc(20px + env(safe-area-inset-bottom,0px));border:1px solid var(--line-2);border-bottom:0;color:var(--text);background:linear-gradient(145deg,#19183f,#141333);border-radius:24px 24px 0 0;box-shadow:0 -12px 50px rgba(0,0,0,.3)}
.bs-mode-dialog:focus:not(:focus-visible){outline:none}.bs-mode-dialog::backdrop{background:rgba(12,11,41,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.bs-mode-grip{width:40px;height:4px;margin:0 auto 12px;border-radius:4px;background:var(--line-2)}
.bs-mode-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bs-mode-dialog .bs-mode-head h2{margin:0;font-family:var(--font-ui);font-size:22px;line-height:1.3;font-weight:800;letter-spacing:var(--tr-display)}
.bs-mode-close{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-right:-8px;border-radius:12px;color:var(--text-2)}.bs-mode-close svg{pointer-events:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.bs-mode-close:active{background:rgba(255,255,255,.08)}
.bs-mode-intro{margin:6px 0 18px;color:var(--text-2);font-size:13px;line-height:1.55}
.bs-mode-options{display:grid;border:1px solid var(--line-2);border-radius:16px;background:rgba(255,255,255,.025)}
.bs-mode-options>button{display:grid;grid-template-columns:28px minmax(0,1fr) 12px;gap:12px;align-items:center;min-height:72px;padding:14px;text-align:left;color:var(--text);background:transparent;border-radius:0}
.bs-mode-options>button+button{border-top:1px solid var(--line)}.bs-mode-options>button:first-child{border-radius:15px 15px 0 0}.bs-mode-options>button:last-child{border-radius:0 0 15px 15px}.bs-mode-options>button:active{background:var(--accent-soft)}.bs-mode-options>button:focus-visible{outline:2px solid var(--accent-hi);outline-offset:-3px}.bs-mode-options>button:disabled{opacity:.5}
.bs-mode-symbol{display:grid;place-items:center;width:28px;height:32px;color:var(--accent-hi)}.bs-mode-symbol svg{pointer-events:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bs-mode-options b{display:block;font:800 14px/1.4 var(--font-ui)}.bs-mode-options small{display:block;margin-top:5px;font:500 12px/1.45 var(--font-ui);color:var(--text-2)}.bs-mode-chevron{font-size:24px;line-height:1;color:var(--text-3)}.bs-mode-note{margin:18px 0 0;font-size:11px;line-height:1.5;color:var(--text-3);text-align:center}
@media(max-width:350px){.bs-mode-dialog{padding-inline:16px}.bs-mode-options>button{gap:10px;padding:13px 12px}.bs-mode-options b{font-size:14px}.bs-mode-options small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bs-mode-dialog{animation:none}}

/* The bottom sheet stays open at the screen edge, including its focus treatment. */
.bs-mode-dialog:focus-visible{outline:none;box-shadow:inset 2px 0 0 var(--accent-hi),inset -2px 0 0 var(--accent-hi),inset 0 2px 0 var(--accent-hi),0 -12px 50px rgba(0,0,0,.3)}
.bs-mode-close:focus-visible{outline:2px solid var(--accent-hi);outline-offset:-3px}
