.text{gap:14px;max-width:65ch;display:grid}.text .toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:4px;display:flex}.text .toolbar__label{color:var(--ink-2);align-items:center;gap:8px;font-size:15px;display:inline-flex}.text .toolbar__dot{background:var(--gold);border-radius:50%;width:8px;height:8px}.text.hints-off .toolbar__dot{background:var(--rule)}.text .hint-toggle{font:500 14px/1 var(--body);border:1px solid var(--rule);min-height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.text .hint-toggle:hover{color:var(--ink);border-color:var(--ink-3)}.text .line__hint{background:color-mix(in oklab, var(--gold-soft) 28%, transparent);border-left-width:2px;border-left-color:var(--gold);border-radius:0 6px 6px 0;padding:6px 10px;color:var(--ink-2)!important}.text .hint-before b{font-weight:500}.text.hints-off .hint-before{display:none}.text .line-break{padding-block:4px}.text .line.has-tc{cursor:pointer}.text .line.has-tc:hover .line__latin{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.text.is-following .line{opacity:.45}.text.is-following .line.is-active{opacity:1}.text.is-following .line.is-active .line__hint{color:var(--ink);border-left-color:var(--gold)}
