.updates-page{min-height:100vh;padding:var(--spacing-8) var(--spacing-5)}.updates-page__content{max-width:1400px;margin:0 auto}.updates-page__header{margin-bottom:var(--spacing-8)}.updates-page__title{margin:0 0 var(--spacing-2) 0;font-family:var(--font-family-body);font-weight:var(--font-family-semi-bold);font-size:var(--font-size-4xl);line-height:var(--line-height-8);color:var(--color-primary-text)}.updates-page__subtitle{margin:0;font-family:var(--font-family-body);font-weight:var(--font-family-regular);font-size:var(--font-size-lg);line-height:var(--line-height-4);color:var(--color-secondary-text)}.updates-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-5)}@media (min-width:1100px){.updates-page__grid{grid-template-columns:repeat(5,1fr)}}.updates-page__error{color:#ff8b8b}.updates-page__empty,.updates-page__error{padding:var(--spacing-8);border-radius:var(--border-radius-2xl);background:rgba(255,255,255,.04);text-align:center}.updates-page__empty{color:var(--color-secondary-text)}.updates-page__pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-8)}.updates-page__pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-3);border:none;border-radius:var(--border-radius-lg);background:var(--color-white-08);color:var(--color-primary-text);font-family:var(--font-family-body);font-weight:var(--font-family-medium);font-size:var(--font-size-base);cursor:pointer;transition:background .2s ease,transform .2s ease}.updates-page__pagination-btn:hover:not(:disabled){background:var(--color-white-12);transform:translateY(-1px)}.updates-page__pagination-btn:disabled{opacity:.4;cursor:not-allowed}.updates-page__pagination-btn--active{background:var(--color-accent);color:var(--color-white)}.updates-page__pagination-btn--active:hover{background:var(--color-accent-hover)}.updates-page__pagination-btn--arrow{min-width:40px;padding:0}.updates-page__pagination-btn--arrow svg{width:20px;height:20px}.updates-page__pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:var(--color-secondary-text);font-family:var(--font-family-body);font-size:var(--font-size-base)}@media (max-width:834px){.updates-page{padding:var(--spacing-5) var(--spacing-4)}.updates-page__header{margin-bottom:var(--spacing-5)}.updates-page__title{font-size:var(--font-size-3xl);line-height:var(--line-height-7)}.updates-page__subtitle{font-size:var(--font-size-base)}.updates-page__grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.updates-page__pagination{margin-top:var(--spacing-6);gap:var(--spacing-1)}.updates-page__pagination-btn{min-width:36px;height:36px;font-size:var(--font-size-sm)}.updates-page__pagination-btn--arrow svg{width:18px;height:18px}.updates-page__pagination-ellipsis{min-width:36px;height:36px;font-size:var(--font-size-sm)}}@media (max-width:480px){.updates-page__grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.updates-page__grid .chapter-card{min-width:unset;max-width:unset;width:100%;gap:var(--spacing-1)}.updates-page__grid .chapter-card__cover{border-radius:var(--border-radius-lg)}.updates-page__grid .chapter-card__access-badge{padding:2px 4px;top:var(--spacing-1);left:var(--spacing-1)}.updates-page__grid .chapter-card__access-badge-text{font-size:6px}.updates-page__grid .chapter-card__chapter-badge{padding:2px 4px;bottom:var(--spacing-1);right:var(--spacing-1)}.updates-page__grid .chapter-card__chapter-number{font-size:8px}.updates-page__grid .chapter-card__info{gap:2px}.updates-page__grid .chapter-card__title{font-size:var(--font-size-xs);line-height:var(--line-height-1)}.updates-page__grid .chapter-card__subtitle{font-size:10px;line-height:var(--line-height-1)}.updates-page__grid .chapter-card-skeleton{min-width:unset;max-width:unset;width:100%;gap:var(--spacing-1)}.updates-page__grid .chapter-card-skeleton__cover{width:100%;height:auto;aspect-ratio:var(--a4-aspect-ratio);border-radius:var(--border-radius-lg)}.updates-page__grid .chapter-card-skeleton__info{width:100%;gap:2px}.updates-page__grid .chapter-card-skeleton__chapter-title,.updates-page__grid .chapter-card-skeleton__comic-title{height:var(--line-height-1)}}