main.lp .lsn-bar{border-block-end:1px solid var(--app-border);background:var(--app-card);align-items:center;gap:12px;min-block-size:56px;padding-block:6px;padding-inline:12px 16px;display:flex}main.lp .lsn-where{flex-direction:column;min-inline-size:0;line-height:1.35;display:flex}main.lp .lsn-where>*{overflow-wrap:anywhere}main.lp .lsn-where .c{color:var(--app-muted);font-size:12px}main.lp :where(.ui) .lsn-where .l{font-size:13px;font-weight:700}main.lp .lsn-end{flex:none;align-items:center;gap:4px;margin-inline-start:auto;display:flex}main.lp .lsn-overall{color:var(--app-muted);white-space:nowrap;align-items:center;gap:10px;margin-inline-end:8px;font-size:12px;display:flex}main.lp .lsn-overall .ui-progress{inline-size:100px}main.lp .lsn-on{background:var(--app-muted-bg);color:var(--app-fg)}main.lp .lsn-bar.sm{gap:8px;min-block-size:52px;padding-inline:8px 12px}main.lp .lsn-bar.sm .lsn-where{flex:1}main.lp .lsn-col{background:var(--app-canvas);flex-direction:column;gap:18px;padding:20px 28px 28px;display:flex}main.lp .lsn-stage{border-radius:var(--app-r-lg)}main.lp .lsn-stage.flat{border-radius:0}main.lp :where(.ui) .lsn-wm{opacity:.5;color:var(--app-dark-fg);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;position:absolute;inset-block-start:16px;inset-inline-end:16px}main.lp .lsn-wm .ui-logo{border-radius:var(--app-r-sm);block-size:26px;inline-size:26px;margin:0;font-size:12px}main.lp .lsn-resume{flex-direction:column;align-items:center;gap:12px;display:flex}main.lp .lsn-resume .play{background:var(--app-dark-fg);block-size:68px;inline-size:68px;color:var(--app-dark)}main.lp .lsn-chip{border-radius:var(--r-pill);background:color-mix(in srgb, var(--app-dark-fg), transparent 82%);padding:4px 12px;font-size:13px;font-weight:500}main.lp .lsn-controls{background:linear-gradient(to top, color-mix(in srgb, var(--app-dark), transparent 30%), transparent);color:var(--app-dark-fg);direction:ltr;align-items:center;gap:14px;padding:28px 16px 12px;display:flex;position:absolute;inset-block-end:0;inset-inline:0}main.lp .lsn-controls svg{block-size:17px;inline-size:17px}main.lp .lsn-controls .t{font-family:var(--latin);color:var(--app-dark-muted);font-size:12px}main.lp .lsn-controls i{border-radius:var(--r-pill);background:color-mix(in srgb, var(--app-dark-fg), transparent 72%);flex:1;block-size:4px}main.lp .lsn-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}main.lp .lsn-titles{flex:340px;gap:6px}main.lp :where(.ui) .lsn-h1{font-family:var(--serif);text-wrap:balance;font-size:24px;font-weight:700;line-height:1.35}main.lp .lsn-meta{color:var(--app-muted);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}main.lp .lsn-meta>span{align-items:center;gap:6px;display:inline-flex}main.lp .lsn-meta svg{block-size:15px;inline-size:15px}@media (width<=600px){main.lp .lsn-col{padding:0 0 18px}main.lp .lsn-col .lsn-stage{border-radius:0}main.lp .lsn-head{padding-inline:16px}main.lp .lsn-h1{font-size:20px}}main.lp .lsn-composer{border:1px solid var(--app-brand);border-radius:var(--app-r-lg);background:var(--app-surface-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--app-brand), transparent 85%);flex-direction:column;gap:22px;padding:14px;display:flex}main.lp .lsn-note-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}main.lp :where(.ui) .lsn-at{border-radius:var(--r-pill);background:var(--app-primary-soft);color:var(--app-primary-soft-fg);font-family:var(--latin);direction:ltr;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}main.lp .lsn-at svg{block-size:13px;inline-size:13px}main.lp .lsn-notes{border:1px solid var(--app-border);border-radius:var(--app-r-lg);background:var(--app-surface-2);flex-direction:column;display:flex;overflow:hidden}main.lp .lsn-note{align-items:flex-start;gap:12px;padding:12px 16px;line-height:1.7;display:flex}main.lp .lsn-note+.lsn-note{border-block-start:1px solid var(--app-border)}main.lp .lsn-note .lsn-at{margin-block-start:2px}main.lp .lsn-aside{border-inline-start:1px solid var(--app-border);background:var(--app-surface-2)}main.lp .lsn-cur-head{border-block-end:1px solid var(--app-border);flex-direction:column;gap:10px;padding:16px;display:flex}main.lp .lsn-module{border-block-end:1px solid var(--app-border)}main.lp .lsn-module:last-child{border-block-end:0}main.lp :where(.ui) .lsn-sum{align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}main.lp .lsn-sum .ui-num{color:var(--app-muted);margin-right:auto;font-size:12px;font-weight:500}main.lp .lsn-sum svg{block-size:15px;inline-size:15px;color:var(--app-muted)}main.lp .lsn-module.open .lsn-sum>svg:last-child{rotate:180deg}main.lp .lsn-list{flex-direction:column;gap:2px;padding:0 8px 8px;display:flex}main.lp .lsn-item{border-radius:var(--app-r-md);align-items:flex-start;gap:10px;padding:8px 10px;font-size:13px;display:flex}main.lp .lsn-item .mark{block-size:18px;inline-size:18px;box-shadow:inset 0 0 0 1.5px var(--app-border-strong);border-radius:50%;flex:none;place-items:center;margin-block-start:2px;display:grid}main.lp .lsn-item .mark svg{stroke-width:3px;block-size:11px;inline-size:11px}main.lp .lsn-item[data-state=done] .mark{background:var(--app-brand);color:var(--app-card);box-shadow:none}main.lp .lsn-item[data-state=current]{background:var(--app-primary-soft);color:var(--app-primary-soft-fg);font-weight:500}main.lp .lsn-item[data-state=current] .mark{background:var(--app-card);box-shadow:inset 0 0 0 5px var(--app-brand)}main.lp .lsn-item .t{flex-direction:column;flex:1;gap:2px;min-inline-size:0;line-height:1.4;display:flex}main.lp .lsn-item .sub{font-size:12px;font-weight:400}main.lp .lsn-item .kind{font-family:var(--latin);color:var(--app-muted);flex:none;align-items:center;gap:5px;margin-block-start:2px;font-size:12px;display:inline-flex}main.lp .lsn-item[data-state=current] .kind{color:inherit}main.lp .lsn-item .kind svg{block-size:14px;inline-size:14px}@media (width<=600px){main.lp .lsn-aside{border-inline-start:0;border-block-start:1px solid var(--app-border)}}main.lp .lsn-phone{flex-direction:column;min-block-size:560px;display:flex;position:relative}main.lp .lsn-phone-head{flex-direction:column;gap:4px;padding:14px 16px;font-size:15px;line-height:1.45;display:flex}main.lp .lsn-scrim{background:color-mix(in srgb, var(--app-fg), transparent 62%);position:absolute;inset:0}main.lp .lsn-sheet{background:var(--app-card);box-shadow:var(--app-shadow-md);border-start-start-radius:22px;border-start-end-radius:22px;flex-direction:column;gap:10px;padding:10px 14px 18px;display:flex;position:absolute;inset-block-end:0;inset-inline:0}main.lp .lsn-sheet .lsn-list{padding:0}main.lp .lsn-handle{border-radius:var(--r-pill);background:var(--app-border-strong);align-self:center;block-size:4px;inline-size:40px;margin-block-end:4px}main.lp .lp-mini>.ui-card{overflow:hidden}main.lp .lp-strip{aspect-ratio:auto;border-radius:0;place-items:start;block-size:132px;padding:16px 18px}main.lp .lp-strip-title{color:var(--app-dark-fg);opacity:.8;font-size:13px;font-weight:500}main.lp .lp-tabs{padding-inline:16px}@media (width<=400px){main.lp .lp-tabs{gap:12px;padding-inline:12px}}main.lp .lp-pane{flex-direction:column;gap:14px;padding:16px;display:flex}main.lp .lp-pane .lsn-composer{gap:16px}main.lp .lp-q{align-items:flex-start;gap:10px;line-height:1.7;display:flex}main.lp .lp-reply{border-radius:var(--app-r-lg);background:var(--app-surface-2);margin-inline-start:24px;padding:12px}main.lp .lp-q .ui-badge{vertical-align:middle;margin-inline-start:4px}main.lp .lp-course>.lsn-aside{border-inline-start:0;overflow:hidden}main.lp .lp-sides{--phone:28%;--phone-at:72%;--main-md:66%;--phone-md:36%;--phone-at-md:64%;--overlap:360px;--overlap-md:250px;--overlap-sm:-4px}main.lp .lp-sides .lsn-controls{padding-block-start:40px}main.lp .lp-sides .lsn-controls i.lp-prog{background:linear-gradient(to right, var(--app-brand) 63%, color-mix(in srgb, var(--app-dark-fg), transparent 72%) 0)}main.lp .lp-sides .lsn-col{padding-block-end:22px}main.lp .lp-wm-art>.ui-card{overflow:hidden}main.lp .lp-wm-stage{border-radius:0}main.lp .lp-wm-num{letter-spacing:.04em;color:var(--app-dark-fg);opacity:.5;direction:ltr;font-size:15px;position:absolute;inset-block-start:22%;inset-inline-start:12%}main.lp .lp-wm-num.ghost{opacity:.16;inset-block:auto 26%;inset-inline:auto 10%}main.lp .lp-wm-set{padding:14px 18px}main.lp .lp-lock{inline-size:100%;max-inline-size:360px}main.lp .ui.lp-frag{display:inline-flex}main.lp .lp-next{flex-direction:column;gap:2px;padding:10px 14px;display:flex}main.lp .lp-frag .ui-seg svg{block-size:14px;inline-size:14px}main.lp .lp-frag .ui-seg>*{padding-inline:10px}main.lp .sx-stack{--stack-zoom:.92;--stack-max-lg:520px}