.reading-nav{z-index:30;--reading-progress:0;position:fixed;bottom:20px;left:16px}.reading-nav[hidden],.reading-nav [hidden]{display:none}.reading-nav .rail-toggle{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--heading);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;display:inline-flex}.reading-nav .rail-panel{border:1px solid var(--border);background:var(--surface);width:min(320px,100vw - 32px);box-shadow:var(--shadow-hover);border-radius:14px;padding:12px;display:none;position:absolute;bottom:56px;left:0}.reading-nav[data-expanded=true] .rail-panel{display:block}.reading-nav .rail-panel-head{color:var(--heading);justify-content:space-between;align-items:center;gap:12px;padding-left:8px;font-size:.9rem;display:flex}.reading-nav .rail-close{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;font-size:1.4rem}.reading-nav .rail-close:hover{color:var(--accent);background:var(--accent-soft)}.reading-nav .rail-list{scrollbar-width:thin;gap:4px;max-height:min(60vh,460px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.reading-nav .reading-link{min-height:44px;color:var(--text);border-radius:8px;align-items:center;text-decoration:none;display:flex;position:relative}.reading-nav .rail-pill{border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 10px;display:flex}.reading-nav .rail-mark{background:var(--border);border-radius:50%;flex-shrink:0;width:9px;height:9px}.reading-nav .rail-copy{gap:2px;min-width:0;display:grid}.reading-nav .rail-title{color:var(--heading);align-items:baseline;gap:7px;font-size:.82rem;font-weight:600;line-height:1.5;display:flex}.reading-nav .rail-title [data-reading-title]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reading-nav .rail-number{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}.reading-nav .rail-excerpt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.5;overflow:hidden}.reading-nav .reading-link:hover .rail-pill,.reading-nav .reading-link.is-active .rail-pill{background:var(--accent-soft)}.reading-nav .reading-link.is-active .rail-mark{background:var(--accent)}.reading-nav .rail-meter,.reading-nav .rail-preview{display:none}@media (width>=900px) and (any-hover:hover){.reading-nav{pointer-events:none;top:50%;bottom:auto;left:clamp(16px,2vw,32px);transform:translateY(-50%)}.reading-nav .rail-toggle,.reading-nav .rail-panel-head{display:none}.reading-nav .rail-panel{width:208px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative;bottom:auto;left:auto}.reading-nav .rail-list{max-height:calc(100vh - 150px);overflow-x:hidden}.reading-nav .reading-link{pointer-events:auto;width:44px;height:44px}.reading-nav .rail-pill{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;min-height:0;box-shadow:var(--shadow);border-radius:999px;flex-shrink:0;gap:10px;padding:4px 12px;transition:width .32s cubic-bezier(.16,1,.3,1),height .18s,border-color .18s,box-shadow .18s}.reading-nav .rail-mark{width:10px;height:10px}.reading-nav .rail-copy{opacity:0;flex-shrink:0;width:144px;transition:opacity .16s}.reading-nav .rail-title{font-size:.8rem;line-height:1.25}.reading-nav .rail-excerpt{font-size:.75rem;line-height:1.25}.reading-nav .rail-pill{overflow:hidden}.reading-nav .reading-link:hover .rail-pill,.reading-nav .reading-link:focus-visible .rail-pill{border-color:var(--accent-border);background:var(--surface);width:196px;height:44px;box-shadow:var(--shadow-hover)}.reading-nav .reading-link:hover .rail-copy,.reading-nav .reading-link:focus-visible .rail-copy{opacity:1}.reading-nav .reading-link.is-active .rail-pill{border-color:var(--accent);background:var(--surface)}.reading-nav .reading-link.is-active .rail-mark{box-shadow:0 0 0 3px var(--accent-soft)}.reading-nav .rail-meter{background:var(--border);z-index:-1;border-radius:2px;width:1px;display:block;position:absolute;top:22px;bottom:22px;left:18px;overflow:hidden}.reading-nav .rail-meter>span{background:var(--accent);width:100%;height:100%;transform:scaleY(var(--reading-progress));transform-origin:top;transition:transform .12s linear;display:block}.reading-nav--ticks .rail-panel{width:44px}.reading-nav--ticks .reading-link{height:28px;min-height:28px}.reading-nav--ticks .rail-pill,.reading-nav--ticks .reading-link:hover .rail-pill,.reading-nav--ticks .reading-link:focus-visible .rail-pill,.reading-nav--ticks .reading-link.is-active .rail-pill{width:36px;height:28px;min-height:28px;box-shadow:none;background:0 0;border:0;border-radius:4px;padding:0 8px}.reading-nav--ticks .rail-copy{display:none}.reading-nav--ticks .rail-mark{background:var(--border);border-radius:2px;width:16px;height:2px;transition:width .16s,background-color .16s}.reading-nav--ticks .reading-link.is-past .rail-mark{background:var(--muted)}.reading-nav--ticks .reading-link.is-active .rail-mark,.reading-nav--ticks .reading-link:hover .rail-mark,.reading-nav--ticks .reading-link:focus-visible .rail-mark{background:var(--accent);width:26px;box-shadow:none}.reading-nav--ticks .rail-meter{top:14px;bottom:14px;left:2px}.reading-nav--ticks .rail-preview:not([hidden]){border:1px solid var(--border);background:var(--surface);width:264px;box-shadow:var(--shadow-hover);pointer-events:none;border-radius:12px;gap:7px;padding:14px 16px;display:grid;position:absolute;left:52px}.reading-nav .rail-preview strong{color:var(--heading);font-size:.86rem;font-weight:600;line-height:1.5}.reading-nav .rail-preview>span{-webkit-line-clamp:3;color:var(--muted);-webkit-box-orient:vertical;font-size:.78rem;line-height:1.6;display:-webkit-box;overflow:hidden}}@media print{.reading-nav{display:none!important}}