.lx-root .lp-timer{--lp-timer-ink:var(--lx-ink-60);--lp-timer-fill:var(--lx-ink-30);flex-direction:column;gap:8px;margin:0 0 14px;display:flex}.lx-root .lp-timer[data-timer-phase=closing],.lx-root .lp-timer[data-timer-phase=expired]{--lp-timer-ink:var(--lx-retry-ink);--lp-timer-fill:var(--lx-retry-solid)}.lx-root .lp-timer[data-timer-phase=done]{--lp-timer-ink:var(--lx-correct);--lp-timer-fill:var(--lx-correct)}.lx-root .lp-timer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.lx-root .lp-timer-label{color:var(--lx-ink-40);font-size:13px;font-weight:600;line-height:18px}.lx-root .lp-timer-readout{background:var(--lx-white);border:1px solid var(--lx-border);color:var(--lp-timer-ink);font-variant-numeric:tabular-nums;transition:color var(--lx-move) ease, border-color var(--lx-move) ease;border-radius:9999px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:15px;font-weight:600;line-height:20px;display:inline-flex}.lx-root .lp-timer[data-timer-phase=closing] .lp-timer-readout,.lx-root .lp-timer[data-timer-phase=expired] .lp-timer-readout{border-color:var(--lx-retry-border);background:var(--lx-retry-tint)}.lx-root .lp-timer-track{background:var(--lx-oat-deep);border-radius:9999px;height:3px;position:relative;overflow:hidden}.lx-root .lp-timer-fill{transform-origin:0;background:var(--lp-timer-fill);transition:transform .25s linear, background var(--lx-move) ease;position:absolute;inset:0}.lx-root .lp-timer-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.lx-root .lp-timer:focus{outline:none}.lx-root .lp-timer-gate{border:1px solid var(--lx-border);border-radius:var(--lx-r-card);background:var(--lx-white);flex-direction:column;align-items:flex-start;gap:16px;padding:22px;display:flex}.lx-root .lp-timer-gate-title{color:var(--lx-ink);margin:0;font-size:19px;font-weight:600;line-height:26px}@media (max-width:760px){.lx-root .lp-timer-gate-go{align-self:stretch}}.lx-root .lp-timer-locked{opacity:.45;filter:saturate(.6);pointer-events:none;-webkit-user-select:none;user-select:none}.lx-root .lp-timeup{border:1px solid var(--lx-retry-border);border-radius:var(--lx-r-card);background:var(--lx-retry-tint);animation:lp-timeup-in var(--lx-move) ease-out both;flex-direction:column;gap:10px;margin-top:16px;padding:20px 22px;display:flex}.lx-root .lp-timeup-title{color:var(--lx-retry-ink);margin:0;font-size:19px;font-weight:600;line-height:26px}.lx-root .lp-timeup-title:focus{outline:none}.lx-root .lp-timeup-sub{color:var(--lx-ink-60);font-size:15px;line-height:22px}.lx-root .lp-timeup-explain{color:var(--lx-ink);font-size:16px;line-height:25px}@keyframes lp-timeup-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ln-done .lp-timing{border:1px solid var(--border,var(--learn-hairline));background:var(--white,var(--learn-surface));text-align:left;border-radius:17px;flex-direction:column;gap:10px;width:min(100%,520px);margin-top:20px;padding:18px 22px 20px;display:flex}.ln-done .lp-timing-headline{color:var(--ink,var(--learn-text));font-family:var(--sans,var(--learn-font-sans));margin:0;font-size:17px;font-weight:600;line-height:24px}.ln-done .lp-timing-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ln-done .lp-timing-row{font-family:var(--sans,var(--learn-font-sans));color:var(--ink-60,var(--learn-text-soft));grid-template-columns:92px minmax(40px,1fr) auto;align-items:center;gap:12px;font-size:14px;line-height:20px;display:grid}.ln-done .lp-timing-bar{background:var(--oat-deep,#e9e7e5);border-radius:9999px;height:6px;position:relative;overflow:hidden}.ln-done .lp-timing-bar>span{transform-origin:0;background:var(--correct,#2563eb);border-radius:inherit;position:absolute;inset:0}.ln-done .lp-timing-row[data-expired=true] .lp-timing-bar>span{background:var(--retry-solid,#a66c08)}.ln-done .lp-timing-value{font-variant-numeric:tabular-nums;color:var(--ink,var(--learn-text));white-space:nowrap}.ln-done .lp-timing-row[data-expired=true] .lp-timing-value{color:var(--retry-ink,#8c5c06)}@media (max-width:420px){.ln-done .lp-timing-row{grid-template-columns:80px minmax(32px,1fr) auto;gap:10px}}@media (prefers-reduced-motion:reduce){.lx-root .lp-timer-fill,.lx-root .lp-timer-readout{transition:none}.lx-root .lp-timeup{animation:none}}
