:root{--color-primary:#F39700;--color-cream-light:#FDF1DE;--color-cream-lighter:#F9F4EC;--color-beige:#ECE6DF;--color-dark:#1F1F1E;--color-white:#FFFFFF;--color-text:#1F1F1E;--color-text-light:rgba(31, 31, 30, 0.7)}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:var(--color-text);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1240px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit;-webkit-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;transition:opacity 0.2s ease}a:hover{opacity:.8}img{max-width:100%;height:auto;display:block}.episode-read-btn{display:none!important}.site-header{background-color:#faf7e8;padding:20px 0;border-bottom:1px solid var(--color-beige)}.header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo img{height:40px;width:197px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated}.header-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn{display:inline-block;padding:12px 24px;border-radius:24px;font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:16px;line-height:1;cursor:pointer;border:none;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;text-align:center}.btn-primary{width:210px;background-color:var(--color-primary);color:var(--color-white);-webkit-box-shadow:2px 2px 17.8px 1px #F3970091;box-shadow:2px 2px 17.8px 1px #F3970091}.btn-primary:hover{opacity:1;-webkit-box-shadow:0 4px 8px rgb(243 151 0 / .3);box-shadow:0 4px 8px rgb(243 151 0 / .3);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.btn-outline{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.site-main{min-height:calc(100vh - 200px);background:#fff}.comics-catalog{padding:40px 0}.page-title{font-family:'Instrument Sans',sans-serif;font-weight:400;font-style:normal;font-size:64px;line-height:100%;letter-spacing:0%;color:var(--color-dark);margin-bottom:32px}.catalog-controls{margin-bottom:40px}.sort-dropdown{position:relative;display:inline-block}.sort-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 20px;background-color:#fff0;border:none;color:var(--color-primary);font-family:'Instrument Sans',sans-serif;font-size:16px;font-weight:400;cursor:pointer;-webkit-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.sort-button:hover{opacity:.8}.sort-button svg{width:16px;height:16px}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background-color:var(--color-white);border:2px solid var(--color-primary);border-radius:12px;min-width:200px;-webkit-box-shadow:0 4px 12px rgb(0 0 0 / .1);box-shadow:0 4px 12px rgb(0 0 0 / .1);z-index:1000;display:none;overflow:hidden}.dropdown-menu.active{display:block}.dropdown-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 20px;color:var(--color-text);font-family:'Instrument Sans',sans-serif;font-size:16px;font-weight:400;-webkit-transition:background-color 0.2s ease;-o-transition:background-color 0.2s ease;transition:background-color 0.2s ease;border-bottom:1px solid var(--color-beige)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--color-cream-light)}.dropdown-item.active{color:var(--color-primary)}.dropdown-item.active svg{display:block}.dropdown-item svg{width:16px;height:16px;display:none}.comics-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(267px,1fr));gap:32px;margin-top:40px}.comic-card{background-color:var(--color-white);border-radius:12px;overflow:hidden;-webkit-transition:-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;transition:-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;-o-transition:transform 0.2s ease,box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease,-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;border-radius:8px}.comic-card:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgb(0 0 0 / .1);box-shadow:0 8px 24px rgb(0 0 0 / .1)}.comic-link{display:block;width:100%}.comic-cover{width:100%;aspect-ratio:2 / 3;overflow:hidden;background-color:var(--color-beige);position:relative}.comic-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comic-placeholder{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:-o-linear-gradient(315deg,var(--color-cream-light) 0%,var(--color-beige) 100%);background:linear-gradient(135deg,var(--color-cream-light) 0%,var(--color-beige) 100%);font-size:48px;font-weight:600;color:var(--color-primary)}.comic-info{padding:10px;background:#faf5ed}.comic-title{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:16px;line-height:1.3;color:var(--color-dark);margin-bottom:8px}.comic-subtitle{display:none;font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:var(--color-text-light);margin-bottom:12px}.comic-rating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.comic-rating svg{width:17px;height:17px;-ms-flex-negative:0;flex-shrink:0}.comic-rating span{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:16px;color:var(--color-dark)}.single-comic{padding:0}.comic-hero-image{z-index:1;position:absolute;left:0;width:100%;height:240px;overflow:hidden;margin-bottom:40px;background-color:var(--color-beige)}.comic-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comic-header{position:relative;z-index:2;display:-ms-grid;display:grid;-ms-grid-columns:300px 40px 1fr;grid-template-columns:300px 1fr;gap:40px;-webkit-box-align:end;-ms-flex-align:end;align-items:end;padding:40px 0}.comic-cover-large{width:100%;aspect-ratio:2 / 3;border-radius:12px;overflow:hidden;background-color:var(--color-beige)}.comic-cover-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comic-details{-webkit-box-flex:1;-ms-flex:1;flex:1}.comic-title-single{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:48px;line-height:1.2;color:var(--color-dark);margin-bottom:16px}.comic-subtitle-single{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:var(--color-text-light);margin-bottom:24px}.comic-rating-large{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.comic-rating-large svg{width:24px;height:24px}.comic-rating-large span{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:20px;color:var(--color-dark)}.comic-content{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:18px;line-height:1.6;color:var(--color-text)}.comic-content p{margin-bottom:16px}.site-footer{padding:40px 20px;margin-top:60px;background-color:var(--color-cream-light)}.footer-container{max-width:1240px;margin:0 auto;background-color:var(--color-cream-light);border-radius:12px;padding:24px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.footer-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-logo img{height:auto;width:auto;max-height:40px}.footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.social-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#4a4a4a;color:var(--color-white);-webkit-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.social-icon:hover{opacity:.7}.social-icon svg{width:20px;height:20px}.footer-language{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-language select{padding:10px 16px;border:none;border-radius:8px;background-color:var(--color-white);font-family:'Instrument Sans',sans-serif;font-size:14px;color:var(--color-dark);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%231F1F1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.footer-language select:focus{outline:none}@media (max-width:768px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:24px 20px}.footer-social{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.footer-language{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.footer-logo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.no-comics{text-align:center;padding:60px 20px;color:var(--color-text-light);font-size:18px}@media (max-width:768px){.page-title{font-size:48px}.comics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.comic-header{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:24px}.comic-cover-large{max-width:250px;margin:0 auto}.comic-title-single{font-size:36px}}@media (max-width:480px){.page-title{font-size:36px}.comics-grid{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.header-content{gap:16px}}.episodes-and-related-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 60px 1fr;grid-template-columns:1fr 1fr;gap:60px;margin-top:30px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.section-title{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:64px;line-height:100%;color:var(--color-dark);margin-bottom:40px}.episodes-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.episode-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding:20px;background-color:var(--color-white);border-radius:12px;border:1px solid var(--color-beige);-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.episode-item:hover{-webkit-box-shadow:0 4px 12px rgb(0 0 0 / .1);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.episode-item.locked{opacity:.7}.episode-thumbnail{width:122px;height:64px;-ms-flex-negative:0;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:var(--color-beige)}.episode-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.episode-placeholder{width:100%;height:100%;background:-o-linear-gradient(315deg,var(--color-cream-light) 0%,var(--color-beige) 100%);background:linear-gradient(135deg,var(--color-cream-light) 0%,var(--color-beige) 100%)}.episode-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.episode-title{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:18px;color:var(--color-dark);margin-bottom:4px}.episode-date{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:14px;color:var(--color-text-light)}.episode-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.episode-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:12px;text-transform:uppercase}.episode-badge.free{background-color:#fff0;color:#38AF00ED}.episode-badge.locked{background-color:#6A645F;color:#fff;border-radius:20px}.episode-badge.locked svg{width:16px;height:16px;-webkit-filter:invert(1);filter:invert(1)}.btn-sm{padding:8px 16px;font-size:14px;width:100px}.unlock-section{text-align:center}.btn-unlock{width:100%;border-radius:20px;padding:16px 32px;font-size:18px}.btn-start-reading{width:448px;margin-top:24px;padding:16px 32px;font-size:18px}.related-comics-section{position:sticky;top:20px}.related-comics-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr;grid-template-columns:1fr 1fr;gap:20px}.related-comic-card{background-color:var(--color-white);border-radius:12px;overflow:hidden;-webkit-transition:-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;transition:-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;-o-transition:transform 0.2s ease,box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease,-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;border:1px solid var(--color-beige)}.related-comic-card:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgb(0 0 0 / .1);box-shadow:0 8px 24px rgb(0 0 0 / .1)}.related-comic-card img{width:100%;aspect-ratio:2 / 3;-o-object-fit:cover;object-fit:cover}.related-comic-card h3{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:16px;color:var(--color-dark);padding:12px;margin:0}.related-comic-card .comic-rating{padding:0 12px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-content{background-color:var(--color-white);margin:auto;padding:40px;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;-webkit-box-shadow:0 8px 32px rgb(0 0 0 / .2);box-shadow:0 8px 32px rgb(0 0 0 / .2)}.modal-close{position:absolute;right:20px;top:20px;font-size:28px;font-weight:700;color:var(--color-text-light);cursor:pointer;line-height:1;-webkit-transition:color 0.2s ease;-o-transition:color 0.2s ease;transition:color 0.2s ease}.modal-close:hover{color:var(--color-dark)}.modal-content h2{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:32px;color:var(--color-dark);margin-bottom:16px}.modal-price{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:18px;color:var(--color-primary);margin-bottom:24px}.btn-pay-modal{width:100%;padding:16px;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;margin-bottom:32px}.btn-pay-modal svg{width:20px;height:20px}.modal-info{margin-top:32px}.info-item{background-color:var(--color-cream-light);padding:20px;border-radius:12px;margin-bottom:16px}.info-item:last-child{margin-bottom:0}.info-item strong{display:block;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:16px;color:var(--color-dark);margin-bottom:8px}.info-item p{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:14px;color:var(--color-text);line-height:1.6;margin:0}.checkout-page{min-height:100vh;background-color:var(--color-beige)}.checkout-container{max-width:100%;margin:0 auto;background-color:var(--color-white);border-radius:16px;overflow:hidden;-webkit-box-shadow:0 8px 32px rgb(0 0 0 / .1);box-shadow:0 8px 32px rgb(0 0 0 / .1)}.checkout-header{padding:30px;text-align:center;border-bottom:1px solid var(--color-beige)}.checkout-logo{height:40px;width:auto}.checkout-content{padding:40px;max-width:600px;margin:0 auto}.checkout-title{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:32px;color:var(--color-dark);text-align:center;margin-bottom:24px}.checkout-price{text-align:center;margin-bottom:32px}.price-amount{font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:48px;color:var(--color-dark);display:block;margin-bottom:8px}.price-description{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:14px;color:var(--color-text-light);margin:0}.payment-divider{position:relative;text-align:center;margin:24px 0}.payment-divider::before{content:'';position:absolute;left:0;top:50%;right:0;height:1px;background-color:var(--color-beige)}.payment-divider span{position:relative;background-color:var(--color-white);padding:0 16px;font-family:'Instrument Sans',sans-serif;font-size:14px;color:var(--color-text-light)}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:14px;color:var(--color-dark);margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid var(--color-beige);border-radius:8px;font-family:'Instrument Sans',sans-serif;font-size:16px;color:var(--color-dark);-webkit-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-row{display:-ms-grid;display:grid;-ms-grid-columns:1fr 16px 1fr;grid-template-columns:1fr 1fr;gap:16px}.payment-request-container{margin-bottom:16px;width:100%}#payment-request-button{width:100%;margin-bottom:0;min-height:48px;display:block}#payment-request-button iframe{width:100%!important;height:48px!important;border:none!important;border-radius:8px!important;overflow:hidden!important}#payment-request-button>div{width:100%!important;height:48px!important;border-radius:8px!important}#payment-request-button .StripeElement{height:48px;border-radius:8px}#payment-request-button button,#payment-request-button [role="button"]{width:100%!important;height:48px!important;border-radius:8px!important;font-family:'Instrument Sans',sans-serif!important;font-size:16px!important;font-weight:500!important;border:none!important;cursor:pointer!important;-webkit-transition:opacity 0.2s ease!important;-o-transition:opacity 0.2s ease!important;transition:opacity 0.2s ease!important;margin:0!important;padding:0!important}#payment-request-button button:hover,#payment-request-button [role="button"]:hover{opacity:0.9!important}#payment-request-button button:active,#payment-request-button [role="button"]:active{opacity:0.8!important}.payment-request-container>div{margin-bottom:12px}.payment-request-container>div:last-child{margin-bottom:0}.stripe-element{padding:12px;border:1px solid var(--color-beige);border-radius:8px;background-color:var(--color-white);-webkit-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease}.stripe-element:focus-within{border-color:var(--color-primary);outline:none}#card-number-element,#card-expiry-element,#card-cvc-element{padding:12px;border:1px solid var(--color-beige);border-radius:8px;background-color:var(--color-white);-webkit-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease}#card-number-element:focus-within,#card-expiry-element:focus-within,#card-cvc-element:focus-within{border-color:var(--color-primary);outline:none}.StripeElement{padding:0!important}.StripeElement--focus{border-color:var(--color-primary)!important}.card-errors,#card-errors{color:#dc3545;font-size:14px;margin-bottom:16px;min-height:20px;font-family:'Instrument Sans',sans-serif}.btn-pay{width:100%;padding:16px;font-size:18px;margin-top:8px}.checkout-footer{background-color:var(--color-cream-light);padding:24px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.checkout-footer .footer-logo img{height:30px;width:auto}.checkout-footer .footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.checkout-footer .social-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:var(--color-dark);-webkit-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.checkout-footer .social-icon:hover{opacity:.7}.checkout-footer .social-icon svg{width:24px;height:24px}.checkout-footer .footer-language select{padding:8px 12px;border:1px solid var(--color-beige);border-radius:6px;background-color:var(--color-white);font-family:'Instrument Sans',sans-serif;font-size:14px;cursor:pointer}.error-message{color:#dc3545;text-align:center;padding:20px}body.episode-viewer-page .site-header{display:none}body.episode-viewer-page .site-main{padding:0;margin:0;overflow:hidden}body.episode-viewer-page{overflow:hidden}.episode-viewer{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-cream-lighter)}.episode-viewer-header{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.episode-viewer-content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.episode-viewer-footer{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-ms-flex-negative:0;flex-shrink:0}.episode-viewer-header{background-color:var(--color-white);padding:20px 0;border-bottom:1px solid var(--color-beige);position:relative;z-index:10;-ms-flex-negative:0;flex-shrink:0}.back-link{display:inline-block;margin-bottom:12px;font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:16px;color:var(--color-primary);text-decoration:none}.back-link:hover{opacity:.8}.episode-viewer-title{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:24px;color:var(--color-dark)}.comic-details__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.episode-viewer-content{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;min-height:0;position:relative;padding-bottom:0}.pdf-viewer{width:100%;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;border:none;display:block;overflow:hidden}.episode-images-viewer{width:100%;overflow-y:scroll!important;height:79vh;padding:20px;background-color:var(--color-white)}.episode-image-wrapper{width:100%;margin-bottom:20px;text-align:center}.episode-image-wrapper img{max-width:100%;height:auto;display:block;margin:0 auto;-webkit-box-shadow:0 2px 8px rgb(0 0 0 / .1);box-shadow:0 2px 8px rgb(0 0 0 / .1);border-radius:4px}.pdf-loading-indicator{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:10;-webkit-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.pdf-loading-spinner{width:50px;height:50px;border:4px solid var(--color-beige);border-top-color:var(--color-primary);border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:0 auto 20px}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pdf-loading-progress-container{margin-top:20px;width:300px;max-width:90%}.pdf-loading-progress-bar{width:100%;height:6px;background-color:var(--color-beige);border-radius:3px;overflow:hidden;margin-bottom:12px}.pdf-loading-progress-fill{height:100%;background-color:var(--color-primary);border-radius:3px;-webkit-transition:width 0.3s ease;-o-transition:width 0.3s ease;transition:width 0.3s ease;width:0%}.pdf-loading-text{font-family:'Instrument Sans',sans-serif;font-size:16px;color:var(--color-dark);margin:0 0 8px 0}.pdf-loading-percent{font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:600;color:var(--color-primary);margin:0}.pdf-viewer-container{width:100%;height:100%;overflow:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;background-color:#525252;-webkit-overflow-scrolling:touch}.pdf-viewer-canvas{display:block;margin:0 auto;max-width:100%;height:auto}@media (min-width:769px){.episode-viewer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px}.pdf-viewer{max-width:1200px;width:100%;margin:0 auto;height:calc(100vh - 200px);min-height:600px;-webkit-box-flex:0;-ms-flex:none;flex:none}}.episode-locked-message{text-align:center;padding:60px 20px;color:var(--color-text-light);font-size:18px}.no-pdf{text-align:center;padding:60px 20px;color:var(--color-text-light);font-size:18px}.episode-viewer-footer{background-color:var(--color-cream-light);padding:20px 0;border-top:1px solid var(--color-beige);position:sticky;bottom:70px;z-index:100;width:100%;-ms-flex-negative:0;flex-shrink:0;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px rgb(0 0 0 / .05)}.episode-nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;width:100%}.episode-nav-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 20px;background-color:#fff0;border:none;color:var(--color-dark);font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:16px;cursor:pointer;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:8px;-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.episode-nav-btn:active:not(:disabled){-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.episode-nav-btn:hover:not(:disabled){background-color:var(--color-white);color:var(--color-primary)}.episode-nav-btn:disabled{opacity:.3;cursor:not-allowed}.episode-nav-btn svg{width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0}.episode-nav-list{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:200px;margin:0 auto}.episode-nav-prev,.episode-nav-next{min-width:48px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px}.payment-success-message{padding:60px 40px;text-align:center;max-width:600px;margin:0 auto}.payment-success-message .success-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px}.payment-success-message .success-icon{margin-bottom:8px}.payment-success-message h2{font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:32px;color:var(--color-dark);margin:0}.payment-success-message p{font-family:'Instrument Sans',sans-serif;font-weight:400;font-size:18px;color:var(--color-text-light);margin:0;line-height:1.6}.payment-success-message .btn-go-to-comic{margin-top:8px;padding:16px 32px;font-size:18px}@media (max-width:1024px){.episodes-and-related-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:20px}.related-comics-section{position:static}.related-comics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.comic-title-single{font-size:40px}.section-title{font-size:48px}.btn-start-reading{width:100%}}@media (max-width:768px){.container{padding:0 16px}.site-header{padding:16px 0}.header-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo img{height:60px;width:100px;max-width:100%;-webkit-transform:none;-ms-transform:none;transform:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:auto}.header-nav{width:45%}.btn{width:100%!important;padding:14px 20px;font-size:16px}.btn-primary{width:100%!important}.btn-start-reading{width:100%!important;margin-top:20px}.btn-unlock{width:100%;padding:14px 24px;font-size:16px}.page-title{font-size:36px;margin-bottom:24px}.section-title{font-size:32px;margin-bottom:24px}.comic-title-single{font-size:32px;margin-bottom:12px}.comic-subtitle-single{font-size:14px;margin-bottom:16px}.comic-content{font-size:16px}.comics-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:24px}.comic-card{border-radius:8px}.comic-info{padding:8px}.comic-title{font-size:14px}.comic-hero-image{height:160px;margin-bottom:24px}.comic-header{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:20px;padding:24px 0}.comic-cover-large{max-width:200px;margin:0 auto}.comic-details__top{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.comic-rating-large{gap:6px;margin-bottom:16px}.comic-rating-large svg{width:20px;height:20px}.comic-rating-large span{font-size:18px}.episodes-and-related-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:24px;margin-top:24px}.episodes-list{gap:12px}.episode-item{padding:16px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.episode-thumbnail{width:100px;height:56px}.episode-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:120px;width:100%}.episode-title{font-size:16px}.episode-date{font-size:12px}.episode-status{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.episode-badge{font-size:11px;padding:4px 10px}.related-comics-section{position:static}.related-comics-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.modal-content{padding:24px 20px;width:95%;max-width:100%}.modal-content h2{font-size:24px;margin-bottom:12px}.modal-price{font-size:16px;margin-bottom:20px}.btn-pay-modal{padding:14px 20px;font-size:16px}.info-item{padding:16px}.info-item strong{font-size:14px;margin-bottom:6px}.info-item p{font-size:13px}.checkout-page{padding:0}.checkout-container{border-radius:0}.checkout-header{padding:20px}.checkout-logo{height:32px}.checkout-content{padding:24px 20px}.checkout-title{font-size:24px;margin-bottom:20px}.price-amount{font-size:36px}.price-description{font-size:13px}.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select{padding:10px;font-size:16px}.form-row{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:16px}.checkout-footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:20px;text-align:center}.checkout-footer .footer-social{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body.episode-viewer-page{overflow:hidden;position:fixed;width:100%;height:100%}.episode-viewer{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;min-height:100vh;z-index:9999;overflow:hidden;display:block}.episode-viewer-header{padding:8px 0;position:relative;z-index:10;display:block!important;visibility:visible!important;opacity:1!important;width:100%;background-color:var(--color-white);border-bottom:1px solid var(--color-beige)}.episode-viewer-header .container{padding:0 12px}.episode-viewer-title{font-size:14px;line-height:1.3;margin:0}.back-link{font-size:12px;margin-bottom:4px;display:inline-block}.episode-viewer-content{overflow-y:auto;overflow-x:hidden;position:absolute;top:0;left:0;right:0;bottom:60px;width:100%;padding-top:60px;-webkit-overflow-scrolling:touch}.episode-images-viewer{width:100%;padding:12px;background-color:var(--color-white);display:block}.episode-image-wrapper{width:100%;margin-bottom:15px}.episode-image-wrapper img{max-width:100%;height:auto;display:block;margin:0 auto}.pdf-viewer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:none;display:block;overflow:auto;-webkit-overflow-scrolling:touch;-o-object-fit:contain;object-fit:contain}.pdf-loading-progress-container{width:250px}.pdf-loading-text{font-size:14px}.pdf-loading-percent{font-size:12px}.pdf-viewer-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.pdf-viewer-object{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;border:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}@supports (-webkit-touch-callout:none){.pdf-viewer-object{width:100vw!important;max-width:100%!important}}.episode-viewer-footer{padding:12px 0;border-top:1px solid var(--color-beige);border-radius:20px 20px 0 0;box-shadow:0 -2px 10px rgb(0 0 0 / .05);position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:var(--color-cream-light);width:100%;display:block!important;visibility:visible!important;opacity:1!important}.episode-nav-container{padding:0 12px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px;justify-content:space-between}.episode-nav-btn{padding:8px 12px;font-size:12px;-webkit-box-flex:1;-ms-flex:1;flex:1}.episode-nav-btn svg{width:18px;height:18px}.episode-nav-list{max-width:none;-webkit-flex:20%;-ms-flex:20%;max-width:196px;-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.episode-nav-list span{display:inline;font-size:14px}.episode-nav-prev,.episode-nav-next{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:44px;padding:8px}.episode-nav-prev{justify-content:left}.episode-nav-next{justify-content:right}.site-footer{padding:32px 16px;margin-top:40px}.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:24px 16px}.footer-social{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer-language{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.footer-logo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.catalog-controls{margin-bottom:24px}.sort-button{padding:10px 16px;font-size:14px}.dropdown-menu{min-width:180px}.dropdown-item{padding:10px 16px;font-size:14px}.payment-success-message{padding:40px 20px}.payment-success-message h2{font-size:24px}.payment-success-message p{font-size:16px}.btn-go-to-comic{width:100%;padding:14px 24px;font-size:16px}}@media (max-width:480px){.page-title{font-size:28px}.section-title{font-size:24px}.comic-title-single{font-size:24px}.comics-grid{-ms-grid-columns:1fr 16px 1fr;grid-template-columns:1fr 1fr;gap:16px}.comic-cover-large{max-width:160px}.episode-thumbnail{width:80px;height:48px}.episode-title{font-size:14px}.related-comics-grid{-ms-grid-columns:1fr 12px 1fr;grid-template-columns:1fr 1fr;gap:12px}.modal-content{padding:20px 16px}.modal-content h2{font-size:20px}.checkout-title{font-size:20px}.price-amount{font-size:32px}.episode-viewer-title{font-size:13px}.episode-viewer-header{padding:6px 0}.episode-viewer-header .container{padding:0 8px}.back-link{font-size:11px;margin-bottom:2px}.episode-viewer-footer{padding:6px 0;position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:var(--color-cream-light);border-top:1px solid var(--color-beige);width:100%;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px rgb(0 0 0 / .05)}.episode-viewer-content{bottom:50px;padding-top:50px}.episode-nav-container{padding:0 8px;gap:6px}.episode-nav-btn{padding:6px 8px;font-size:11px}.episode-nav-btn svg{width:16px;height:16px}.episode-nav-prev svg,.episode-nav-next svg{margin:0 auto}.episode-nav-prev,.episode-nav-next{min-width:40px;padding:6px;width:15%}}@media (max-width:768px) and (orientation:landscape){.comic-hero-image{height:120px}.episode-viewer-header{padding:4px 0}.episode-viewer-header .container{padding:0 8px}.episode-viewer-title{font-size:12px}.back-link{font-size:10px;margin-bottom:2px}.episode-viewer-footer{padding:8px 0;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px rgb(0 0 0 / .05);position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:var(--color-cream-light);border-top:1px solid var(--color-beige);width:100%}.episode-viewer-content{bottom:55px;padding-top:45px}.episode-nav-container{padding:0 8px;gap:6px}.episode-nav-btn{padding:6px 10px;font-size:11px}.episode-nav-btn svg{width:16px;height:16px}.episode-nav-list span{display:inline;font-size:11px}}@media (hover:none) and (pointer:coarse){.btn,.episode-item,.comic-card,.related-comic-card{-webkit-tap-highlight-color:#fff0}.btn:active,.episode-item:active,.comic-card:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.btn-primary:hover{-webkit-transform:none;-ms-transform:none;transform:none}.comic-card:hover{-webkit-transform:none;-ms-transform:none;transform:none}.episode-item:hover{-webkit-box-shadow:none;box-shadow:none}}