.chapter-reader{position:relative;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chapter-reader,.reader-error,.reader-loading{min-height:100vh;background:var(--color-background);color:var(--color-primary-text);display:flex;flex-direction:column;font-family:Netflix Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reader-error,.reader-loading{justify-content:center;align-items:center;gap:1.5rem}.reader-error h2{color:var(--color-accent);margin-bottom:.5rem;font-weight:600}.loading-spinner{width:60px;height:60px;border-right:4px solid rgba(255,255,255,.1);border-top:4px solid rgba(255,255,255,.1);border-color:rgba(255,255,255,.9) transparent rgba(255,255,255,.1) rgba(255,255,255,.1);border-style:solid;border-width:4px;border-radius:50%;animation:netflixSpin 1.2s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 20px rgba(255,255,255,.25)}@keyframes netflixSpin{0%{transform:rotate(0deg);box-shadow:0 0 20px rgba(255,255,255,.25)}50%{box-shadow:0 0 30px rgba(255,255,255,.35)}to{transform:rotate(1turn);box-shadow:0 0 20px rgba(255,255,255,.25)}}@keyframes spin{to{transform:rotate(1turn)}}.reader-header.bt-header{width:100%;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 0 0;height:calc(var(--spacing-20) + env(safe-area-inset-top));background:rgba(0,0,0,.75);color:var(--color-primary-text);position:fixed;top:0;left:0;right:0;z-index:100;transition:transform .3s ease,opacity .3s ease}.controls-hidden .reader-header{transform:translateY(-100%);opacity:0;pointer-events:none}.reader-header-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8);padding:0 var(--spacing-20);height:100%;width:100%;max-width:100%}.reader-header-left{display:flex;align-items:center;gap:var(--spacing-4);flex:1 1;min-width:0;justify-content:flex-start}.reader-header-right{display:flex;align-items:center;height:var(--spacing-10);flex:0 0 auto}.reader-close-button{flex-shrink:0}.reader-title-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;width:fit-content}.reader-comic-name{font-weight:600;font-size:var(--font-size-base);line-height:var(--line-height-3);color:var(--color-primary-text)}.reader-chapter-name,.reader-comic-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:0;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.reader-chapter-name{font-weight:500;font-size:var(--font-size-xs);line-height:var(--line-height-1);color:var(--color-secondary-text)}.reader-save-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--border-radius-full);border:none;background:rgba(255,255,255,.08);color:var(--color-primary-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-sm);font-weight:500;letter-spacing:0;cursor:pointer;transition:background .2s ease,transform .2s ease;white-space:nowrap;flex-shrink:0;width:var(--spacing-10);height:var(--spacing-10)}.reader-save-button img{width:var(--spacing-5);height:var(--spacing-5);filter:brightness(0) invert(1);opacity:.7;transition:opacity .2s ease}.reader-save-button:focus-visible img,.reader-save-button:hover img{opacity:1}.reader-save-button:focus-visible,.reader-save-button:hover{background:rgba(255,255,255,.12);outline:none}.reader-save-button.is-favorite{background:var(--color-accent)}.reader-save-button.is-favorite img{filter:brightness(0) invert(1);opacity:1}.reader-progress{height:4px;background:var(--color-white-08);position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.reader-progress-fill{height:100%;background:linear-gradient(90deg,#e50914,#ff6b6b 50%,#e50914);transition:width .3s ease;box-shadow:0 0 10px rgba(229,9,20,.5);position:relative}.reader-progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:shine 2s infinite}@keyframes shine{0%,to{opacity:0}50%{opacity:1}}.reader-content{flex:1 1;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,rgba(255,255,255,.02) 0,transparent 70%)}.reader-content--images{padding-left:0;padding-right:0;align-items:flex-start;position:relative;display:flex;justify-content:center;cursor:pointer}.controls-hidden .reader-content--images,.reader-content--images{padding-top:calc(var(--spacing-20) + env(safe-area-inset-top) + 1rem);padding-bottom:calc(var(--spacing-20) + env(safe-area-inset-bottom) + 1rem)}.controls-hidden .reader-content--images:before{display:none}.reader-content-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width:768px){.reader-content-wrapper{width:100%!important;max-width:100%!important}}.reader-content--images:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent);pointer-events:none;z-index:1}.image-single-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 180px)}.image-container img{box-shadow:0 10px 40px rgba(0,0,0,.6),0 4px 15px rgba(0,0,0,.4);border-radius:12px}.image-vertical-pages{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;touch-action:pan-y}.image-page-container{position:relative;width:100%;display:flex;justify-content:center}@media (max-width:768px){.image-page-container{width:100%!important}}.image-container{display:flex;justify-content:center;align-items:center}.image-container img{max-width:100%;height:auto;display:block}.chapter-page-image{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}@media (max-width:768px){.image-container{width:100%!important;max-width:100%!important}}.reader-navigation{width:100%;display:flex;align-items:center;justify-content:center;padding:0 0 env(safe-area-inset-bottom);height:calc(var(--spacing-20) + env(safe-area-inset-bottom));background:rgba(0,0,0,.75);color:var(--color-primary-text);position:fixed;bottom:0;left:0;right:0;z-index:100;border-top:1px solid rgba(255,255,255,.1);transition:transform .3s ease,opacity .3s ease}.controls-hidden .reader-navigation{transform:translateY(100%);opacity:0;pointer-events:none}.nav-left,.nav-right{flex:1 1;display:flex;align-items:center;justify-content:center}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.nav-center{flex:0 0 auto;gap:24px!important;min-width:180px}.nav-center,.nav-comments-button{display:flex;align-items:center;justify-content:center}.nav-comments-button{padding:0;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease}.nav-comments-button:hover{opacity:.7}.nav-comments-icon{width:24px;height:24px;color:var(--color-primary-text)}.nav-chapter-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:transparent;border:none;cursor:pointer;transition:opacity .2s ease}.nav-chapter-button:hover:not(.nav-chapter-button--disabled){opacity:.7}.nav-chapter-button--disabled{opacity:.3;cursor:not-allowed}.nav-chapter-button--locked .nav-chapter-label{color:#FFC107}.nav-arrow-icon{width:var(--spacing-5);height:var(--spacing-5);filter:brightness(0) invert(1);opacity:.7}.nav-arrow-icon--right{transform:rotate(180deg)}.nav-chapter-info{display:flex;flex-direction:column;gap:var(--spacing-1);align-items:flex-start}.nav-right .nav-chapter-info{align-items:flex-end}.nav-chapter-label{font-weight:600;font-size:var(--font-size-base);line-height:var(--line-height-3);color:var(--color-primary-text)}.nav-chapter-label,.nav-chapter-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:0}.nav-chapter-name{font-weight:400;font-size:var(--font-size-xs);line-height:var(--line-height-1);color:var(--color-secondary-text)}.nav-episodes-info{display:flex;flex-direction:column;gap:var(--spacing-1);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:opacity .2s ease}.nav-episodes-info:hover{opacity:.7}.nav-episodes-label{font-weight:600;font-size:var(--font-size-base);line-height:var(--line-height-3);color:var(--color-primary-text)}.nav-episodes-count,.nav-episodes-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:0}.nav-episodes-count{font-weight:400;font-size:var(--font-size-xs);line-height:var(--line-height-1);text-align:center;color:var(--color-secondary-text)}.reader-touch-areas{position:fixed;top:60px;bottom:60px;left:0;right:0;display:flex;pointer-events:none;z-index:80}.touch-area{flex:1 1;background:none;border:none;cursor:pointer;pointer-events:all;opacity:0;transition:opacity .2s ease}.touch-area:hover{opacity:.1;background-color:white}.touch-area:disabled{cursor:not-allowed;pointer-events:none}.touch-area--left{border-right:1px solid transparent}.touch-area--right{border-left:1px solid transparent}.chapter-reader.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.fullscreen .reader-header,.fullscreen .reader-navigation{background-color:rgba(0,0,0,.75)}.fullscreen .reader-content{background-color:var(--color-background)}@media (max-width:834px){.reader-header-container{padding:0 var(--spacing-4);gap:var(--spacing-4)}.reader-header-left{flex:1 1;min-width:0;gap:var(--spacing-2)}.reader-title-info{flex:1 1;min-width:0;max-width:100%}.reader-comic-name{font-size:var(--font-size-sm);line-height:var(--line-height-2);-webkit-line-clamp:1}.reader-chapter-name{font-size:var(--font-size-xs);line-height:var(--line-height-1);-webkit-line-clamp:1}.reader-content--images{padding-top:calc(var(--spacing-20) + env(safe-area-inset-top) + .5rem);padding-bottom:calc(var(--spacing-20) + env(safe-area-inset-bottom) + .5rem);padding-left:0;padding-right:0}.reader-navigation{padding:.75rem 1rem;min-height:auto;justify-content:space-between}.nav-center,.nav-left,.nav-right{flex:0 0 auto}.nav-center{gap:var(--spacing-3)}.nav-chapter-button{padding:var(--spacing-2) var(--spacing-4)}.nav-episodes-info{gap:var(--spacing-0-5)}.nav-comments-icon{width:24px;height:24px}}@media (max-width:480px){.reader-content--images{padding-left:0;padding-right:0}.controls-hidden .reader-content--images,.reader-content--images{padding-top:calc(var(--spacing-20) + env(safe-area-inset-top) + .5rem);padding-bottom:calc(var(--spacing-20) + env(safe-area-inset-bottom) + .5rem)}.reader-content--images:before{height:30px}.image-container img{border-radius:0;box-shadow:none}.reader-header-container{padding:0 var(--spacing-3);gap:var(--spacing-2)}.reader-navigation{padding:.5rem .75rem}.nav-chapter-button{padding:var(--spacing-2) var(--spacing-2)}.nav-center{gap:var(--spacing-2)}.keyboard-hints{display:none}}.keyboard-hints{position:fixed;bottom:calc(var(--spacing-20) + 20px);left:50%;transform:translateX(-50%);font-size:12px;color:#cccccc;white-space:nowrap;background:linear-gradient(135deg,rgba(30,30,30,.9),rgba(10,10,10,.9));padding:.75rem 1.5rem;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 20px rgba(0,0,0,.5);font-weight:500;transition:opacity .3s ease,transform .3s ease;z-index:99}.controls-hidden .keyboard-hints{opacity:0;transform:translateX(-50%) translateY(20px);pointer-events:none}.chapters-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.chapters-modal{background:var(--color-background);border-radius:var(--border-radius-xl);max-width:800px;width:100%;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}.chapters-modal-content{flex:1 1;overflow-y:auto;padding:var(--spacing-4);min-height:0}.chapters-modal-content .chapters-section{padding-top:0;margin:0}@media (prefers-contrast:high){.chapter-reader{background-color:var(--color-background)}.reader-header,.reader-navigation{background-color:var(--color-foreground)}.reader-page-image{filter:contrast(1.1)}}.image-page-skeleton{background:var(--color-foreground);display:flex;align-items:center;justify-content:center;min-height:400px;border-radius:8px;overflow:hidden}.image-page-skeleton,.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%}.skeleton-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.image-page-error{position:absolute;top:0;left:0;width:100%;height:100%;min-height:200px;background:var(--color-accent-15);display:flex;align-items:center;justify-content:center;color:var(--color-secondary-text);font-size:var(--font-size-sm);border-radius:8px}.image-page-container img{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-page-container .image-container{position:relative}.scroll-hint-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:none;animation:fadeIn .3s ease-out}.scroll-hint-content{gap:var(--spacing-4);pointer-events:auto}.scroll-hint-arrows,.scroll-hint-content{display:flex;flex-direction:column;align-items:center}.scroll-hint-arrows{gap:var(--spacing-2)}.scroll-hint-arrow{width:48px;height:48px;color:var(--color-primary-text);opacity:.9}.scroll-hint-arrow--up{animation:bounceUp 1.5s ease-in-out infinite}.scroll-hint-arrow--down{animation:bounceDown 1.5s ease-in-out infinite}@keyframes bounceUp{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-10px);opacity:1}}@keyframes bounceDown{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(10px);opacity:1}}.scroll-hint-text{color:var(--color-primary-text);font-size:var(--font-size-lg);font-weight:500;text-transform:uppercase;letter-spacing:2px;opacity:.9}@media (max-width:480px){.scroll-hint-arrow{width:36px;height:36px}.scroll-hint-text{font-size:var(--font-size-base)}}.next-chapter-card{margin:48px auto 32px;max-width:500px;width:100%;background:var(--color-white-08);border:1px solid var(--color-white-12);border-radius:16px;padding:20px 24px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.next-chapter-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-accent-15) 0,transparent 50%);opacity:0;transition:opacity .25s ease}.next-chapter-card:hover{background:var(--color-white-12);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.3)}.next-chapter-card:hover:before{opacity:1}.next-chapter-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.next-chapter-card__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-accent);margin-bottom:12px;position:relative;z-index:1}.next-chapter-card__content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.next-chapter-card__cover{width:70px;height:50px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--color-white-08);box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.next-chapter-card:hover .next-chapter-card__cover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.4)}.next-chapter-card__cover-img{width:100%;height:100%;object-fit:cover;display:block}.next-chapter-card__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-accent-15);font-size:11px;font-weight:600;color:var(--color-tertiary-text)}.next-chapter-card__info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.next-chapter-card__number{font-size:13px;font-weight:500;color:var(--color-tertiary-text)}.next-chapter-card__title{font-size:18px;font-weight:600;color:var(--color-primary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-chapter-card__action{flex-shrink:0}.next-chapter-card__arrow{width:32px;height:32px;color:var(--color-secondary-text);transition:transform .2s ease,color .2s ease}.next-chapter-card:hover .next-chapter-card__arrow{transform:translateX(4px);color:var(--color-primary-text)}.next-chapter-card__unlock-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-accent-15);border:1px solid var(--color-accent);border-radius:999px;font-size:14px;font-weight:600;color:#ffffff;transition:background .2s ease}.next-chapter-card:hover .next-chapter-card__unlock-badge{background:var(--color-accent-15);border-color:var(--color-accent-hover)}@media (max-width:768px){.next-chapter-card{margin:32px 16px 24px;padding:14px;max-width:none;width:calc(100% - 32px)}.next-chapter-card__cover{width:60px;height:42px}.next-chapter-card__title{font-size:16px}.next-chapter-card__arrow{width:28px;height:28px}.next-chapter-card__unlock-badge{padding:6px 12px;font-size:13px}}.comments-preview-wrapper{width:100%;padding:1.5rem 0 0;margin-bottom:-1rem;box-sizing:border-box}.comments-preview-wrapper .comments-preview{width:100%}@media (max-width:768px){.comments-preview-wrapper{padding:1rem 0 0;margin-bottom:-.5rem}}.reader-consent-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background);z-index:999}