Fallback Cards 2.0

#########Front#######
<div class="fallback">{{Expression}}</div>
<div class="fallback hidden">{{Sentence}}</div>

<script>
  //https://ankiweb.net/shared/info/1642550423
  document.addEventListener("keyup", e=>{
    if(e.shiftKey) {
      f = document.getElementsByClassName("fallback")
      f[0].classList.toggle("hidden")
      f[1].classList.toggle("hidden")
    }
  });
</script>
#########Front#######

#########Back########
{{Sentence}}

<hr id=answer>

<div style='font-size: 30px;'>{{Expression}}【{{Reading}}{{Audio}}】</div>
<div style='font-size: 25px;'>{{Glossary}}</div>
<div style='font-size: 15px;'><br/></div>
<div style='font-size: 20px;'>{{Picture}}</div>
#########Back########

#########Styling#########
:root {
  --accent-color: #cc0033;
  --bg-color:     #fafad2;
}

.card {
  font-family: meiryo;
  font-size: 30px;
  text-align: center;
  color: black;
  background-color: var(--bg-color);
}

.hidden {
  display: none;
}

span {
  border-color: var(--accent-color) !important;
}

.exp {
	color: var(--accent-color);
}

img {
  max-width: 80vw;
  max-height 40vh;
}

.replay-button { text-decoration: none; display: inline-flex; vertical-align: top; margin: 3px; outline: none; }
.replay-button svg { width: 36px; height: 36px; }
.replay-button svg circle { fill: #414141; stroke: #414141; }
.replay-button svg path { fill: var(--bg-color); }
#########Styling#########