:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #fdf2f8;--text-primary: #111827;--text-muted: #6b7280;--surface: #ffffff;--surface-subtle: #fdf2f8;--border-subtle: #fce7f3;--border-strong: #f9a8d4;--accent: #ec4899;--accent-strong: #db2777;--accent-soft: #f9a8d4;--danger-bg: #fef2f2;--danger-border: #fee2e2;--danger-text: #991b1b}body[data-theme=dark]{--bg-page: #020617;--text-primary: #f9fafb;--text-muted: #9ca3af;--surface: #020617;--surface-subtle: #020617;--border-subtle: #4b5563;--border-strong: #6b7280;--accent: #f472b6;--accent-strong: #ec4899;--accent-soft: #f9a8d4;--danger-bg: #451a1a;--danger-border: #7f1d1d;--danger-text: #fecaca}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-page);color:var(--text-primary)}body[data-theme=light][data-page=home],body[data-theme=light][data-page=reader]{background-color:#fff;background-image:radial-gradient(circle at 18% 35%,#ff69b473 0,#ffb6c100 30%),radial-gradient(circle at 82% 40%,#ff69b461 0,#ffc0cb00 28%),radial-gradient(circle at 50% 110%,#f7cde238 0,#add8e600 45%);background-repeat:no-repeat;background-attachment:fixed}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface-subtle);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f9a8d4,#ec4899,#db2777);border-radius:10px;border:2px solid var(--surface-subtle)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ec4899,#db2777,#be185d)}*{scrollbar-width:thin;scrollbar-color:#ec4899 var(--surface-subtle)}.app{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem;color:var(--text-primary);min-height:100vh}.app--blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.top-bar{display:flex;justify-content:flex-end;margin-top:1rem}.hero-header{display:flex;justify-content:center;margin-top:2.5rem}.hero-title{font-size:clamp(5.5rem,12vw,9rem);text-align:center;text-shadow:rgba(255,217,219,.9) 0 0 4px,rgba(255,217,219,.7) 0 0 10px,rgba(255,217,219,.6) 0 0 18px;margin:0;font-weight:800;letter-spacing:.08em}.logo-marquee{margin-top:2rem;position:relative;display:flex;justify-content:center;width:100%;max-width:720px;margin-inline:auto;padding-inline:1.5rem}.logo-marquee:before,.logo-marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:1}.logo-marquee:before{left:0;background:linear-gradient(to right,var(--bg-page),transparent)}.logo-marquee:after{right:0;background:linear-gradient(to left,var(--bg-page),transparent)}.logo-marquee-track{display:flex;align-items:center;justify-content:center;gap:3rem;animation:none}.logo-marquee-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;text-align:center;text-decoration:none;color:inherit}.logo-marquee-icon{width:64px;height:64px;border-radius:50%;object-fit:contain;padding:6px;background-color:#fff}.logo-marquee-label{font-weight:600;font-size:.9rem}.logo-marquee-description{font-size:.8rem;color:var(--text-muted)}@keyframes logoMarqueeSlide{0%{transform:translate(0)}to{transform:translate(0)}}.logo-marquee:before,.logo-marquee:after{content:none}.age-gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:60}.age-gate-card{width:100%;max-width:520px;border-radius:24px;padding:2.25rem 2rem 1.75rem;background-color:var(--surface);box-shadow:0 24px 60px -28px #0f172acc,0 0 0 1px #0f172a0f;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.age-gate-logo{width:120px;height:auto;padding:.85rem;border-radius:999px;border:2px solid rgba(248,113,182,.75);background:radial-gradient(circle at 30% 20%,#f9a8d4 0,#ec4899 40%,#db2777);box-shadow:0 12px 30px #ec489973,0 0 0 1px #941b5766}.age-gate-title{margin:0;font-size:1.8rem;font-weight:700}.age-gate-text{margin:0;font-size:.98rem;color:var(--text-muted)}.age-gate-actions{display:flex;flex-direction:column;width:100%;gap:.6rem;margin-top:.75rem}.age-gate-button-primary{width:100%;justify-content:center;background-color:#111827;color:#f9fafb}.age-gate-button-primary:hover{background-color:#020617}.age-gate-button-secondary{width:100%;justify-content:center;background-color:#e5e7eb;color:#111827;border-color:transparent}.age-gate-footnote{margin:0;margin-top:.75rem;font-size:.78rem;line-height:1.5;color:var(--text-muted)}.app-header{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.app-header--reader{gap:1rem}.app-header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.app-header-actions{display:flex;align-items:center;gap:.5rem}.comic-section{margin-left:10vw}.app-title{margin:0;font-size:3rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.app-title--reader{text-shadow:rgba(255,217,219,.9) 0 0 4px,rgba(255,217,219,.7) 0 0 10px,rgba(255,217,219,.6) 0 0 18px}.app-subtitle{margin:0;font-size:.95rem;color:var(--text-muted)}.app-main{display:flex;flex-direction:column;gap:1.5rem}.app-main--home{align-items:center}.app-main--legal{align-items:stretch}.app-footer{margin-top:auto;padding-top:1.5rem;padding-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.app-footer-legal-link{border:none;background:transparent;padding:0;font-size:.82rem;font-weight:500;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.app-footer-legal-link:hover{color:var(--accent-strong)}.app-footer-text{margin:0;font-size:.75rem;line-height:1.4;color:var(--text-muted)}.legal-notice{max-width:780px;margin:0 auto;padding-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.legal-title{margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.legal-section{display:flex;flex-direction:column;gap:.4rem}.legal-section-title{margin:0;font-size:1.05rem;font-weight:600}.legal-text{margin:0;font-size:.95rem;color:var(--text-muted)}.comic-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;justify-items:center;width:100%;max-width:980px}.comic-card{display:flex;flex-direction:column;align-items:stretch;border-radius:18px;border:1px solid var(--border-subtle);background-color:var(--surface);padding:.9rem;text-align:left;cursor:pointer;transition:box-shadow .15s ease,transform .12s ease,border-color .15s ease}.comic-card:hover{box-shadow:0 12px 24px -16px #f472b673,0 4px 10px -6px #0f172a14;transform:translateY(-2px);border-color:var(--accent-soft)}.comic-card:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.comic-thumbnail-wrapper{position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,var(--border-subtle),var(--surface-subtle));aspect-ratio:2.9 / 4;display:flex;align-items:center;justify-content:center}.comic-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.comic-info{padding:.5rem .35rem .25rem}.comic-title{margin:10px 0 .2rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#111827;text-shadow:rgba(236,72,153,.35) 0 0 3px,rgba(236,72,153,.3) 0 0 7px}body[data-theme=dark] .comic-title{color:#f9fafb;text-shadow:rgba(249,250,251,.85) 0 0 2px,rgba(236,72,153,.65) 0 0 8px,rgba(236,72,153,.5) 0 0 14px}.comic-pages{margin:0 0 .25rem;font-size:.85rem;color:var(--text-muted)}.comic-release-date{margin:0;font-size:.8rem;color:var(--text-muted)}.comic-card--unreleased{cursor:default}.comic-card--unreleased:hover{box-shadow:none;transform:none;border-color:var(--border-subtle)}.comic-unreleased-inline{margin-left:.25rem;font-weight:600;color:var(--accent-strong)}.button{border-radius:999px;border:1px solid transparent;padding:.55rem 1.2rem;font-size:.95rem;font-weight:500;font-family:inherit;background-color:var(--accent);color:var(--surface);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.button:hover:not(:disabled){background-color:var(--accent-strong);box-shadow:0 8px 14px #0f172a40;transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0);box-shadow:none}.button:disabled{cursor:default;opacity:.55;box-shadow:none}.button-secondary{background-color:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}.button-secondary:hover:not(:disabled){background-color:var(--surface-subtle)}.button-icon{padding-inline:.8rem;padding-block:.55rem}.reader-title-block{display:flex;flex-direction:column;gap:.15rem;align-items:center;text-align:center}.reader-header-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:.5rem}.reader-nav{display:flex;align-items:center;gap:.5rem}.reader-nav-button{font-size:.85rem;padding:.35rem .9rem;background-color:var(--surface-subtle);border-color:var(--accent-soft)}.reader-header-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;width:100%}.reader{display:flex;flex-direction:column;gap:1.25rem}.reader--vertical{flex-direction:column;align-items:center}.reader-main{display:flex;flex-direction:column;gap:1.25rem;flex:1;overflow-x:auto}.reader-vertical-scroll{display:flex;flex-direction:column;gap:1rem;margin:0 auto;align-items:center;width:100%;max-width:900px;box-sizing:border-box;padding-inline:.5rem}.reader-image-container{margin:0 auto;border-radius:16px;overflow:hidden;background:radial-gradient(circle at top,var(--border-subtle),var(--border-strong));padding:.25rem;box-shadow:0 18px 40px -18px #0f172a59,0 10px 20px -15px #0f172a66;position:relative;cursor:pointer}.reader-image-container:before,.reader-image-container:after{content:"";position:absolute;top:0;bottom:0;width:50%;pointer-events:none;opacity:0;transition:opacity .15s ease}.reader-image-container:before{left:0;background:linear-gradient(to right,rgba(15,23,42,.3),transparent)}.reader-image-container:after{right:0;background:linear-gradient(to left,rgba(15,23,42,.3),transparent)}.reader-image-container--hover-left:before{opacity:1}.reader-image-container--hover-right:after{opacity:1}.reader-image-container--hover-left{cursor:w-resize}.reader-image-container--hover-right{cursor:e-resize}.reader-image-container--static{cursor:default}.reader-image{display:block;width:100%;height:auto;border-radius:12px;background-color:#111827;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.reader-paid-loading,.reader-paid-error{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;border-radius:12px;background-color:#020617;color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem}.reader-paid-spinner{width:32px;height:32px;border-radius:999px;border:3px solid rgba(248,113,182,.25);border-top-color:#f871b6e6;animation:readerSpinner .8s linear infinite}@keyframes readerSpinner{to{transform:rotate(360deg)}}.reader-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.reader-page-indicator{font-size:.95rem;color:var(--text-muted);min-width:6.5rem;text-align:center}.reader-message{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--danger-border);background-color:var(--danger-bg);color:var(--danger-text)}.reader-mode-badge{display:inline-flex;align-items:center;padding:.3rem .85rem;border-radius:999px;font-size:.78rem;font-weight:500;margin-left:.4rem;box-shadow:0 6px 16px #ec489947,0 0 0 1px #ec489914;letter-spacing:.01em}.reader-mode-badge--free{background-color:#ffffffe6;color:var(--accent-strong);cursor:pointer}.reader-mode-badge--full{background-color:var(--accent);color:#fdf2f8}.orientation-toggle{display:inline-flex;border-radius:999px;background-color:var(--surface-subtle);padding:.12rem}.orientation-button{border-radius:999px;padding-inline:.8rem;font-size:.85rem;-webkit-tap-highlight-color:transparent}.orientation-button--active,.orientation-button--active:focus,.orientation-button--active:active{background-color:var(--accent);color:var(--surface);border-color:var(--accent-soft)}.zoom-controls{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .35rem;border-radius:999px;background-color:var(--surface-subtle)}.zoom-button{padding-inline:.5rem;min-width:0}.zoom-label{font-size:.8rem;color:var(--text-muted);min-width:2.5rem;text-align:center}.reader-thumbnails{display:flex;gap:.5rem}.reader-thumbnails--horizontal{justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:.25rem}.reader-thumbnails--vertical{flex-direction:column;align-items:stretch;width:110px;padding-right:.5rem}.reader-disclaimer{width:min(900px,100%);margin:0 auto;padding:.55rem .8rem;border-radius:12px;background-color:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.85rem;text-align:center}.thumbnail-page{border-radius:10px;border:1px solid transparent;padding:.25rem;background-color:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.thumbnail-page--active{border-color:var(--accent-soft);box-shadow:0 0 0 1px #ec489959}.thumbnail-page--locked .thumbnail-image{filter:blur(1.5px) grayscale(.7)}.thumbnail-page--locked:after{content:"🔒";font-size:.85rem;position:absolute;top:4px;right:6px}.thumbnail-page:disabled{cursor:default}.thumbnail-page-number{font-size:.75rem;color:var(--text-muted)}.thumbnail-image{width:56px;height:80px;object-fit:cover;border-radius:6px;background-color:#111827;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.reader-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;gap:.35rem;background:radial-gradient(circle at top,var(--border-subtle),var(--border-strong));color:var(--text-muted)}.reader-locked--emoji{position:relative;display:block;width:100%;border-radius:12px;padding:0;border:none;cursor:pointer;background:transparent}.reader-locked--emoji:before{content:none}.reader-locked-preview{display:block;width:100%;border-radius:12px;height:auto;object-fit:cover;background-color:#020617}.reader-locked-overlay{display:none}.reader-locked-icon{font-size:1.4rem}.reader-locked-emoji,.reader-locked-text{display:none}.access-modal-backdrop{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50}.access-modal{width:100%;max-width:420px;border-radius:16px;padding:1.5rem 1.75rem 1.35rem;background-color:var(--surface);box-shadow:0 20px 40px -24px #0f172abf,0 0 0 1px #0f172a14}.access-modal-title{margin:0 0 .25rem;font-size:1.2rem}.access-modal-text{margin:0 0 .85rem;font-size:.9rem;color:var(--text-muted)}.access-modal-steps{list-style:none;padding:0;margin:0 0 .85rem;display:flex;flex-direction:column;gap:.5rem}.access-modal-step{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--text-primary)}.access-modal-step-badge{flex-shrink:0;width:1.4rem;height:1.4rem;border-radius:999px;background:var(--accent);color:#fdf2f8;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;box-shadow:0 0 0 2px #f8fafc99,0 8px 18px #ec489973}.access-modal-step-text{line-height:1.4}.access-modal-link{color:var(--accent-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.access-modal-link:hover{text-decoration-thickness:2px}.access-modal-form{display:flex;flex-direction:column;gap:.55rem}.access-modal-label{font-size:.85rem;font-weight:500}.access-modal-input{border-radius:10px;border:1px solid var(--border-strong);padding:.5rem .65rem;font-size:.95rem;font-family:inherit;background-color:var(--surface-subtle);color:var(--text-primary)}.access-modal-input:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.access-modal-error{margin:0;font-size:.8rem;color:#b91c1c}.access-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}@media(max-width:768px){.app{padding:1.25rem 1rem 2rem}.top-bar{justify-content:center;margin-top:4rem}.top-bar .button{font-size:.8rem;padding:.35rem .9rem}.hero-header{margin-top:1rem}.hero-title{font-size:4rem}.logo-marquee{margin-top:0rem;margin-bottom:2rem}.logo-marquee-track{gap:1.25rem}.logo-marquee-icon{width:40px;height:40px}.logo-marquee-description{display:none}.app-title{font-size:3rem;text-transform:uppercase}.comic-list{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:.85rem}.app-header--reader .reader-header-top{flex-direction:column;align-items:center;gap:.5rem}.reader-nav{justify-content:center}.reader-nav-button{font-size:.8rem;padding:.3rem .8rem}.app-title--reader{font-size:1.6rem}.reader-header-bottom{flex-direction:column;align-items:center;gap:.35rem;margin-top:.5rem}.reader-page-indicator{font-size:.85rem}.reader-controls{justify-content:center}.reader-controls .button,.reader-controls .reader-page-indicator,.zoom-controls,.button.button-icon{display:none}.orientation-toggle{justify-content:center}.orientation-toggle .button{font-size:.8rem;padding:.3rem .9rem}.reader-image-container{max-width:100%;box-shadow:0 12px 24px -12px #0f172a40,0 8px 16px -10px #0f172a4d}.reader-vertical-scroll{width:100%!important;max-width:100%!important;padding-inline:.5rem}}@media(max-width:480px){.app{padding:1rem .75rem 1.75rem}.app-header{flex-direction:column;align-items:stretch;gap:.6rem}.app-header--reader{gap:.75rem}.reader-controls{gap:.5rem}.reader--vertical{flex-direction:column}.app-header--reader .reader-header-top .button{width:auto}.reader-thumbnails--vertical{flex-direction:row;width:auto;padding-right:0;padding-bottom:.5rem;overflow-x:auto}}