.comic-channel,.comic-reader{padding:clamp(1.25rem,3vw,3rem)}.comic-channel__header,.comic-reader__header{max-width:46rem;margin-bottom:2rem}.comic-channel__header h1,.comic-reader__header h1{font-size:clamp(2.2rem,6vw,4.8rem);margin:.25rem 0 .75rem}.comic-channel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem}.comic-card{color:inherit;text-decoration:none;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;background:#ffffff0a}.comic-card>img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;background:#111}.comic-card__copy{padding:1rem}.comic-card__copy h2{margin:0 0 .4rem}.comic-card__copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comic-card__copy span,.comic-reader__meta{opacity:.72;font-size:.9rem}.comic-reader__meta{display:flex;gap:1rem}.comic-reader__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.comic-reader__actions form{margin:0}.comic-pages{list-style:none;margin:0 auto;padding:0;max-width:58rem;display:grid;gap:1.5rem}.comic-chapters{display:grid;gap:clamp(3rem,8vw,7rem)}.comic-chapter>header{max-width:58rem;margin:0 auto 1.25rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.12)}.comic-chapter>header span{opacity:.65;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.comic-chapter>header h2{margin:.25rem 0;font-size:clamp(1.5rem,3vw,2.4rem)}.comic-chapter>header p{margin:.4rem 0 0;opacity:.75}.comic-pages li{margin:0}.comic-page-frame{position:relative;overflow:hidden;border-radius:.5rem}.comic-pages img{width:100%;height:auto;display:block;border-radius:.5rem;background:#111}.comic-text-overlay{position:absolute;inset:0;pointer-events:none}.comic-text-layer{position:absolute;z-index:1;display:grid;gap:.12em;max-width:42%;padding:.55em .75em;color:#261d22;font-size:clamp(.62rem,1.6vw,1.05rem);line-height:1.3;direction:ltr;unicode-bidi:plaintext;overflow-wrap:anywhere;box-shadow:0 .2em .8em #140a1033}.comic-text-layer strong{font-size:.72em;opacity:.68}.comic-text-layer--dialogue{border-radius:1.2em;background:#fffffff0}.comic-text-layer--narration{border-radius:.28em;background:#241b21e0;color:#fff}.comic-text-layer--top_left{top:4%;left:4%}.comic-text-layer--top_right{top:4%;right:4%}.comic-text-layer--center_left{top:44%;left:4%}.comic-text-layer--center_right{top:44%;right:4%}.comic-text-layer--bottom_left{bottom:4%;left:4%}.comic-text-layer--bottom_right{right:4%;bottom:4%}.comic-text-layer--bottom_center{bottom:4%;left:50%;transform:translate(-50%);max-width:76%;width:max-content}.comic-text-layer--dialogue:after{content:"";position:absolute;bottom:-.7em;border:.45em solid transparent;border-top:.8em solid rgba(255,255,255,.94)}.comic-text-layer--tail-left:after{left:18%;transform:rotate(12deg)}.comic-text-layer--tail-right:after{right:18%;transform:rotate(-12deg)}.comic-text-layer--tail-none:after{display:none}.comic-pages p{max-width:42rem;margin:.7rem auto 0;text-align:center;line-height:1.7}.comic-reader--ltr .comic-pages,.comic-reader--rtl .comic-pages{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:start}.comic-reader--rtl .comic-pages{direction:rtl}.comic-reader--rtl .comic-pages p{direction:ltr}.comic-shelf{padding:clamp(1.25rem,3vw,3rem)}.comic-shelf-card__progress{height:.25rem;margin-top:.8rem;overflow:hidden;border-radius:1rem;background:#ffffff1f}.comic-shelf-card__progress i{display:block;height:100%;background:var(--rose, #d8a3ad)}.comic-shelf__empty{display:grid;justify-items:start;gap:.8rem;min-height:15rem;align-content:center}
