:root{--primary-orange:#ff6a00;--secondary-blue:#007bff;--dark-blue:#0a1e3f;--black:#000;--white:#fff;--light-gray:#e6e6e6;--dark-gray:#9fa3a8;--yellow:#ffb400;--font-heading:"Bebas Neue", sans-serif;--font-body:"Poppins", sans-serif;--bg-primary:#000;--bg-secondary:#020813;--bg-tertiary:#0a1e3f;--bg-card:#051024;--text-primary:#fff;--text-secondary:#fffc;--border-color:#ffffff1a;--pattern-color:#ffffff26;--bg-about:url(/assets/06_section_bg_dark-BBHbMSom.webp);--bg-ads:url(/assets/07_section_bg_dark-J_iAkBMS.webp);--bg-collections:url(/assets/08_section_bg_dark-yjY4dl0f.webp);--bg-shop:url(/assets/09_section_bg_dark-B0QghjuA.webp);--bg-shop-color:#0a1e3f;--bg-journal:url(/assets/11_section_bg_dark-DSidXJgz.webp)}.light-theme{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e6e6e6;--bg-card:#fff;--text-primary:#000;--text-secondary:#333;--border-color:#00000026;--pattern-color:#00000026;--bg-about:url(/assets/01_section_bg_light-By9snrf2.webp);--bg-ads:url(/assets/02_section_bg_light-BRuN-yfm.webp);--bg-collections:url(/assets/03_section_bg_light-BS4TCnXI.webp);--bg-shop:url(/assets/04_section_bg_light-B9Z4GiJw.webp);--bg-shop-color:#e6e6e6;--bg-journal:url(/assets/05_section_bg_light-D7yv2BUU.webp)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;line-height:1}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.text-orange{color:var(--primary-orange)}.text-blue{color:var(--secondary-blue)}.text-yellow{color:var(--yellow)}.text-dark{color:var(--black)}.section-label{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;z-index:10;pointer-events:none;font-size:.9rem;position:absolute;top:2rem;left:5%}.comic-text{font-family:var(--font-heading);color:var(--white);text-shadow:3px 3px 0 var(--black), 4px 4px 0 var(--primary-orange), -1px -1px 0 var(--black), 1px -1px 0 var(--black), -1px 1px 0 var(--black), 1px 1px 0 var(--black)}.comic-text-blue{font-family:var(--font-heading);color:var(--white);text-shadow:3px 3px 0 var(--black), 4px 4px 0 var(--secondary-blue), -1px -1px 0 var(--black), 1px -1px 0 var(--black), -1px 1px 0 var(--black), 1px 1px 0 var(--black)}.btn{font-family:var(--font-heading);background-color:var(--primary-orange);color:var(--white);border:3px solid var(--black);cursor:pointer;text-transform:uppercase;box-shadow:4px 4px 0 var(--secondary-blue);padding:.5rem 2rem;font-size:1.5rem;transition:all .2s;display:inline-block;position:relative;overflow:hidden}.btn:hover{box-shadow:6px 6px 0 var(--secondary-blue);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--secondary-blue);transform:translate(2px,2px)}.btn-blue{background-color:var(--secondary-blue);box-shadow:4px 4px 0 var(--primary-orange)}.btn-blue:hover{box-shadow:6px 6px 0 var(--primary-orange)}.btn-blue:active{box-shadow:2px 2px 0 var(--primary-orange)}.bg-halftone{position:relative}.bg-halftone:before{content:"";background-image:radial-gradient(var(--pattern-color) 1px, transparent 1px);z-index:0;pointer-events:none;background-size:8px 8px;position:absolute;inset:0}.bg-grunge{position:relative}.bg-grunge:before{content:"";z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.3'/%3E%3C/svg%3E");position:absolute;inset:0}.section-pad{padding:6rem 0}.scroll-top-btn{background-color:var(--bg-dark);width:50px;height:50px;color:var(--text-light);border:2px solid var(--primary-orange);font-size:1.5rem;font-family:var(--font-heading);cursor:pointer;z-index:9999;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 0 15px #ff6a0066}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{background-color:var(--primary-orange);color:#000;transform:scale(1.1)translateY(0)}body.drawer-open .scroll-top-btn{opacity:0!important;pointer-events:none!important;transform:translateY(20px)!important}.read-to-me-btn{color:var(--primary-orange);border:2px solid var(--primary-orange);font-family:var(--font-heading);cursor:pointer;background:0 0;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:1rem;transition:all .2s;display:flex}.read-to-me-btn:hover,.read-to-me-btn.playing{background:var(--primary-orange);color:#000}.drawer-navigation{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;display:flex}.nav-btn{color:var(--primary-orange);font-family:var(--font-heading);cursor:pointer;opacity:.8;background:0 0;border:none;font-size:1.5rem;transition:all .3s}.nav-btn:hover:not(:disabled){opacity:1;text-shadow:2px 2px #ff6a004d;transform:scale(1.05)}.nav-btn:disabled{color:var(--text-secondary);opacity:.3;cursor:not-allowed}