.lt-top{display:grid;gap:8px}.lt-progress{height:4px;border-radius:2px;background:var(--surface-sunken);overflow:hidden}.lt-progress span{display:block;width:0;height:100%;background:var(--brand);transition:width .2s ease}.lt-run{display:grid;gap:14px}.lt .lt-sentence{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;min-height:4.5em;margin:0;font:400 30px/1.5 var(--font-hanzi-sans)}.lt-unit{white-space:nowrap}.lt-word{padding:0;border:0;border-radius:4px;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.lt-word:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(hover:hover){.lt-word:hover{background:var(--surface-sunken)}}@supports not selector(::highlight(x)){.lt-word[aria-pressed=true]{background:var(--highlight);text-decoration:underline 2px var(--brand);text-underline-offset:5px}}.lt .lt-hint{min-height:44px}.lt-go{width:100%;min-height:52px;font-size:16px}.lt-done{display:grid;gap:10px}.lt-done p{margin:0}.lt .lt-eyebrow{font:600 15px/1.3 var(--font-sans);color:var(--ink-muted)}.lt .lt-level{font:500 72px/1 var(--font-display)}.lt .lt-line{font-size:17px;line-height:1.45}.lt-strip{padding-top:6px;color:var(--ink)}.lt :is(.lt-strip-line,.lt-aside,.lt-read-hint){font-size:14px;line-height:1.45;color:var(--ink-muted)}.lt-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}.lt-actions .lt-read-level{flex:1 1 100%;min-height:52px;font-size:16px}.lt :is(.lt-status,.lt-saved){min-height:20px;font-size:13px;color:var(--ink-muted)}.lt-read-title{margin:14px 0 0;padding-top:16px;border-top:1px solid var(--line);font:500 22px/1.15 var(--font-display)}.lt-sentences{display:grid;gap:4px;margin:4px 0 0;padding:0;list-style:none}.lt .lt-sentence-read{font:400 22px/1.6 var(--font-hanzi-sans)}.lt-wc{padding:4px 0 10px}.lt-wc .wc{max-width:420px}.lt .lt-wc-wait{font-size:14px;color:var(--ink-muted)}.lt-save{display:grid;gap:6px;justify-items:start;padding-top:8px}@media(min-width:760px){.lt .lt-sentence{font-size:36px}.lt-go{justify-self:end;width:auto;min-width:240px}.lt-actions .lt-read-level{flex:0 0 auto;min-width:240px}}@media(forced-colors:active){.lt-word[aria-pressed=true]{outline:2px solid Highlight}}
