#reader-tools {
  position: fixed;
  z-index: 2147483000;
  right: 18px;
  bottom: 88px;
  font-family: Tahoma, Arial, sans-serif;
  color: #3d2118;
  line-height: 1.45;
  text-align: right;
}
#reader-tools * { box-sizing: border-box; }
#reader-tools button { font: inherit; cursor: pointer; }
.reader-tools-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid #dbbb87;
  border-radius: 999px;
  color: #fff;
  background: #704130;
  box-shadow: 0 4px 18px #24140e55;
  font-weight: 700 !important;
}
.reader-tools-trigger span { color: #efca80; font-size: 19px; }
.reader-tools-trigger:hover, .reader-tools-trigger:focus-visible { background: #563024; }
.reader-tools-menu {
  width: min(244px, calc(100vw - 24px));
  margin-bottom: 9px;
  padding: 8px;
  border: 1px solid #d5ba94;
  border-radius: 16px;
  background: #fffaf2;
  box-shadow: 0 12px 35px #24140e55;
}
.reader-tools-menu[hidden] { display: none; }
.reader-tools-title {
  padding: 7px 10px 9px;
  color: #7d4e32;
  font-weight: 700;
  border-bottom: 1px solid #e8d9c2;
  margin-bottom: 5px;
}
.reader-tools-menu button {
  display: flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #3d2118;
  text-align: right;
}
.reader-tools-menu button span { width: 20px; color: #9a5e31; font-size: 19px; text-align: center; }
.reader-tools-menu button:hover, .reader-tools-menu button:focus-visible { background: #f2e4d1; }
.reader-tools-menu button.reader-tools-feature { color: #713e24; font-weight: 700; background: #f4e3c7; margin-bottom: 5px; }
.reader-tools-menu button.reader-tools-feature:hover { background: #ecd3a8; }
.reader-tools-trigger:focus-visible, .reader-tools-menu button:focus-visible { outline: 3px solid #eab75e; outline-offset: 2px; }
.reader-tools-toast {
  position: absolute;
  right: 0;
  bottom: calc(100% + 14px);
  width: max-content;
  max-width: 260px;
  padding: 8px 12px;
  border-radius: 9px;
  background: #352119;
  color: #fff;
  box-shadow: 0 5px 16px #24140e55;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.reader-tools-toast.visible { opacity: 1; }
@media (max-width: 600px) {
  #reader-tools { right: 10px; bottom: 68px; }
  .reader-tools-trigger { min-height: 42px; padding: 8px 12px; font-size: 13px !important; }
}