/* TENIMPER v53.3 — subtle keyboard navigation hint */
.reader-nav-hint-v533{
  position:fixed;
  left:50%;
  bottom:max(14px,env(safe-area-inset-bottom));
  z-index:2147480300;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  max-width:calc(100vw - 24px);
  padding:7px 10px;
  border:1px solid rgba(139,91,48,.14);
  border-radius:999px;
  background:rgba(248,239,226,.94);
  color:rgba(82,56,37,.70);
  box-shadow:0 8px 22px rgba(79,52,30,.11);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:.54rem;
  line-height:1;
  pointer-events:none;
  opacity:0;
  translate:0 7px;
  transition:opacity .16s ease,translate .16s ease;
}
.reader-nav-hint-v533.is-visible{
  opacity:1;
  translate:0 0;
}
.reader-nav-hint-v533 kbd{
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:0 5px;
  border:1px solid rgba(139,91,48,.12);
  border-radius:5px;
  background:rgba(139,91,48,.025);
  font:inherit;
}
html[data-theme="dark"] .reader-nav-hint-v533{
  border-color:rgba(188,144,79,.16);
  background:rgba(24,16,18,.94);
  color:rgba(235,214,185,.72);
  box-shadow:0 9px 24px rgba(0,0,0,.24);
}
html[data-theme="dark"] .reader-nav-hint-v533 kbd{
  border-color:rgba(188,144,79,.12);
  background:rgba(188,144,79,.025);
}
@media(max-width:640px){
  .reader-nav-hint-v533{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .reader-nav-hint-v533{transition:none!important}
}