/* Class Zaban Reading, isolated highlighter v3. The name MUST match CSS.highlights.set(NAME). */
::highlight(cz-reading-pencil-v3) {
  background-color: #fbd765;
  color: #213451;
  text-decoration: underline;
  text-decoration-color: #cc9d35;
  text-decoration-thickness: 2px;
}
[data-theme="dark"] ::highlight(cz-reading-pencil-v3) {
  background-color: #e0ba4e;
  color: #14233f;
  text-decoration-color: #bd8928;
}
.cz-reading-pencil-v3 .cz-reading-pencil-eraser {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 14px;
  border: 1px solid var(--ui-border);
  border-radius: 11px;
  background: var(--ui-surface-2, #eef3ff);
  color: var(--ui-text, #233759);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.cz-reading-pencil-v3 .cz-reading-pencil-eraser[aria-pressed="true"] {
  background: #516bd1;
  border-color: #516bd1;
  color: #fff;
}
.cz-reading-pencil-v3 .cz-reading-pencil-eraser:disabled { opacity: .5; cursor: not-allowed; }
.cz-reading-pencil-v3.is-erasing {
  border-color: #849be2;
  box-shadow: 0 14px 32px rgba(43, 66, 137, .2);
}
.cz-reading-pencil-v3 .cz-reading-pencil-guide { flex-basis: 100%; }
.cz-reading-pencil-v3[hidden] { display: none !important; }
body.cz-reading-is-marking .phase4-reading-group p,
body.cz-reading-is-marking .phase4-reading-group span,
body.cz-reading-is-marking .phase4-reading-group label {
  user-select: text !important;
  -webkit-user-select: text !important;
  cursor: text;
}
body.cz-reading-is-erasing .phase4-reading-group,
body.cz-reading-is-erasing .phase4-reading-group * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='rotate(-32 16 16)'%3E%3Crect x='8' y='4' width='16' height='25' rx='4' fill='%23f4e8ed' stroke='%233953ad' stroke-width='2'/%3E%3Cpath d='M8 17h16v8a4 4 0 0 1-4 4h-8a4 4 0 0 1-4-4z' fill='%235475dc'/%3E%3C/g%3E%3C/svg%3E") 13 13, crosshair !important;
}
.cz-reading-eraser-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1600;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 9px;
  background: #5572d7;
  color: #fff;
  font: 800 19px/1 sans-serif;
  box-shadow: 0 4px 12px rgba(35, 57, 111, .25);
}
.cz-reading-eraser-cursor[hidden] { display: none !important; }
@media (pointer: coarse) {
  .cz-reading-eraser-cursor { display: none !important; }
}
@media (max-width: 540px) {
  .cz-reading-pencil-v3 .cz-reading-pencil-toggle,
  .cz-reading-pencil-v3 .cz-reading-pencil-eraser { flex: 1 1 40%; }
}