.book-notes-section .bv-section-head { position:relative; }
.book-notes-count {
  min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--book-purple);background:rgba(86,50,195,.1);font-size:10px;font-weight:800;
}
.book-notes-add-inline {
  margin-inline-start:auto;padding:7px 11px;border:0;border-radius:999px;color:var(--book-purple);
  background:rgba(86,50,195,.09);font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;
}
.book-notes-list { display:grid;gap:10px; }
.book-notes-loading,.book-notes-empty {
  padding:22px;border:1px dashed var(--book-line);border-radius:15px;color:var(--book-muted);text-align:center;font-size:11px;
}
.book-note-card {
  padding:14px 15px;border:1px solid var(--book-line);border-radius:15px;background:var(--book-surface);box-shadow:0 2px 8px rgba(0,0,0,.035);
}
.book-note-card-head { display:flex;align-items:center;gap:8px;margin-bottom:8px; }
.book-note-category { padding:3px 7px;border-radius:999px;color:var(--book-purple);background:rgba(86,50,195,.09);font-size:8px;font-weight:800;text-transform:uppercase; }
.book-note-date { color:var(--book-muted);font-size:9px; }
.book-note-card-menu { margin-inline-start:auto;display:flex;gap:3px; }
.book-note-card-menu button { width:29px;height:29px;border:0;border-radius:50%;color:var(--book-muted);background:transparent;cursor:pointer;font-size:13px; }
.book-note-card-menu button:hover { background:var(--book-surface-soft);color:var(--book-ink); }
.book-note-card h3 { margin:0 0 5px;color:var(--book-ink);font-size:13px; }
.book-note-card p { margin:0;color:var(--book-copy);font-size:11px;line-height:1.55;white-space:pre-wrap; }
.book-note-audio-time {
  margin-top:10px;padding:6px 9px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:5px;
  color:var(--book-purple);background:rgba(86,50,195,.09);font-family:inherit;font-size:9px;font-weight:700;cursor:pointer;
}
.book-note-fab {
  position:fixed;z-index:90;right:max(22px,calc((100vw - 600px)/2 + 22px));bottom:100px;width:54px;height:54px;border:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#fff;background:var(--book-purple);box-shadow:0 8px 24px rgba(86,50,195,.38);cursor:pointer;
}
.book-note-fab svg { width:23px;height:23px; }
.book-note-backdrop { position:fixed;inset:0;z-index:200;background:rgba(12,10,17,.48);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s; }
.book-note-backdrop.show { opacity:1;visibility:visible; }
.book-note-sheet {
  position:fixed;z-index:210;right:0;bottom:0;left:0;width:100%;max-width:600px;max-height:88vh;margin:auto;padding:10px 20px max(22px,env(safe-area-inset-bottom));
  overflow-y:auto;border-radius:25px 25px 0 0;color:var(--book-ink);background:var(--book-bg);box-shadow:0 -15px 45px rgba(0,0,0,.2);
  transform:translateY(105%);transition:transform .32s cubic-bezier(.22,1,.36,1);
}
.book-note-sheet.show { transform:translateY(0); }
.book-note-sheet-handle { width:42px;height:4px;margin:0 auto 15px;border-radius:99px;background:var(--book-line); }
.book-note-sheet-head { display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px; }
.book-note-sheet-head span { color:var(--book-purple);font-size:9px;font-weight:700;text-transform:uppercase; }
.book-note-sheet-head h2 { margin:2px 0 0;color:var(--book-ink);font-size:19px; }
.book-note-sheet-head>button { width:34px;height:34px;border:0;border-radius:50%;color:var(--book-muted);background:var(--book-surface-soft);font-size:22px;cursor:pointer; }
.book-note-sheet label { display:block;margin:0 0 6px;color:var(--book-copy);font-size:10px;font-weight:700; }
.book-note-sheet label small { color:var(--book-muted);font-weight:400; }
.book-note-sheet input[type=text],.book-note-sheet textarea,.book-note-sheet select {
  width:100%;margin:0 0 15px;padding:12px 13px;border:1px solid var(--book-line);border-radius:12px;outline:0;color:var(--book-ink);background:var(--book-surface);
  font-family:inherit;font-size:12px;font-weight:400;
}
.book-note-sheet textarea { resize:vertical;line-height:1.55; }
.book-note-sheet input:focus,.book-note-sheet textarea:focus,.book-note-sheet select:focus { border-color:var(--book-purple);box-shadow:0 0 0 3px rgba(86,50,195,.1); }
.book-note-form-row { display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end; }
.book-note-timestamp-option {
  min-height:43px;margin-bottom:15px!important;padding:8px 10px;border:1px solid var(--book-line);border-radius:12px;
  display:flex!important;align-items:center;gap:9px;background:var(--book-surface);cursor:pointer;
}
.book-note-timestamp-option input { accent-color:var(--book-purple); }
.book-note-timestamp-option span { display:flex;flex-direction:column; }
.book-note-timestamp-option b { color:var(--book-ink);font-size:9px; }
.book-note-timestamp-option small { color:var(--book-purple)!important;font-size:9px; }
.book-note-sheet-actions { display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:4px; }
.book-note-sheet-actions button { min-height:45px;border-radius:999px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer; }
.book-note-sheet-actions .secondary { border:1px solid var(--book-line);color:var(--book-ink);background:var(--book-surface); }
.book-note-sheet-actions .primary { border:0;color:#fff;background:var(--book-purple); }
.book-note-sheet-actions .primary:disabled { opacity:.55;cursor:wait; }
[dir=rtl] .book-note-fab { right:auto;left:max(22px,calc((100vw - 600px)/2 + 22px)); }
@media(max-width:390px) {
  .book-note-fab { right:18px;bottom:88px;width:50px;height:50px; }
  [dir=rtl] .book-note-fab { right:auto;left:18px; }
  .book-note-form-row { grid-template-columns:1fr;gap:0; }
}