.reading-showcase{min-width:0}.reading-showcase-heading{color:var(--tf-text-secondary);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:13px;display:flex}.reading-showcase-label{color:var(--tf-text);font-weight:600}.reading-demo{--reading-completed:#75838a;--reading-current:#087c68;--reading-next:#9a6a00;--reading-unread:#25333a;--reading-gutter:52px;color:#0f172a;background:#f6f9fd;border:1px solid #e3ebf5;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden;box-shadow:0 8px 24px #0f172a14}.reading-demo img{flex-shrink:0;width:16px;height:16px;display:block}.reading-demo-window-controls{display:flex}.reading-demo-window-controls>span{place-items:center;width:46px;font-style:normal;display:grid}.reading-demo-livebar{align-items:center;gap:16px;min-height:48px;padding:8px 16px;font-size:13px;line-height:1.5;display:flex}.reading-demo-session-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.reading-demo-live-status,.reading-demo-recognition,.reading-demo-floating{align-items:center;gap:6px;min-width:0;display:flex}.reading-demo-recognition{color:#53627a;background:#fff;border:1px solid #e3ebf5;border-radius:4px;width:250px;min-height:32px;padding:4px 10px}.reading-demo-recognition em{color:#94a3b8;margin-left:12px;font-style:normal}.reading-demo-floating{color:#1976dc;background:#f3f8ff;border:1px solid #bdd9f8;border-radius:4px;min-height:32px;padding:4px 8px}.reading-demo-reader{overscroll-behavior:contain;background:linear-gradient(90deg, #f6f9fd 0, #f7f9fc var(--reading-gutter), #fff var(--reading-gutter));scrollbar-color:#c2c9ce transparent;max-height:390px;overflow:auto}.reading-demo-reader h3{padding:20px 16px 14px calc(var(--reading-gutter) + 16px);color:#26343c;margin:0;font-size:20px;font-weight:650;line-height:1.5}.reading-demo-reader ol{margin:0;padding:0 0 24px;list-style:none}.reading-demo-unit{grid-template-columns:var(--reading-gutter) minmax(0, 1fr);width:100%;color:var(--reading-unread);text-align:left;background:0 0;border:0;align-items:stretch;margin:0;padding:0;font:400 20px/1.5 Segoe UI Variable Text,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;display:grid}.reading-demo-line-number{color:#929ca2;font-variant-numeric:tabular-nums;align-items:center;padding:0 10px 0 16px;font:11px/1 Cascadia Mono,Consolas,monospace;display:flex}.reading-demo-passage{overflow-wrap:anywhere;min-width:0;padding:8px 20px 8px 16px}.reading-demo-reader [data-state=completed]{color:var(--reading-completed)}.reading-demo-reader [data-state=current]{color:var(--reading-current)}.reading-demo-reader [data-state=current] .reading-demo-line-number{background:color-mix(in srgb, var(--reading-current) 14%, transparent);color:var(--reading-current)}.reading-demo-reader [data-state=current] .reading-demo-passage>span{background:color-mix(in srgb, var(--reading-current) 5%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}.reading-demo-reader [data-state=next]{color:var(--reading-next)}.reading-demo-reader:focus-visible{outline-offset:-2px;outline:2px solid #64748b}.reading-demo-session-bar{background:#fff;border-top:1px solid #e3ebf5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:52px;padding:6px 16px;font-size:13px;line-height:1.5;display:grid;position:relative}.reading-demo-static-control{border:1px solid;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:132px;min-height:32px;padding:6px 10px;display:inline-flex}.reading-demo-pause{color:#9a6700;background:#fffbeb;grid-column:1;justify-self:start}.reading-demo-stop{color:#b42318;background:#fef2f2;grid-column:3;justify-self:end}.reading-demo-session-state{color:#047857;white-space:nowrap;align-items:center;gap:8px;min-width:0;max-width:calc(100% - 280px);display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.reading-demo-session-state i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #0478571a}.reading-showcase-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.reading-demo-recognition{width:180px}.reading-demo-floating>span{display:none}}@media (width<=639px){.reading-showcase-heading{flex-direction:column;align-items:flex-start;gap:4px}.reading-demo{--reading-gutter:38px}.reading-demo-livebar{gap:8px;padding-inline:10px}.reading-demo-recognition{display:none}.reading-demo-line-number{padding-inline:10px 4px}.reading-demo-passage{padding-inline:12px}.reading-demo-reader h3{padding-left:calc(var(--reading-gutter) + 12px)}.reading-demo-session-bar{gap:8px;padding-inline:10px}.reading-demo-static-control{min-width:0;padding-inline:8px}.reading-demo-session-state{font-size:11px}.reading-demo-session-state i{display:none}}