.hint-word{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;box-sizing:border-box;vertical-align:top;text-align:center;overflow-wrap:anywhere}
.hint-source{display:block;width:100%;max-width:100%;text-align:center;overflow-wrap:anywhere;word-break:normal;hyphens:none}
.hint-lane{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;gap:3px;margin-top:12px;font-size:18px;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none}
.hint-lane:empty{margin-top:0}
.hint-label{display:flex;align-items:baseline;justify-content:center;gap:8px;max-width:100%;font-weight:500}
.hint-segment{color:#18345c;font-weight:600}
.hint-short-arrow{color:#858b94}
.hint-thai{min-width:0;overflow-wrap:anywhere}
.hints-visible .hint-lane{opacity:1;visibility:visible}
.hints-playing .hint-lane{animation:hint-reveal .2s ease-out both}
.hint-sequence-marker{display:none}
.scroll-current.scroll-motion,.scroll-current.scroll-motion.is-visible,.scroll-current.scroll-motion.is-visible.is-focused{transform:none}
body.dark .hint-segment{color:#b4d3f0}
@keyframes hint-reveal{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hints-playing .hint-lane{animation:none}}

#review .scroll-current>.actions{justify-content:center}