:root{--reader-bg:#0a0a0a;--reader-header-bg:#0a0a0ad9;--reader-bar-height:70px;--reader-max-width:900px}body.manga-reader-active{color:#fff;scroll-behavior:smooth;background:var(--reader-bg)!important}.manga-reader-page{background:var(--reader-bg);flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.reader-header{height:var(--reader-bar-height);background:var(--reader-header-bg);-webkit-backdrop-filter:blur(16px);z-index:1000;will-change:transform, opacity;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:0 40px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:fixed;top:0;left:0;right:0}.reader-header.hidden{opacity:0;transform:translateY(-100%)}.reader-back{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.reader-back:hover{color:var(--accent)}.reader-back svg{stroke:currentColor;stroke-width:2.5px;fill:none;width:18px;height:18px}.reader-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:40%;font-size:1.15rem;font-weight:700;overflow:hidden}.reader-header-right{align-items:center;gap:20px;display:flex}.reader-header-counter{color:var(--text-muted);letter-spacing:.05em;font-size:.85rem;font-weight:600}.reader-settings-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.reader-settings-btn:hover{color:var(--accent);background:#ffffff0d}.reader-settings-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}.settings-dropdown{border-radius:var(--radius-md);z-index:1010;opacity:0;background:#141414;border:1px solid #ffffff0f;width:240px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:none;position:absolute;top:75px;right:40px;transform:translateY(-10px);box-shadow:0 15px 40px #000c}.settings-dropdown.active{opacity:1;display:block;transform:translateY(0)}.settings-dropdown h4{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:12px;font-size:.78rem;font-weight:700}.settings-option{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.settings-option:last-child{margin-bottom:0}.settings-option label{color:var(--text-secondary);font-size:.85rem}.settings-option select{color:#fff;cursor:pointer;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:.8rem}.reader-content{width:100%;max-width:var(--reader-max-width);padding-top:calc(var(--reader-bar-height) + 20px);flex-direction:column;gap:14px;padding-bottom:120px;padding-left:20px;padding-right:20px;transition:gap .3s;display:flex}.reader-content.gap-none{gap:0}.reader-content.gap-sm{gap:8px}.reader-content.gap-md{gap:14px}.reader-content.gap-lg{gap:24px}.manga-page-wrapper{background:#0d0d0d;border-radius:4px;justify-content:center;align-items:center;width:100%;min-height:40vh;display:flex;position:relative;overflow:hidden}.manga-page-img{object-fit:contain;opacity:0;width:100%;height:auto;transition:opacity .4s ease-out;display:block}.manga-page-img.loaded{opacity:1}.page-loader-skeleton{z-index:2;background:#0d0d0d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page-loader-skeleton:after{content:"";border:2px solid #ffffff0d;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite reader-spinner}@keyframes reader-spinner{to{transform:rotate(360deg)}}.reader-controls{-webkit-backdrop-filter:blur(16px);z-index:1000;will-change:transform, opacity;background:#141414cc;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:20px;padding:10px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.reader-controls.hidden{opacity:0;transform:translate(-50%,120px)}.reader-control-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.reader-control-btn:hover{color:var(--accent);background:#ffffff14}.reader-control-btn.disabled{opacity:.2;cursor:not-allowed;color:#fff!important;background:0 0!important}.reader-control-btn svg{fill:none;stroke:currentColor;stroke-width:2.5px;width:18px;height:18px}.reader-controls-counter{color:var(--text-secondary);text-align:center;letter-spacing:.05em;min-width:80px;font-size:.9rem;font-weight:600}@media (width<=768px){.reader-header{padding:0 20px}.reader-title{max-width:50%;font-size:1rem}.reader-header-counter{display:none}.reader-content{gap:8px;padding-left:0;padding-right:0}.settings-dropdown{right:20px}.reader-controls{bottom:calc(20px + env(safe-area-inset-bottom));padding:8px 18px}}.manga-end-section{text-align:center;z-index:10;border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;width:100%;margin-top:60px;padding:100px 20px;display:flex}.end-action-box{flex-direction:column;align-items:center;gap:16px;max-width:500px;display:flex}.end-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.8rem;font-weight:700}.end-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.end-btn{justify-content:center;align-items:center;min-width:200px;display:inline-flex}.end-button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.manga-social-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:15px;margin-bottom:5px;display:flex}.manga-social-btn{color:#ff4d4d;background:#ff4d4d0f;border:1px solid #ff4d4d40;border-radius:50px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.manga-social-btn:hover{color:#fff;background:#ff4d4d;transform:translateY(-2px);box-shadow:0 4px 12px #ff4d4d33}.wip-collapse-section{opacity:0;width:100%;max-height:0;transition:max-height .8s cubic-bezier(.16,1,.3,1),opacity .5s;overflow:hidden}.wip-collapse-section.expanded{opacity:1;border-top:1px dashed #ffffff14;max-height:3000px;margin-top:50px;padding-top:50px}.wip-heading{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:30px;font-size:1.25rem;font-weight:700}.wip-masonry-manga{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.wip-img-frame{border-radius:var(--radius-md);background:#0d0d0d;border:1px solid #ffffff0a;justify-content:center;align-items:center;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.wip-img-frame:hover{transform:scale(1.015)}.wip-img-frame img{object-fit:contain;width:100%;height:auto;display:block}@media (width<=768px){.wip-masonry-manga{grid-template-columns:1fr;gap:16px}.wip-collapse-section.expanded{margin-top:40px;padding-top:40px}}