.rail-wrap{isolation:isolate;z-index:1;margin-inline:0;position:relative;overflow:visible}.rail{--rail-gap:.75rem;--rail-slides-per-view:2.8;--rail-slides-per-group:2;gap:var(--rail-gap);scroll-snap-type:x mandatory;scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:.15rem 0 .35rem;scroll-padding-inline:0;display:flex;overflow:auto hidden}@media (min-width:640px){.rail:not(.library-list){--rail-slides-per-view:4.2;--rail-slides-per-group:4}}@media (min-width:1024px){.rail:not(.library-list){--rail-slides-per-view:5.5;--rail-slides-per-group:5}}.rail::-webkit-scrollbar{display:none}.rail.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.rail.is-dragging a,.rail.is-dragging button{pointer-events:none}.rail-card img,.shelf-card img,.author-follow-card img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.rail-nav{z-index:20;width:2.5rem;height:2.5rem;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;pointer-events:none;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:50%;place-items:center;padding:0;transition:opacity .18s,transform .18s,border-color .18s;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 15px -3px #0f172a1f,0 4px 6px -4px #0f172a1a}html[data-theme=dark] .rail-nav{color:#e2e8f0;background:#1e293be6;border-color:#334155}.rail-nav--prev{left:-1.25rem}.rail-nav--next{right:-1.25rem}.rail-wrap.is-scrollable .rail-nav:not([hidden]){display:grid}.rail-wrap:hover .rail-nav:not([hidden]),.rail-wrap:focus-within .rail-nav:not([hidden]){opacity:1;pointer-events:auto}@media (hover:none){.rail-wrap.is-scrollable .rail-nav:not([hidden]){opacity:1;pointer-events:auto}}.rail-nav[hidden]{display:none!important}.rail-nav:hover{border-color:color-mix(in srgb, var(--accent) 35%, #e2e8f0);transform:translateY(-50%)scale(1.05)}body.is-home .home-section-card{overflow:visible}body.is-home .home-section-card:has(.rail-wrap){overflow:visible}.section:has(>.rail-wrap){overflow:visible}.rail>.rail-card{flex:0 0 calc((100% - var(--rail-gap) * (var(--rail-slides-per-view) - 1)) / var(--rail-slides-per-view));scroll-snap-align:start;scroll-snap-stop:normal;color:inherit;gap:.28rem;min-width:0;max-width:none;text-decoration:none;transition:transform .2s;display:grid}.rail-card__cover-link{color:inherit;text-decoration:none;display:block}.rail-card__text{color:inherit;gap:0;text-decoration:none;display:grid}.rail-card__media{border-radius:.75rem;transition:box-shadow .3s ease-out;display:block;position:relative;overflow:hidden;box-shadow:0 8px 18px #14231c1f}.cover-bookmark-btn{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;touch-action:manipulation;background:#0006;border:0;border-radius:50%;place-items:center;width:1.85rem;height:1.85rem;margin:0;padding:0;transition:transform .15s,color .15s,background .15s;display:grid;position:absolute;top:.38rem;right:.38rem;box-shadow:0 2px 8px #0000002e}.rail-card__media .cover-bookmark-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0006}.rail-card__media .cover-bookmark-btn:hover{color:#fff;background:#0009;transform:scale(1.1)}.rail-card__media .cover-bookmark-btn.is-active{color:var(--accent);background:var(--palette-emerald-100);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 22%, transparent)}.rail-card__media .cover-bookmark-btn.is-active:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, #fff)}.cover-bookmark-btn__icon,.cover-bookmark-btn svg{width:1rem;height:1rem;display:block}.rail-card__progress{z-index:4;background:#00000059;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.rail-card__progress>i{background:var(--accent);height:100%;display:block}.rail-card--continue .rail-card__cover-link{position:relative}.rail-card__progress-badge{z-index:3;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0000009e;border-radius:6px;padding:.18rem .35rem;font-size:.62rem;font-weight:700;line-height:1.25;position:absolute;bottom:.45rem;left:.4rem;right:.4rem;overflow:hidden}.rail-card__resume-overlay{opacity:0;z-index:2;pointer-events:none;background:#00000038;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.rail-card--continue:hover .rail-card__resume-overlay,.rail-card--continue:focus-within .rail-card__resume-overlay{opacity:1}.rail-card__resume-play{width:2.4rem;height:2.4rem;color:var(--accent);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 14px #00000038}.rail-card__resume-play svg{width:1.1rem;height:1.1rem;margin-left:.12rem}.rail-card__resume{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.35;overflow:hidden}.reading-progress-tag{width:fit-content;max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#f0f2f1;border:1px solid #e5e8e6;border-radius:.375rem;place-self:start;align-items:center;margin-top:.15rem;padding:.25rem .5rem;font-size:.656rem;font-weight:600;line-height:1.15;display:inline-flex;overflow:hidden}html[data-theme=dark] .reading-progress-tag{background:color-mix(in srgb, var(--muted) 16%, var(--surface));border-color:var(--line);color:var(--muted)}.rail-card--empty{border:1px dashed color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:16px;flex:0 0 min(22rem,100%);align-content:center;gap:.65rem;min-height:11rem;padding:1.1rem 1.15rem;display:grid}.rail-card__empty-copy{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.rail-card__empty-cta{color:var(--accent);justify-self:start;font-size:.82rem;font-weight:700;text-decoration:none}.rail-card strong,.rail-card__title{-webkit-line-clamp:2;color:#0f172a;-webkit-box-orient:vertical;height:2.15rem;min-height:2.15rem;font-size:.86rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.rail-card__by{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.75rem;line-height:1.3;overflow:hidden}.rail-card__text .home-stat-inline{width:100%;margin-top:.35rem}.home-stat-inline--rail{margin:.35rem 0 0;font-size:.68rem}body.is-home .novel-carousel .rail-wrap{margin-left:calc(-1 * var(--home-gutter,.85rem));margin-bottom:.15rem;margin-right:0;padding-bottom:.25rem;overflow:visible}body.is-home .novel-carousel .rail{padding-left:var(--home-gutter,.85rem);padding-right:var(--home-gutter,.85rem);padding-top:0;padding-bottom:.85rem;scroll-padding-inline-start:var(--home-gutter,.85rem);scroll-padding-inline-end:var(--home-gutter,.85rem);overflow-y:visible}body.is-home .novel-carousel.home-section-card{padding-bottom:.5rem}@media (min-width:768px){body.is-home .novel-carousel .rail-wrap{margin-inline:0}body.is-home .novel-carousel .rail{padding-inline:0;scroll-padding-inline:0}}body.is-home .novel-carousel .rail-nav--prev{left:.35rem}body.is-home .novel-carousel .rail-nav--next{right:.35rem}@media (min-width:768px){body.is-home .novel-carousel .rail-nav--prev{left:-1.25rem}body.is-home .novel-carousel .rail-nav--next{right:-1.25rem}}body.is-home .novel-carousel .rail-card{gap:.45rem;padding-bottom:.15rem}body.is-home .novel-carousel .rail-card__title,body.is-home .novel-carousel .rail-card strong{color:#1e293b;height:2.1875rem;min-height:2.1875rem;margin:.5rem 0 0;font-size:.875rem;line-height:1.25}body.is-home .novel-carousel .rail-card__by{color:#64748b;margin-top:.2rem;font-size:.8125rem}@media (max-width:767.98px){body.is-home #hot .home-stat-inline__item--rating,body.is-home #free .home-stat-inline__item--rating,body.is-home #completed .home-stat-inline__item--rating{display:none}body.is-home #hot .home-stat-inline__item--rating+.home-stat-inline__item:before,body.is-home #free .home-stat-inline__item--rating+.home-stat-inline__item:before,body.is-home #completed .home-stat-inline__item--rating+.home-stat-inline__item:before{content:none;margin:0}}@media (hover:hover) and (pointer:fine){.rail-card:hover .rail-card__media{box-shadow:0 20px 25px -5px #0f172a2e,0 8px 10px -6px #0f172a1f}article.rail-card:hover .cover__img{transform:scale(1.05)}}html[data-theme=dark] body.is-home .novel-carousel .rail-card__title,html[data-theme=dark] body.is-home .novel-carousel .rail-card strong{color:#f1f5f9}html[data-theme=dark] body.is-home .novel-carousel .rail-card__by{color:#94a3b8}
