.tpn-host{min-width:0;overflow:hidden}.tpn{& .ss-stage{overflow:hidden;font-family:var(--font-sans),system-ui,sans-serif;color:var(--color-text-primary)}.tpn-fade{position:absolute;inset:0;mask-image:linear-gradient(180deg,#000 80%,transparent 98%)}.tpn-panel{position:absolute;inset:0 0 auto;height:calc(100% + 80px);background:#fff;border:1px solid var(--color-border);border-radius:24px;overflow:hidden}.tpn-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:20px 22px 14px}.tpn-title{font-size:16px;line-height:1.3;font-weight:600}.tpn-meta{line-height:1.3;white-space:nowrap}.tpn-meta,.tpn-small{font-size:13px;color:var(--color-text-secondary)}.tpn-small{line-height:1.35}& .ss-stage[data-layout=compact] .tpn-head{padding:16px 16px 12px}}.tpn.tcs{.tcs-stage{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--color-border)}.tcs-number{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--color-brand-50);color:var(--color-brand);font-family:var(--font-display),var(--font-sans),sans-serif;font-size:16px;font-weight:600}.tcs-name{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.tcs-progress{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.tcs-track{display:block;width:110px;height:5px;border-radius:3px;background:var(--color-bg-muted)}.tcs-lessons{display:flex;flex-direction:column;padding:4px 22px 6px 80px;border-bottom:1px solid var(--color-border)}.tcs-lesson{display:flex;align-items:center;gap:12px;padding:12px 0}.tcs-lesson+.tcs-lesson{border-top:1px solid var(--color-border-subtle)}.tcs-lesson-number{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.tcs-lesson-number[data-next]{background:var(--color-brand);color:#fff}.tcs-lesson-title{flex:1;min-width:0;font-size:14px;line-height:1.35;font-weight:500}.tcs-free{flex:none;padding:3px 9px;border:1px solid #cfe9d9;border-radius:8px;background:#f1faf4;color:#14864b;font-size:12px;line-height:1.3}.tcs-arrow{flex:none;color:var(--color-text-primary)}& .ss-stage[data-layout=compact]{.tcs-stage{gap:12px;padding:14px 16px}.tcs-number{width:38px;height:38px;font-size:14px}.tcs-progress{display:none}.tcs-lessons{padding:2px 16px 4px 66px}}}.tpn.tfb{.tfb-cards{gap:12px;padding:0 22px}.tfb-cards,.tfb-phrase{display:flex;flex-direction:column}.tfb-phrase{padding:18px 20px;border:1px solid var(--color-border);border-radius:16px;background:#fff}.tfb-label{font-size:13px;line-height:1.3;color:var(--color-text-tertiary)}.tfb-original{margin-top:4px;font-size:15px;line-height:1.6;color:var(--color-text-secondary);text-decoration:line-through;text-decoration-color:var(--color-text-tertiary)}.tfb-try{margin-top:14px;color:var(--color-brand);font-weight:600}.tfb-correction{margin-top:4px;font-size:15px;line-height:1.6;font-weight:600}.tfb-reason{margin-top:12px}.tfb-bar{display:block;height:8px;margin-top:10px;border-radius:4px;background:var(--color-bg-muted)}.tfb-bar-label{height:6px}.tfb-bar:first-child{margin-top:0}.tfb-bar-label+.tfb-bar{margin-top:8px}.tfb-bar-label:not(:first-child){margin-top:18px}& .ss-stage[data-layout=compact]{.tfb-cards{padding:0 16px}.tfb-phrase{padding:16px}}}