.comics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));column-gap:var(--spacing-5);row-gap:var(--spacing-5);max-width:1400px;margin:0}@media (min-width:1100px){.comics-grid{grid-template-columns:repeat(5,1fr)}}.comics-grid-empty,.comics-grid-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;gap:1rem}.comics-grid-empty p,.comics-grid-error p{color:var(--color-secondary-text);font-size:18px;margin:0}.comics-grid-error p{color:#dc3545}.comics-grid .comic-card__genres .genre-pill{border-radius:4px}.comics-grid .comic-card-skeleton{min-width:unset;max-width:unset;width:100%}@media (max-width:834px){.comics-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);row-gap:var(--spacing-3)}}@media (max-width:480px){.comics-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);row-gap:var(--spacing-2)}.comics-grid .comic-card{min-width:unset;max-width:unset;width:100%;gap:var(--spacing-1)}.comics-grid .comic-card__cover{border-radius:var(--border-radius-lg)}.comics-grid .comic-card__favorite-badge{width:var(--spacing-6);height:var(--spacing-6);padding:var(--spacing-1);top:var(--spacing-1);right:var(--spacing-1)}.comics-grid .comic-card__rating-banner{display:none}.comics-grid .comic-card__info{gap:var(--spacing-1)}.comics-grid .comic-card__genres{gap:2px}.comics-grid .comic-card__genres .genre-pill{font-size:8px;padding:2px 6px}.comics-grid .comic-card__title{font-size:var(--font-size-xs);line-height:var(--line-height-1);min-height:calc(var(--line-height-1) * 2)}.comics-grid .comic-card__rating-display{font-size:10px}.comics-grid .comic-card__rating-icon{width:12px;height:12px}.comics-grid .comic-card-skeleton{gap:var(--spacing-1)}.comics-grid .comic-card-skeleton__cover{width:100%;height:auto;aspect-ratio:var(--a4-aspect-ratio);border-radius:var(--border-radius-lg)}.comics-grid .comic-card-skeleton__info{width:100%;gap:var(--spacing-1)}.comics-grid .comic-card-skeleton__genres{gap:2px}.comics-grid .comic-card-skeleton__genres .skeleton{height:14px;width:40px}.comics-grid .comic-card-skeleton__genres .skeleton:nth-child(2){width:35px}.comics-grid .comic-card-skeleton__meta .skeleton:last-child{width:30px;height:12px}.comics-grid .comic-card-skeleton__title{height:calc(var(--line-height-1) * 2)}}.comic-grid-controls{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4);width:100%}.comic-grid-controls__title{width:100%;min-height:40px}.comic-grid-controls__heading{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-3xl);line-height:var(--line-height-7);font-weight:var(--font-family-semi-bold);color:var(--color-primary-text)}.comic-grid-controls__controls{width:100%;flex-wrap:nowrap;gap:var(--spacing-4);justify-content:space-between}.comic-grid-controls__controls,.comic-grid-controls__left,.comic-grid-controls__right{display:flex;align-items:center}.comic-grid-controls__right{gap:var(--spacing-3)}.comic-grid-controls__periods{position:relative}.comic-grid-controls__dropdown-trigger{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);border:none;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-sm);line-height:var(--line-height-2);cursor:pointer;transition:background .2s ease}.comic-grid-controls__dropdown-trigger:hover{background:var(--color-white-12)}.comic-grid-controls__dropdown-arrow{transition:transform .2s ease}.comic-grid-controls__dropdown-arrow.is-open{transform:rotate(180deg)}.comic-grid-controls__dropdown-menu{position:absolute;top:calc(100% + var(--spacing-1));left:0;min-width:120px;background:var(--color-background);border:1px solid var(--color-white-12);border-radius:var(--border-radius-lg);padding:var(--spacing-1-5);z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.3)}.comic-grid-controls__dropdown-option{display:block;width:100%;padding:var(--spacing-1-5) var(--spacing-3);border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--color-secondary-text);font-family:var(--font-family-body);font-weight:var(--font-family-medium);font-size:var(--font-size-sm);line-height:var(--line-height-2);text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.comic-grid-controls__dropdown-option:hover{background:var(--color-white-08);color:var(--color-primary-text)}.comic-grid-controls__dropdown-option.is-active{background:var(--color-primary-text);color:var(--color-background)}.comic-grid-controls__filter-item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.comic-grid-controls__filter-item--clickable{background:none;border:none;padding:0;cursor:pointer}.comic-grid-controls__filter-label{color:var(--color-primary-text);font-family:var(--font-family-body);font-weight:var(--font-family-medium);font-size:var(--font-size-sm);line-height:var(--line-height-2)}.comic-grid-controls__switch{width:36px;height:20px;border-radius:var(--border-radius-full);border:none;background:var(--color-white-08);padding:0;position:relative;cursor:pointer;transition:background .2s ease}.comic-grid-controls__switch-handle{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--border-radius-full);transition:transform .2s ease}.comic-grid-controls__switch-handle,.comic-grid-controls__switch.is-active{background:var(--color-primary-text)}.comic-grid-controls__switch.is-active .comic-grid-controls__switch-handle{transform:translateX(16px);background:var(--color-background)}.comic-grid-controls__filter-pill{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);border:none;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-sm);line-height:var(--line-height-2);cursor:pointer;transition:background .2s ease,color .2s ease}.comic-grid-controls__filter-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.comic-grid-controls__filter-icon img{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(93%) sepia(6%) saturate(215%) hue-rotate(288deg) brightness(108%) contrast(94%)}.comic-grid-controls__filter-pill.is-active{background:var(--color-primary-text);color:var(--color-background)}.comic-grid-controls__filter-pill.is-active .comic-grid-controls__filter-icon img{filter:brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(1077%) hue-rotate(259deg) brightness(92%) contrast(86%)}@media (max-width:834px){.comic-grid-controls{gap:var(--spacing-3)}.comic-grid-controls__title{display:flex;justify-content:flex-start;align-items:center}.comic-grid-controls__heading{text-align:left}.comic-grid-controls__controls{gap:var(--spacing-2)}.comic-grid-controls__dropdown-trigger,.comic-grid-controls__filter-pill{padding:6px 10px;font-size:13px;gap:4px}.comic-grid-controls__dropdown-arrow{width:10px;height:10px}.comic-grid-controls__filter-label{font-size:13px}.comic-grid-controls__filter-item{gap:6px}.comic-grid-controls__switch{width:32px;height:18px}.comic-grid-controls__switch-handle{width:14px;height:14px}.comic-grid-controls__switch.is-active .comic-grid-controls__switch-handle{transform:translateX(14px)}.comic-grid-controls__right{gap:6px}.comic-grid-controls__filter-icon{width:12px;height:12px}.comic-grid-controls__filter-icon img{width:10px;height:10px}}.genre-grid-controls{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4);width:100%}.genre-grid-controls__title{width:100%;min-height:40px}.genre-grid-controls__heading{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-3xl);line-height:var(--line-height-7);font-weight:var(--font-family-semi-bold);color:var(--color-primary-text)}.genre-grid-controls__controls{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-10);flex-wrap:nowrap;min-width:0}.genre-grid-controls__genres{position:relative;display:flex;flex:1 1 auto;min-height:44px;isolation:isolate;min-width:0;overflow:hidden}.genre-grid-controls__genres-track{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-right:112px;box-sizing:border-box;scrollbar-width:none;width:100%;cursor:grab}.genre-grid-controls__genres-track::-webkit-scrollbar{display:none}.genre-grid-controls__genres-track.is-dragging{cursor:grabbing}.genre-grid-controls__genres-placeholder{color:#c0aab0;font-size:16px}.genre-grid-controls__genre-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;border:none;cursor:pointer;background:rgba(255,255,255,.08);color:#c0aab0;font-size:16px;font-weight:500;white-space:nowrap;transition:background .2s ease,color .2s ease}.genre-grid-controls__genre-pill.is-active{background:#f5f2f3;color:#1e1920}.genre-grid-controls__genre-pill:focus-visible{outline:2px solid #f5f2f3;outline-offset:2px}.genre-grid-controls__fade{position:absolute;right:0;top:0;bottom:0;width:120px;background:linear-gradient(270deg,#1e1920,rgba(30,25,32,0));pointer-events:none;z-index:1}.genre-grid-controls__more{position:absolute;right:12px;top:50%;transform:translateY(-50%);min-width:33px;height:24px;border-radius:999px;background:rgba(255,255,255,.08);color:#f5f2f3;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.genre-grid-controls__filters{display:flex;align-items:center;gap:var(--spacing-6);flex-wrap:nowrap;flex-shrink:0}.genre-grid-controls__filter-item{display:inline-flex;align-items:center;gap:var(--spacing-2)}.genre-grid-controls__filter-label{color:var(--color-primary-text);font-family:var(--font-family-body);font-weight:var(--font-family-medium);font-size:var(--font-size-base);line-height:var(--line-height-3)}.genre-grid-controls__switch{width:44px;height:24px;border-radius:var(--border-radius-full);border:none;background:var(--color-white-08);padding:0;position:relative;cursor:pointer;transition:background .2s ease}.genre-grid-controls__switch-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--border-radius-full);transition:transform .2s ease}.genre-grid-controls__switch-handle,.genre-grid-controls__switch.is-active{background:var(--color-primary-text)}.genre-grid-controls__switch.is-active .genre-grid-controls__switch-handle{transform:translateX(20px);background:var(--color-background)}.genre-grid-controls__filter-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-5);border-radius:var(--border-radius-full);border:none;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);line-height:var(--line-height-3);cursor:pointer;transition:background .2s ease,color .2s ease}@media (max-width:1024px){.genre-grid-controls__controls{flex-direction:column;gap:var(--spacing-2)}.genre-grid-controls__filters{width:100%;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between}.genre-grid-controls__genres{width:100%}}.genre-grid-controls__filter-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.genre-grid-controls__filter-icon img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(93%) sepia(6%) saturate(215%) hue-rotate(288deg) brightness(108%) contrast(94%)}.genre-grid-controls__filter-pill.is-active{background:var(--color-primary-text);color:var(--color-background)}.genre-grid-controls__filter-pill.is-active .genre-grid-controls__filter-icon img{filter:brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(1077%) hue-rotate(259deg) brightness(92%) contrast(86%)}@media (max-width:834px){.genre-grid-controls{gap:var(--spacing-4)}.genre-grid-controls__title{display:flex;justify-content:center;align-items:center}.genre-grid-controls__heading{text-align:center}.genre-grid-controls__filter-pill{padding:var(--spacing-1-5) var(--spacing-3)}}.comic-header{position:relative;display:flex;flex-direction:column;border-radius:0;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:0;animation:fadeInUp .6s ease;min-height:auto;padding-bottom:var(--spacing-2)}.comic-header__background{position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(11.5px);-webkit-backdrop-filter:blur(11.5px);background:linear-gradient(180deg,rgba(30,25,32,0) 0,rgba(30,25,32,.3) 20%,rgba(30,25,32,.6) 50%,rgba(30,25,32,.85) 80%,var(--color-background) 92%,var(--color-background) 100%);z-index:1}.light .comic-header__background{background:linear-gradient(180deg,rgba(245,242,243,0) 0,rgba(245,242,243,.3) 20%,rgba(245,242,243,.6) 50%,rgba(245,242,243,.85) 80%,var(--color-background) 92%,var(--color-background) 100%)}.comic-header__content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:var(--spacing-6);max-width:1200px;margin:0 auto;width:100%}.comic-header__main{display:flex;gap:2rem;align-items:stretch;flex:1 1}.comic-cover-large{flex-shrink:0}.comic-banner-mobile{display:none}.cover-image-large{width:300px;max-width:100%;aspect-ratio:210/297;background:var(--color-white-04);border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,.45);border:1px solid var(--color-white-08)}.light .cover-image-large{box-shadow:0 12px 24px rgba(0,0,0,.15)}.comic-info-detailed{flex:1 1;display:flex;flex-direction:column;position:relative}.comic-title-row{display:flex;gap:1rem;align-items:flex-start;justify-content:flex-start;flex:1 1;min-height:0}.comic-title-row__title-wrapper{display:flex;flex-direction:column;gap:.5rem;flex:1 1;position:relative;justify-content:space-between;height:100%}.comic-header__content-wrapper{display:flex;flex-direction:column;gap:.5rem}.comic-header__content-wrapper .comic-header__description{margin-top:var(--spacing-4)}.comic-header__genre-rating-row{display:flex;align-items:center;gap:10px;width:100%}.comic-header__rating{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;font-size:var(--font-size-xs);line-height:var(--line-height-1);letter-spacing:0;color:var(--color-primary-text)}.comic-header__genre-pills{display:flex;gap:10px;justify-content:flex-start;align-items:flex-start}.comic-header__genre-pill{width:fit-content;height:20px;border-radius:var(--border-radius-DEFAULT);padding:.125rem .5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;font-size:11px;line-height:14px;letter-spacing:.03em;text-transform:uppercase}.comic-info-detailed h1{color:var(--color-primary-text);font-weight:600;font-size:var(--font-size-5xl);line-height:var(--line-height-8);letter-spacing:0}.comic-header__author-line,.comic-info-detailed h1{margin:0;margin-top:var(--spacing-2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.comic-header__author-line{font-weight:400;font-size:var(--font-size-sm);line-height:var(--line-height-2);color:rgba(255,255,255,.7)}.comic-header__description{margin-top:var(--spacing-4)}.comic-header__description .comic-description-detailed{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;font-size:var(--font-size-sm);line-height:var(--line-height-2);letter-spacing:0;color:var(--color-secondary-text);margin:0}.comic-header__actions{display:flex;gap:var(--spacing-8)}.comic-header__button{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--border-radius-full);gap:12px;padding:var(--spacing-4) var(--spacing-8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:var(--font-size-base);line-height:var(--line-height-3);letter-spacing:0;color:var(--color-primary-text);cursor:pointer;transition:opacity .2s ease,transform .2s ease;opacity:1}.comic-header__button:hover{transform:translateY(-1px)}.comic-header__button:active{transform:translateY(0)}.comic-header__button--primary{height:56px;padding:0 var(--spacing-8);background-color:var(--color-accent,#D40000);white-space:nowrap}.comic-header__button--secondary{height:56px;padding:0 var(--spacing-8);background-color:var(--color-white-08);white-space:nowrap}.comic-header__button--secondary.is-favorite{background-color:var(--color-accent);color:var(--color-white)}.comic-header__button--secondary.is-favorite:hover{background-color:var(--color-accent-hover)}.comic-header__bottom-row{display:flex;align-items:flex-start;gap:var(--spacing-6);margin-top:var(--spacing-4);padding-bottom:var(--spacing-4)}@media (max-width:1024px){.comic-header__content{padding:var(--spacing-4)}.comic-header__main{flex-direction:column;text-align:left;gap:1.5rem}.comic-cover-large{display:none}.comic-banner-mobile{display:block;width:100%;position:relative;border-radius:var(--border-radius-lg);overflow:hidden;animation:bannerTilt 8s ease-in-out infinite;transform-style:preserve-3d;perspective:1000px}.banner-image-mobile{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.comic-banner-mobile:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent,transparent 40%,rgba(255,255,255,.08) 48%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 52%,transparent 60%,transparent);background-size:200% 100%;z-index:1;pointer-events:none;animation:bannerShine 4s ease-in-out infinite}@keyframes bannerTilt{0%,to{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}25%{transform:perspective(1000px) rotateX(1deg) rotateY(-1.5deg)}50%{transform:perspective(1000px) rotateX(-.5deg) rotateY(1deg)}75%{transform:perspective(1000px) rotateX(.5deg) rotateY(-.5deg)}}@keyframes bannerShine{0%{background-position:100% 0}to{background-position:-100% 0}}.comic-banner-mobile__gradient{position:absolute;bottom:0;left:0;right:0;height:95%;background:linear-gradient(0deg,rgba(30,25,32,.95) 0,rgba(30,25,32,.6) 50%,rgba(30,25,32,0));pointer-events:none}.light .comic-banner-mobile__gradient{background:linear-gradient(0deg,rgba(245,242,243,.95) 0,rgba(245,242,243,.6) 50%,rgba(245,242,243,0))}.comic-banner-mobile__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.comic-banner-mobile__genre-rating{display:flex;align-items:center;gap:var(--spacing-4)}.comic-banner-mobile__title{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:var(--font-size-2xl);line-height:var(--line-height-6);color:var(--color-primary-text)}.comic-header__genre-rating-row,.comic-info-detailed h1{display:none}.comic-info-detailed .comic-header__author-line{display:block;margin-top:0;margin-bottom:var(--spacing-3);font-size:var(--font-size-xs)}.comic-title-row{justify-content:flex-start}.comic-header__description .comic-description-detailed{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;font-size:var(--font-size-sm);line-height:var(--line-height-2);letter-spacing:0}.comic-header__content-wrapper{gap:var(--spacing-4)}.comic-header__content-wrapper .comic-header__description{margin-top:0}.comic-header__actions{flex-direction:column;width:100%;gap:var(--spacing-2)}.comic-header__button{width:370px;max-width:100%;height:40px;padding:var(--spacing-2-5) var(--spacing-5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:var(--font-size-sm);line-height:var(--line-height-2);letter-spacing:0}.comic-header__bottom-row{flex-direction:column;gap:var(--spacing-4);padding-bottom:var(--spacing-4)}}@media (max-width:480px){.comic-header__button,.comic-header__button--primary,.comic-header__button--secondary{width:100%}}.comic-header-skeleton{position:relative;display:flex;flex-direction:column;min-height:auto;padding-bottom:var(--spacing-2)}.comic-header-skeleton__background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.02) 50%,var(--color-background) 92%,var(--color-background) 100%);z-index:1}.comic-header-skeleton__content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:var(--spacing-6);max-width:1200px;margin:0 auto;width:100%}.comic-header-skeleton__main{display:flex;gap:2rem;align-items:stretch;flex:1 1}.comic-header-skeleton__cover-large{flex-shrink:0}.comic-header-skeleton__cover-image{width:300px;aspect-ratio:210/297;border-radius:8px}.comic-header-skeleton__banner-mobile{display:none}.comic-header-skeleton__info{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-2)}.comic-header-skeleton__meta-row{display:flex;align-items:center;gap:10px}.comic-header-skeleton__title{width:60%;height:48px;margin-top:var(--spacing-2)}.comic-header-skeleton__description{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4)}.comic-header-skeleton__actions{display:flex;gap:var(--spacing-8);margin-top:var(--spacing-4)}.comic-header-skeleton__button-primary{width:170px;height:56px}.comic-header-skeleton__button-secondary{width:238px;height:56px}@media (max-width:1024px){.comic-header-skeleton__content{padding:var(--spacing-4)}.comic-header-skeleton__main{flex-direction:column;gap:1.5rem}.comic-header-skeleton__cover-large{display:none}.comic-header-skeleton__banner-mobile{display:block;width:100%;position:relative;border-radius:var(--border-radius-lg);overflow:hidden}.comic-header-skeleton__banner-image{width:100%;aspect-ratio:16/9;border-radius:var(--border-radius-lg)}.comic-header-skeleton__banner-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2);background:linear-gradient(0deg,rgba(30,25,32,.95) 0,rgba(30,25,32,.6) 50%,rgba(30,25,32,0))}.comic-header-skeleton__banner-meta{display:flex;align-items:center;gap:var(--spacing-4)}.comic-header-skeleton__meta-row,.comic-header-skeleton__title{display:none}.comic-header-skeleton__info{gap:var(--spacing-4)}.comic-header-skeleton__description{margin-top:0}.comic-header-skeleton__actions{flex-direction:column;width:100%;gap:var(--spacing-2);margin-top:0}.comic-header-skeleton__button-primary,.comic-header-skeleton__button-secondary{width:370px;max-width:100%;height:40px}}@media (max-width:480px){.comic-header-skeleton__button-primary,.comic-header-skeleton__button-secondary{width:100%}}.chapters-section{padding-top:1.5rem;margin:1.5rem 0}.chapters-section h2{margin-bottom:1.5rem;color:#ffffff;font-size:24px}.no-chapters{text-align:center;color:#b3b3b3;font-size:18px;padding:3rem;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.35)}.chapters-list{display:flex;flex-direction:column;gap:0}a.chapter-item{text-decoration:none;color:inherit}.chapter-item{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:48px;padding:var(--spacing-4);padding-top:var(--spacing-6);border-top:2px solid rgba(255,255,255,.06);min-height:156px;cursor:pointer;border-radius:var(--border-radius-lg);margin:0 calc(var(--spacing-2) * -1);padding-left:var(--spacing-4);padding-right:var(--spacing-4);transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;outline:none}.chapter-item:first-child{border-top:none;padding-top:var(--spacing-4)}.chapter-item__hover-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:4px;height:60%;background:var(--color-accent,#e50914);border-radius:0 4px 4px 0;transition:transform .2s ease}.chapter-item:hover{background-color:var(--color-hover-bg,rgba(255,255,255,.04))}.chapter-item:hover .chapter-item__hover-indicator{transform:translateY(-50%) scaleY(1)}.chapter-item:hover .chapter-cover{transform:scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.45)}.chapter-item:hover .chapter-title{color:var(--color-accent,#e50914)}.chapter-item:hover .chapter-read-badge{background-color:var(--color-accent,#e50914);color:#fff}.chapter-item:focus-visible{background-color:var(--color-hover-bg,rgba(255,255,255,.04));box-shadow:0 0 0 2px var(--color-accent,#e50914)}.chapter-item:focus-visible .chapter-item__hover-indicator{transform:translateY(-50%) scaleY(1)}.chapter-item:active{transform:scale(.995);background-color:var(--color-active-bg,rgba(255,255,255,.06))}.chapter-item.locked:hover{background-color:var(--color-hover-bg,rgba(255,255,255,.03))}.chapter-item.locked:hover .chapter-item__hover-indicator{background:var(--color-secondary-text,#888)}.chapter-item.locked:hover .chapter-title{color:var(--color-primary-text)}.chapter-cover{position:relative;width:240px;height:156px;min-width:240px;min-height:156px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 30px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.chapter-cover__image,.chapter-cover__placeholder{width:100%;height:100%;border-radius:inherit}.chapter-cover__image{display:block}.chapter-cover__image.image-container{width:100%;height:100%}.chapter-cover__image .image-container__img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.chapter-cover__placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-secondary-text);font-size:var(--font-size-sm);text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.chapter-title{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:var(--font-size-xl);line-height:var(--line-height-5);letter-spacing:0;color:var(--color-primary-text);word-break:break-word;min-width:0;text-align:left;transition:color .2s ease}.chapter-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);min-width:0}.chapter-meta{display:flex;align-items:center;gap:1rem}.chapter-date{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;font-size:var(--font-size-base);line-height:var(--line-height-3);letter-spacing:0;color:var(--color-secondary-text);white-space:nowrap;text-align:left}.chapter-views{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-tertiary-text);font-size:var(--font-size-sm);font-weight:400}.chapter-views__icon{width:14px;height:14px}.chapter-read-badge{display:inline-flex;align-items:center;justify-content:center;min-width:75px;height:40px;border-radius:var(--border-radius-full);padding:var(--spacing-2-5) var(--spacing-5);background-color:rgba(255,255,255,.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:var(--font-size-sm);line-height:var(--line-height-2);letter-spacing:0;color:var(--color-primary-text);transition:background-color .2s ease,color .2s ease,transform .15s ease;pointer-events:none}.chapter-read-badge--unlock{background-color:rgba(255,255,255,.05);color:var(--color-secondary-text)}.chapter-read-badge--continue,.chapter-read-badge--signup{background-color:rgba(229,9,20,.15);color:var(--color-accent,#e50914);border:1px solid rgba(229,9,20,.3)}.chapter-read-badge--coming-soon{background-color:rgba(255,255,255,.05);color:var(--color-secondary-text)}.chapter-item.coming-soon{cursor:default}.chapter-item.coming-soon:hover{background-color:transparent}.chapter-date--coming-soon{color:var(--color-secondary-text);font-style:italic}.chapter-read-button{display:inline-flex;align-items:center;justify-content:center;min-width:75px;height:40px;border-radius:var(--border-radius-full);padding:var(--spacing-2-5) var(--spacing-5);background-color:rgba(255,255,255,.08);border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:var(--font-size-sm);line-height:var(--line-height-2);color:var(--color-primary-text);cursor:pointer;transition:background-color .2s ease,transform .15s ease}.chapter-read-button:hover{background-color:var(--color-accent,#e50914)}.chapter-read-button:active{transform:scale(.98)}.chapter-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-3)}.locked-chapter{display:flex;align-items:center;color:var(--color-secondary-text);font-size:var(--font-size-base)}.chapter-coin-unlock{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:75px;height:40px;border-radius:var(--border-radius-full);padding:var(--spacing-2-5) var(--spacing-5);background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,165,0,.08));border:1px solid rgba(255,215,0,.3);transition:background .2s ease,border-color .2s ease,transform .15s ease;pointer-events:none}.chapter-coin-icon{width:20px;height:20px}.chapter-coin-price{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;font-size:var(--font-size-sm);line-height:var(--line-height-2);color:#FFD700}.chapter-item.can-unlock:hover .chapter-coin-unlock{background:linear-gradient(135deg,rgba(255,215,0,.25),rgba(255,165,0,.15));border-color:rgba(255,215,0,.5)}.chapter-item.can-unlock:hover .chapter-item__hover-indicator{background:#FFD700}.chapter-item.can-unlock:hover .chapter-title{color:#FFD700}@media (max-width:834px){.chapters-section{padding-top:0;margin:1rem 0 0}.no-chapters{padding:1.5rem}.chapters-list{gap:0}.chapter-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:var(--spacing-3) var(--spacing-2);min-height:78px;border-top:none;border-radius:var(--border-radius-md);margin:0}.chapter-item:after{content:"";position:absolute;left:136px;right:0;bottom:0;height:1px;background:rgba(255,255,255,.08);border-radius:0}.chapter-item__hover-indicator{width:3px;height:50%}.chapter-item:active{background-color:var(--color-active-bg,rgba(255,255,255,.08));transform:scale(.99)}.chapter-item:active .chapter-item__hover-indicator{transform:translateY(-50%) scaleY(1)}.chapter-info{display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:flex-start;min-height:58px;flex:1 1;min-width:0}.chapter-title{font-size:var(--font-size-base)}.chapter-meta{gap:.75rem}.chapter-date{text-align:left;font-size:var(--font-size-sm)}.chapter-views{font-size:var(--font-size-xs)}.chapter-views__icon{width:12px;height:12px}.chapter-item:first-child{border-top:none;padding-top:var(--spacing-3)}.chapter-item:last-child:after{content:none}.chapter-cover{display:block;width:100px;height:65px;min-width:100px;min-height:65px;box-shadow:0 8px 20px rgba(0,0,0,.3)}.chapter-cover,.chapter-cover__image,.chapter-cover__placeholder{border-radius:8px}.chapter-cover__image.image-container{width:100%;height:100%}.chapter-cover__image .image-container__img{width:100%;height:100%;object-fit:cover}.chapter-actions{width:auto;justify-content:flex-start;flex-shrink:0}.chapter-read-badge,.chapter-read-button{font-size:var(--font-size-xs)}.chapter-coin-unlock,.chapter-read-badge,.chapter-read-button{min-width:60px;height:34px;padding:var(--spacing-2) var(--spacing-3)}.chapter-coin-unlock{gap:4px}.chapter-coin-icon{width:16px;height:16px}.chapter-coin-price{font-size:var(--font-size-xs)}@media (hover:none){.chapter-item:hover{background-color:transparent}.chapter-item:hover .chapter-item__hover-indicator{transform:translateY(-50%) scaleY(0)}.chapter-item:hover .chapter-cover{transform:none;box-shadow:0 8px 20px rgba(0,0,0,.3)}.chapter-item:hover .chapter-title{color:var(--color-primary-text)}.chapter-item:hover .chapter-read-badge{background-color:rgba(255,255,255,.08);color:var(--color-primary-text)}}}.chapters-section-skeleton{padding-top:1.5rem;margin:1.5rem 0}.chapters-list-skeleton{display:flex;flex-direction:column;gap:0}.chapter-item-skeleton{display:grid;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:48px;padding:var(--spacing-4);padding-top:var(--spacing-6);border-top:2px solid rgba(255,255,255,.06);min-height:156px}.chapter-item-skeleton:first-child{border-top:none;padding-top:var(--spacing-4)}.chapter-item-skeleton__cover{width:240px;height:156px;min-width:240px;min-height:156px;border-radius:16px}.chapter-item-skeleton__info{display:flex;flex-direction:column;gap:var(--spacing-2)}.chapter-item-skeleton__title{width:60%;height:24px}.chapter-item-skeleton__meta{display:flex;align-items:center;gap:1rem}.chapter-item-skeleton__actions{flex-shrink:0}.chapter-item-skeleton__badge{width:75px;height:40px}@media (max-width:834px){.chapters-section-skeleton{padding-top:0;margin:1rem 0 0}.chapter-item-skeleton{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:var(--spacing-3) var(--spacing-2);min-height:78px;border-top:none}.chapter-item-skeleton:after{content:"";position:absolute;left:136px;right:0;bottom:0;height:1px;background:rgba(255,255,255,.08)}.chapter-item-skeleton:first-child{padding-top:var(--spacing-3)}.chapter-item-skeleton:last-child:after{content:none}.chapter-item-skeleton__cover{width:100px;height:65px;min-width:100px;min-height:65px;border-radius:8px}.chapter-item-skeleton__info{flex:1 1;min-width:0;gap:4px}.chapter-item-skeleton__title{width:80%;height:20px}.chapter-item-skeleton__meta{gap:.75rem}.chapter-item-skeleton__badge{width:60px;height:34px}}