.reading-bar-wrapper[data-v-b279a45e]{z-index:90;padding:0 16px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;transition:transform .35s cubic-bezier(.22,1,.36,1);position:fixed;bottom:0;left:0;right:0}@media (width>=640px){.reading-bar-wrapper[data-v-b279a45e]{padding:0 24px calc(16px + env(safe-area-inset-bottom,0px))}}.reading-bar--visible[data-v-b279a45e]{transform:translateY(0)}.reading-bar--hidden[data-v-b279a45e]{transform:translateY(calc(100% + 24px))}.reading-bar[data-v-b279a45e]{pointer-events:auto;background:color-mix(in srgb,var(--surface-color) 88%,transparent);-webkit-backdrop-filter:blur(24px)saturate(1.8);border:1px solid color-mix(in srgb,var(--border-color) 50%,transparent);border-radius:16px;align-items:center;gap:10px;max-width:480px;margin:0 auto;padding:8px 10px 8px 8px;display:flex;box-shadow:0 8px 32px #0000001a,0 1px 4px #0000000d}.reading-bar__cover[data-v-b279a45e]{border-radius:7px;flex-shrink:0;width:36px;height:48px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 8px #0000001f}.reading-bar__cover[data-v-b279a45e]:hover{transform:scale(1.05)}.reading-bar__cover-img[data-v-b279a45e]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.reading-bar__cover-placeholder[data-v-b279a45e]{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));width:100%;height:100%;color:var(--primary-color);justify-content:center;align-items:center;display:flex}.reading-bar__info[data-v-b279a45e]{cursor:pointer;flex-direction:column;flex:1;gap:1px;min-width:0;text-decoration:none;display:flex}.reading-bar__title[data-v-b279a45e]{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;line-height:1.3;transition:color .2s;overflow:hidden}.reading-bar__info:hover .reading-bar__title[data-v-b279a45e]{color:var(--primary-color)}.reading-bar__progress[data-v-b279a45e]{color:var(--text-secondary-color);opacity:.75;white-space:nowrap;font-size:10.5px;line-height:1.3}.reading-bar__actions[data-v-b279a45e]{flex-shrink:0;align-items:center;gap:6px;display:flex}.reading-bar__btn-continue[data-v-b279a45e]{color:#fff;background:var(--primary-button-background);white-space:nowrap;box-shadow:0 3px 10px color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:10px;align-items:center;gap:4px;padding:6px 12px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.reading-bar__btn-continue[data-v-b279a45e]:hover{box-shadow:0 5px 16px color-mix(in srgb,var(--primary-color) 40%,transparent);transform:translateY(-1px)}.reading-bar__btn-continue[data-v-b279a45e]:active{transform:translateY(0)}.reading-bar__btn-text[data-v-b279a45e]{line-height:1}.reading-bar__btn-library[data-v-b279a45e]{width:32px;height:32px;color:var(--text-secondary-color);background:color-mix(in srgb,var(--text-color) 6%,transparent);border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.reading-bar__btn-library[data-v-b279a45e]:hover{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,transparent)}.reading-bar--loading[data-v-b279a45e]{pointer-events:none}.reading-bar__cover-skeleton[data-v-b279a45e]{background:color-mix(in srgb,var(--text-color) 8%,transparent);border-radius:7px;flex-shrink:0;width:36px;height:48px;animation:1.5s ease-in-out infinite skeleton-pulse-b279a45e}.reading-bar__info-skeleton[data-v-b279a45e]{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.skeleton-line[data-v-b279a45e]{background:color-mix(in srgb,var(--text-color) 8%,transparent);border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse-b279a45e}.skeleton-line--title[data-v-b279a45e]{width:70%;height:12px}.skeleton-line--sub[data-v-b279a45e]{width:50%;height:10px;animation-delay:.15s}.reading-bar__btn-skeleton[data-v-b279a45e]{background:color-mix(in srgb,var(--text-color) 8%,transparent);border-radius:10px;flex-shrink:0;width:80px;height:28px;animation:1.5s ease-in-out .3s infinite skeleton-pulse-b279a45e}@keyframes skeleton-pulse-b279a45e{0%,to{opacity:1}50%{opacity:.4}}@media (width<=380px){.reading-bar[data-v-b279a45e]{gap:8px;padding:7px 8px 7px 7px}.reading-bar__btn-continue[data-v-b279a45e]{padding:6px 10px;font-size:11px}.reading-bar__btn-library[data-v-b279a45e]{width:30px;height:30px}.reading-bar__cover[data-v-b279a45e]{width:32px;height:43px}}