.practice-nudge {
  position:fixed; z-index:35; bottom:calc(20px + env(safe-area-inset-bottom,0px));
  left:50%; transform:translateX(-50%); width:min(700px,calc(100% - 32px));
  display:flex; align-items:center; gap:20px; padding:16px 18px;
  background:#fff; color:#211b30; border:1px solid #ddd5ee; border-radius:16px;
  box-shadow:0 12px 40px #241a4126; font-family:Inter,system-ui,sans-serif;
}
.practice-nudge[hidden], body:has(#pm-consent) .practice-nudge { display:none !important; }
.practice-nudge>div { flex:1; min-width:0; display:grid; gap:3px; }
.practice-nudge strong { font-size:14px; font-weight:650; line-height:1.4; }
.practice-nudge>div>span { font-size:12px; color:#665d78; line-height:1.5; }
.practice-nudge>a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 16px; background:#7054ce; border-radius:9px; color:#fff; font-size:13px; font-weight:650; line-height:1.5; text-decoration:none; white-space:nowrap; }
.practice-nudge>button { display:grid; place-items:center; width:32px; height:36px; padding:0; flex:none; border:0; border-radius:6px; background:transparent; color:#665d78; font:24px/1 system-ui; cursor:pointer; }
.practice-nudge :is(a,button):focus-visible { outline:2px solid #7054ce; outline-offset:3px; }
.practice-nudge>button:hover { background:#f3effc; }
html[data-theme="dark"] .practice-nudge { background:#211c2a; border-color:#514362; color:#f1edf9; box-shadow:0 12px 40px #0005; }
html[data-theme="dark"] .practice-nudge>div>span, html[data-theme="dark"] .practice-nudge>button { color:#c6bad9; }
html[data-theme="dark"] .practice-nudge>a { background:#b9a3ff; color:#20163e; }
html[data-theme="dark"] .practice-nudge>button:hover { background:#362b48; }
@media(max-width:520px) {
  .practice-nudge { gap:10px; padding:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); }
  .practice-nudge>div>span { font-size:11px; }
  .practice-nudge>a { padding:10px 12px; font-size:12px; }
  .practice-nudge>button { width:28px; }
}
