.bookmark-btn{
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid var(--line,#E3E8F1); background:#fff; color:var(--muted,#6C7893);
  font:inherit; font-size:12px; font-weight:600; padding:8px 11px;
  border-radius:8px; cursor:pointer; white-space:nowrap;
}
.bookmark-btn:hover{background:#F7F9FC; color:var(--ink,#0B1220); border-color:#D6DDEA}
.bookmark-btn:focus-visible{outline:2px solid #B9C4FB; outline-offset:2px}
.bookmark-btn svg{width:14px; height:14px; flex:0 0 auto}

.bm-pop{
  position:fixed; right:22px; bottom:22px; z-index:200;
  width:min(348px, calc(100vw - 32px));
  background:#fff; border:1px solid #E3E8F1; border-radius:14px;
  box-shadow:0 24px 60px -24px rgba(11,18,32,.45);
  padding:18px 18px 16px; color:#0B1220;
  font-family:Inter,system-ui,sans-serif;
}
.bm-pop[hidden]{display:none !important}
.bm-head{display:flex; align-items:flex-start; gap:11px; padding-right:24px}
.bm-mark{
  width:32px; height:32px; border-radius:9px; flex:0 0 auto;
  background:#F2F3FF; color:#6366F1; display:grid; place-items:center;
}
.bm-mark svg{width:16px; height:16px}
.bm-pop h3{font-family:Sora,system-ui,sans-serif; font-size:15px; font-weight:800; margin:1px 0 3px; letter-spacing:-.01em}
.bm-sub{font-size:11.5px; color:#6C7893; margin:0; line-height:1.45}
.bm-close{
  position:absolute; top:11px; right:11px; width:26px; height:26px;
  border:0; border-radius:7px; background:transparent; color:#8A93A6;
  font-size:19px; line-height:1; cursor:pointer;
}
.bm-close:hover{background:#F4F6FA; color:#0B1220}
.bm-body{font-size:12.5px; color:#4E5A70; line-height:1.55; margin:13px 0 0}
.bm-body kbd{
  display:inline-block; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11px; line-height:1.4; color:#0B1220; background:#F4F6FA;
  border:1px solid #E3E8F1; border-bottom-width:2px; border-radius:5px;
  padding:1px 5px; margin:0 1px;
}
.bm-copy{
  margin-top:12px; width:100%; border:0; border-radius:8px; cursor:pointer;
  background:#0B1220; color:#fff; font:inherit; font-size:12.5px; font-weight:600;
  padding:9px 12px;
}
.bm-copy:hover{background:#182236}
.bm-status{min-height:16px; margin:8px 0 0; font-size:11px; color:#17845B}
.bm-status[data-bad="1"]{color:#B4462A}
