.featured-carousel{border-radius:1rem;width:100%;height:25rem;position:relative;overflow:hidden}@media (min-width:640px){.featured-carousel{border-radius:1.25rem;height:28rem}}@media (min-width:768px){.featured-carousel{border-radius:1.5rem;height:32rem}}@media (min-width:1024px){.featured-carousel{height:36rem}}.featured-carousel-slide{transition:all .7s;position:absolute;inset:0}.featured-carousel-slide.active{opacity:1;z-index:1}.featured-carousel-slide.inactive{opacity:0;z-index:0}.featured-carousel-image{object-fit:cover;width:100%!important;height:100%!important}.featured-carousel-gradient-top{z-index:2;pointer-events:none;background:linear-gradient(#0000,#0a0f1a99,#0a0f1a);position:absolute;inset:0}.featured-carousel-gradient-left{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0a0f1acc,#0000,#0000);position:absolute;inset:0}.featured-carousel-content{z-index:3;position:absolute;bottom:2rem;left:2rem;right:2rem}@media (min-width:768px){.featured-carousel-content{bottom:4rem;left:4rem;right:33.3333%}}.featured-carousel-badge{-webkit-backdrop-filter:blur(4px);color:var(--text-primary);background:#10b98133;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.featured-carousel-title{color:#fff;text-align:left;margin-bottom:1rem;font-size:1.875rem;font-weight:700;line-height:1.2}@media (min-width:768px){.featured-carousel-title{font-size:3rem}}.featured-carousel-description{color:#fffc;text-align:left;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}@media (min-width:768px){.featured-carousel-description{font-size:1rem}}.featured-carousel-button{background:var(--accent-primary);color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.featured-carousel-button:hover{background:#10b981e6;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.featured-carousel-nav-button{-webkit-backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;z-index:4;background:#0000004d;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.featured-carousel:hover .featured-carousel-nav-button{opacity:1}.featured-carousel-nav-button:hover{background:#00000080}.featured-carousel-nav-button.prev{left:1rem}.featured-carousel-nav-button.next{right:1rem}@media (min-width:640px){.featured-carousel-nav-button.prev{left:1.5rem}.featured-carousel-nav-button.next{right:1.5rem}}.featured-carousel-indicators{z-index:4;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.featured-carousel-indicator{cursor:pointer;background:#ffffff4d;border:none;border-radius:9999px;height:.375rem;padding:0;transition:all .2s}.featured-carousel-indicator:hover{background:#ffffff80}.featured-carousel-indicator.active{background:var(--accent-primary);width:2rem}.featured-carousel-indicator:not(.active){width:.375rem}@media (max-width:640px){.featured-carousel-content{bottom:1.5rem;left:1.5rem;right:1.5rem}.featured-carousel-title{font-size:1.5rem}.featured-carousel-description{font-size:.8125rem}.featured-carousel-nav-button{width:2rem;height:2rem}}
.trending-section{width:100%}.trending-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.trending-title-wrapper{align-items:center;gap:.5rem;display:flex}.trending-title-accent{background:linear-gradient(to bottom, var(--warning), var(--status-hiatus));border-radius:9999px;width:.25rem;height:1.5rem}.trending-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;line-height:1.2;display:flex}.trending-title-icon{width:1.5rem;height:1.5rem;color:var(--warning)}.trending-scroll-buttons{align-items:center;gap:.5rem;display:none}@media (min-width:768px){.trending-scroll-buttons{display:flex}}.trending-scroll-button{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.trending-scroll-button:hover{background:var(--card-bg-hover);color:var(--text-primary)}.light .trending-scroll-button:hover{background:var(--card-bg-hover)}.trending-scroll-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem;overflow:auto hidden}.trending-scroll-container::-webkit-scrollbar{display:none}.trending-scroll-wrapper{gap:1rem;padding-right:1rem;display:flex}.trending-card{cursor:pointer;width:8rem;color:inherit;scroll-snap-align:start;aspect-ratio:2/3;background:linear-gradient(to bottom right,#ffffff0d,#ffffff05);border-radius:.5rem;flex-shrink:0;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}@media (min-width:640px){.trending-card{width:9rem}}.trending-card:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #fbbf2433}.trending-card-image-wrapper{aspect-ratio:2/3;background:linear-gradient(to bottom right,#ffffff0d,#ffffff05);width:100%;height:100%;position:relative}.trending-card-image{object-fit:cover;transition:transform .5s}.trending-card:hover .trending-card-image{transform:scale(1.1)}.trending-card-gradient{pointer-events:none;background:linear-gradient(#0000,#0000004d,#000c);position:absolute;inset:0}.trending-card-rank{color:#fff;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.5rem;left:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.trending-card-rank.top-three{background:linear-gradient(to bottom right,#fbbf24,#f97316)}.trending-card-rank.other{-webkit-backdrop-filter:blur(4px);background:linear-gradient(to bottom right,#fff3,#ffffff1a)}.trending-card-title-overlay{padding:.5rem;position:absolute;bottom:0;left:0;right:0}.trending-card-title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;color:#fff;text-align:left;-webkit-box-orient:vertical;font-size:.75rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:640px){.trending-title{font-size:1.25rem}.trending-title-icon{width:1.25rem;height:1.25rem}.trending-card{width:7rem}.trending-card-title{font-size:.6875rem}}
.latest-updates-section{width:100%}.latest-updates-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.latest-updates-title-wrapper{align-items:center;gap:.5rem;display:flex}.latest-updates-title-accent{background:linear-gradient(to bottom, var(--success), var(--accent-primary-hover));border-radius:9999px;width:.25rem;height:1.5rem}.latest-updates-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.latest-updates-view-toggle{border:1px solid var(--border-subtle);background:var(--card-bg);border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem;display:flex}.light .latest-updates-view-toggle{background:var(--card-bg);border-color:var(--border-subtle)}.latest-updates-view-button{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.latest-updates-view-button:hover{color:var(--text-primary);background:var(--card-bg-hover)}.light .latest-updates-view-button:hover{background:var(--card-bg-hover)}.latest-updates-view-button.active,.latest-updates-view-button.active:hover{background:var(--success);color:var(--primary-foreground)}.latest-updates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:640px){.latest-updates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.latest-updates-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.latest-updates-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1280px){.latest-updates-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.latest-updates-card{background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.latest-updates-card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.latest-updates-card-image-link{color:inherit;text-decoration:none;display:block}.latest-updates-card-image-wrapper{aspect-ratio:2/3;background:linear-gradient(to bottom right,#ffffff0d,#ffffff05);border-radius:.75rem;margin-bottom:.75rem;position:relative;overflow:hidden}.latest-updates-card-image{object-fit:cover;transition:transform .5s}.latest-updates-card:hover .latest-updates-card-image{transform:scale(1.1)}.latest-updates-card-glow{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 30px #10b9814d}.latest-updates-card:hover .latest-updates-card-glow{opacity:1}.latest-updates-card-badge{background:var(--success);color:var(--primary-foreground);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;position:absolute;top:.5rem;right:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.latest-updates-card-content{padding:0 .25rem}.latest-updates-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.latest-updates-card-title-link{min-width:0;color:inherit;flex:1;text-decoration:none}.latest-updates-card-title{color:var(--text-primary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:600;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.latest-updates-card-title-link:hover .latest-updates-card-title{color:var(--primary)}.latest-updates-chapter-list{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.latest-updates-chapter-row{border-radius:var(--radius-md);color:var(--text-primary);justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.75rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.latest-updates-chapter-row:hover{background:var(--card-bg-hover);color:var(--primary)}.latest-updates-chapter-label{flex-shrink:0;font-weight:600}.latest-updates-chapter-date{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.latest-updates-card-favorite{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.latest-updates-card-favorite:hover{color:var(--error);transform:scale(1.1)}.latest-updates-card-favorite.active{color:var(--error)}.latest-updates-card-favorite.active svg{fill:var(--error)}.latest-updates-list-item{background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:stretch;gap:1rem;padding:.75rem;transition:box-shadow .2s,border-color .2s;display:flex}.latest-updates-list-item-image-link{flex-shrink:0;text-decoration:none}.latest-updates-list-chapter-list{flex-direction:column;gap:.25rem;margin-top:.375rem;display:flex}.latest-updates-list-chapter-row{color:var(--text-primary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.75rem;text-decoration:none;transition:color .2s;display:flex}.latest-updates-list-chapter-row:hover{color:var(--primary)}.latest-updates-list-chapter-row .latest-updates-chapter-date{margin-left:auto}.latest-updates-card-update-time{color:#10b981b3;margin-top:.25rem;font-size:.75rem}.latest-updates-list{flex-direction:column;gap:.75rem;display:flex}.latest-updates-list-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.latest-updates-list-item-image{border-radius:.5rem;flex-shrink:0;width:4rem;height:6rem;position:relative;overflow:hidden}.latest-updates-list-item-image img{object-fit:cover}.latest-updates-list-item-content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.latest-updates-list-item-badge{background:var(--success);color:var(--primary-foreground);border-radius:.25rem;width:fit-content;margin-bottom:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.latest-updates-list-item-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.4;transition:color .2s}.latest-updates-list-item:hover .latest-updates-list-item-title{color:var(--success)}.latest-updates-list-item-chapter{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.latest-updates-list-item-update-time{color:#10b981b3;margin-top:.25rem;font-size:.75rem}.latest-updates-list-item-favorite{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.latest-updates-list-item-favorite:hover{color:var(--error);transform:scale(1.1)}.latest-updates-list-item-favorite.active{color:var(--error)}.latest-updates-list-item-favorite.active svg{fill:var(--error)}.latest-updates-pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.latest-updates-pagination-button{color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-subtle);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.light .latest-updates-pagination-button{background:var(--card-bg);border-color:var(--border-subtle)}.latest-updates-pagination-button:hover:not(:disabled){background:var(--card-bg-hover);color:var(--text-primary)}.light .latest-updates-pagination-button:hover:not(:disabled){background:var(--card-bg-hover)}.latest-updates-pagination-button:disabled{opacity:.3;cursor:not-allowed}.latest-updates-pagination-numbers{align-items:center;gap:.25rem;display:flex}.latest-updates-pagination-number{width:2.25rem;height:2.25rem;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-subtle);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.light .latest-updates-pagination-number{background:var(--card-bg);border-color:var(--border-subtle)}.latest-updates-pagination-number:hover{background:var(--card-bg-hover);color:var(--text-primary)}.light .latest-updates-pagination-number:hover{background:var(--card-bg-hover)}.latest-updates-pagination-number.active,.latest-updates-pagination-number.active:hover{background:var(--success);color:var(--primary-foreground)}.latest-updates-pagination-ellipsis{color:var(--text-muted);padding:0 .5rem}@media (max-width:640px){.latest-updates-title{font-size:1.25rem}.latest-updates-card-title{font-size:.8125rem}.latest-updates-list-item{gap:.75rem;padding:.625rem}.latest-updates-list-item-image{width:3.5rem;height:5rem}.latest-updates-list-item-title{font-size:.875rem}}
.home-container{max-width:100%;margin:0 auto;padding:1.5rem 1rem}@media (min-width:640px){.home-container{padding:2rem 1.5rem}}@media (min-width:768px){.home-container{padding:2rem}}@media (min-width:1024px){.home-container{max-width:1400px;padding:2rem 3rem}}@media (min-width:1280px){.home-container{padding:2rem 4rem}}.home-featured-wrapper{margin-bottom:2rem}@media (min-width:768px){.home-featured-wrapper{margin-bottom:3rem}}.home-section{margin-bottom:3rem}@media (min-width:768px){.home-section{margin-bottom:4rem}}.home-section:last-child{margin-bottom:0}