:root{--bg:#141414;--surface:#1e1e1e;--surface-2:#272727;--border:#333;--text:#eee;--text-muted:#888;--accent:#2ab8a0;--accent-hover:#33d4ba;--accent-text:#fff;--danger:#d45858;--success:#4caf7d;--warning:#e8a838;--radius:8px;--radius-lg:14px;--header-h:60px;--transition:.15s ease;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}[data-theme=light]{--bg:#f4f4f4;--surface:#fff;--surface-2:#ebebeb;--border:#d8d8d8;--text:#1a1a1a;--text-muted:#737373;--accent:#1f9e8a;--accent-hover:#2ab8a0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);background:var(--bg);color:var(--text);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition);outline:none;width:100%;padding:.5rem .75rem;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}textarea{resize:vertical;min-height:80px}.btn{border-radius:var(--radius);transition:background var(--transition), opacity var(--transition);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:99px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-tier-0{background:var(--surface-2);color:var(--text-muted)}.badge-tier-1{color:#c4a8ff;background:#3d2a6e}.badge-tier-2,.badge-tier-3{color:#7ed87e;background:#2a4a2a}.header{height:var(--header-h);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.header-brand{letter-spacing:.04em;font-size:1.1rem;font-weight:700}.header-actions{align-items:center;gap:.75rem;display:flex}.header-logout span{font-size:.82rem}.header-nav{align-items:center;gap:.25rem;display:flex}.header-nav-link{border-radius:var(--radius);color:var(--text-muted);transition:background var(--transition), color var(--transition);align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.9rem;display:flex}.header-nav-link:hover{background:var(--surface-2);color:var(--text)}.header-nav-link.active{background:var(--surface-2);color:var(--accent-hover)}.main-content{padding-top:var(--header-h);min-height:100vh}.gate{background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gate-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gate-overlay{background:#0000009e;position:absolute;inset:0}.gate-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex;position:relative}.gate-title{letter-spacing:.1em;color:#fff;text-shadow:0 2px 20px #00000080;font-size:clamp(2rem,6vw,3.5rem);font-weight:900}.gate-subtitle{color:#ffffffa6;margin-bottom:.5rem;font-size:1rem}.gate-btn{border-radius:var(--radius-lg);gap:.6rem;padding:.75rem 1.75rem;font-size:1rem}.theme-toggle{border-radius:var(--radius);width:38px;height:38px;color:var(--text-muted);transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--surface-2);color:var(--text)}.btn-patreon{color:#fff;background:#ff424d;padding:.4rem .9rem;font-size:.85rem}.btn-patreon:hover{opacity:.9}.banner{height:calc(100vh - var(--header-h));background:#0a0a0a;background:var(--surface);position:relative;overflow:hidden}.banner-img{object-fit:cover;object-position:center top;opacity:0;width:100%;height:100%;transition:opacity .6s}.banner-img.banner-img--loaded{opacity:1}.banner-overlay{background:linear-gradient(#0000 0%,#0003 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.banner-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hover);margin-bottom:.4rem;font-size:.75rem;font-weight:600}.banner-title{color:#fff;margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;line-height:1.15}.banner-subtitle{color:#ffffffb3;margin-bottom:1.25rem;font-size:1rem}.banner-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.section{max-width:1200px;margin:0 auto;padding:2.5rem 1.25rem}.section-title{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--transition), border-color var(--transition);cursor:pointer;color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-cover{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card:hover .card-cover img{transform:scale(1.04)}.card-cover-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.card-body{flex-direction:column;flex:1;gap:.35rem;padding:.75rem;display:flex}.card-title{font-size:.9rem;font-weight:600;line-height:1.3}.card-meta{color:var(--text-muted);font-size:.78rem}.card-tags{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;display:flex}.card-lock{color:var(--accent-hover);white-space:nowrap;background:#000000b3;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:.5rem;right:.5rem}.card-locked .card-cover img,.card-locked .carousel-card-cover img,.card-locked .card-cover-placeholder,.card-locked .carousel-card-cover .card-cover-placeholder{filter:grayscale()}.card-locked{opacity:.75}.support-page{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:480px;margin:4rem auto;display:flex}.support-icon{color:#fffc;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.5rem;font-size:1.75rem;display:flex}.support-title{font-size:1.5rem;font-weight:700}.support-desc{color:var(--text-muted);font-size:1rem;line-height:1.6}.support-btn{margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem}.support-back{margin-top:.25rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.carousel-wrapper{position:relative}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-btn{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text);z-index:2;cursor:pointer;transition:background var(--transition), opacity var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000004d}.carousel-btn:hover{background:var(--surface-2)}.carousel-btn-left{left:-18px}.carousel-btn-right{right:-18px}.carousel-card{scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:transform var(--transition), border-color var(--transition);flex-direction:column;flex:0 0 260px;text-decoration:none;display:flex;overflow:hidden}.carousel-card:hover{border-color:var(--accent);transform:translateY(-3px)}.carousel-card-cover{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.carousel-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.carousel-card:hover .carousel-card-cover img{transform:scale(1.04)}.carousel-card-body{padding:.65rem .75rem}.carousel-card-title{font-size:.88rem;font-weight:600;line-height:1.3}.carousel-card-meta{color:var(--accent-hover);margin-top:.2rem;font-size:.75rem;font-weight:500}.collection-filters{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.search-input-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:.85rem;position:absolute;left:.75rem}.search-input{padding-right:2.25rem;padding-left:2.25rem!important}.search-clear{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;padding:.2rem;display:flex;position:absolute;right:.75rem}.search-clear:hover{color:var(--text)}.tag-filter{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tag-chip{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);border-radius:99px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.78rem;font-weight:500;display:inline-flex}.tag-chip:hover{background:var(--surface);color:var(--text);border-color:var(--accent)}.tag-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-chip-clear{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;border-radius:99px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.78rem;font-weight:500;display:inline-flex}.tag-chip-clear:hover{color:var(--danger)}.tag-pill{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:99px;padding:.15rem .5rem;font-size:.7rem;font-weight:500;display:inline-block}.admin-tag-picker{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.admin-tag-add{align-items:center;gap:.5rem;display:flex}.series-hero{background:var(--surface);height:min(480px,52vw);position:relative;overflow:hidden}.series-hero-img{object-fit:cover;object-position:center top;width:100%;height:100%}.series-hero-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.series-hero-overlay{background:linear-gradient(#00000026 0%,#0000004d 45%,#000000e6 100%);flex-direction:column;justify-content:space-between;padding:1rem 2rem 2rem;display:flex;position:absolute;inset:0}.series-hero-back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-self:flex-start;color:#ffffffd9!important;background:#00000059!important;border-color:#fff3!important}.series-hero-back:hover{color:#fff!important;background:#0000008c!important}.series-hero-info{flex-direction:column;display:flex}.series-hero-title{color:#fff;margin-bottom:.5rem;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:800;line-height:1.15}.series-hero-desc{color:#ffffffa6;max-width:600px;margin-bottom:1.25rem;font-size:.95rem;line-height:1.5}.series-hero-actions{align-items:center;gap:1rem;display:flex}.series-info{flex:1}.series-title{margin-bottom:.5rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;line-height:1.2}.series-description{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.chapter-list{flex-direction:column;gap:.5rem;display:flex}.chapter-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), background var(--transition);color:inherit;align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;display:flex}.chapter-item:hover{border-color:var(--accent);background:var(--surface-2)}.chapter-number{color:var(--text-muted);min-width:60px;font-size:.8rem;font-weight:700}.chapter-title{flex:1;font-size:.95rem}.chapter-actions{align-items:center;gap:.5rem;display:flex}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.chapter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:transform .2s ease, border-color var(--transition);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.chapter-card:hover{border-color:var(--accent);transform:translateY(-3px)}.chapter-card.chapter-card-locked{opacity:.75}.chapter-card.chapter-card-locked:hover{border-color:var(--border);transform:none}.chapter-card.chapter-card-locked .chapter-card-cover img,.chapter-card.chapter-card-locked .chapter-card-cover-placeholder{filter:grayscale()}.chapter-card-cover{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.chapter-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.chapter-card:hover .chapter-card-cover img{transform:scale(1.04)}.chapter-card-cover-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.chapter-card-read-overlay{color:#ffffffd9;letter-spacing:.04em;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:flex;position:absolute;inset:0}.chapter-card-lock{color:var(--accent-hover);white-space:nowrap;background:#000000a6;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:.4rem;right:.4rem}.chapter-card-body{flex-direction:column;flex:1;gap:.2rem;padding:.6rem .65rem;display:flex}.chapter-card-num{color:var(--text-muted);font-size:.72rem;font-weight:700}.chapter-card-title{font-size:.85rem;font-weight:600;line-height:1.3}.chapter-card-actions{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.3rem;display:flex}.reader{z-index:50;cursor:none;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.reader.controls-visible{cursor:default}.reader-main{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.reader-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.reader-img-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reader-img-spinner{border:3px solid #ffffff26;border-top-color:#ffffffb3;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}:fullscreen .reader-image{object-fit:contain;width:100vw;max-width:none;height:100vh;max-height:none}:fullscreen .reader-image{object-fit:contain;width:100vw;max-width:none;height:100vh;max-height:none}.reader-click-left,.reader-click-right{z-index:0;cursor:pointer;width:50%;position:absolute;top:0;bottom:0}.reader-click-left{left:0}.reader-click-right{right:0}.reader-controls{opacity:0;pointer-events:none;z-index:1;justify-content:space-between;align-items:center;padding:0 1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.reader.controls-visible .reader-controls{opacity:1}.reader.controls-visible .reader-nav-btn{pointer-events:all}.reader-nav-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:48px;height:48px;transition:background var(--transition);cursor:pointer;pointer-events:none;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.reader-nav-btn:hover{background:#ffffff40}.reader-nav-btn:disabled{opacity:.2;cursor:default}.reader-topbar{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;height:56px;padding:0 1rem;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}.reader.controls-visible .reader-topbar{opacity:1;pointer-events:all}.reader-bottombar{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#0000,#000000b3);justify-content:center;align-items:center;gap:1rem;height:56px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.reader.controls-visible .reader-bottombar{opacity:1;pointer-events:all}.reader-page-counter{color:#ffffffd9;font-size:.9rem;font-weight:500}.reader-filmstrip{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#0009 100%);align-items:flex-end;gap:5px;padding:10px 14px 6px;transition:opacity .3s;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.reader.controls-visible .reader-filmstrip{opacity:1;pointer-events:all}.reader-filmstrip-thumb{cursor:pointer;opacity:.55;background:0 0;border:2px solid #0000;border-radius:4px;flex-shrink:0;height:52px;padding:0;transition:opacity .15s,height .15s,border-color .15s;overflow:hidden}.reader-filmstrip-thumb img{pointer-events:none;width:auto;height:100%;display:block}.reader-filmstrip-thumb:hover{opacity:.9}.reader-filmstrip-thumb.active{border-color:var(--accent);opacity:1;height:68px}.reader-icon-btn{color:#fffc;border-radius:var(--radius);width:36px;height:36px;transition:background var(--transition);cursor:pointer;justify-content:center;align-items:center;display:flex}.reader-icon-btn:hover{color:#fff;background:#ffffff1f}.admin-layout{background:var(--bg);min-height:100vh;display:flex}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;width:220px;height:100vh;padding:1.25rem .875rem;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-brand{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:0 .375rem;display:flex}.admin-sidebar-brand-info{flex-direction:column;gap:.3rem;min-width:0;display:flex}.admin-sidebar-brand-name{letter-spacing:.05em;text-transform:uppercase;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:800;overflow:hidden}.admin-sidebar-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:99px;width:fit-content;padding:.15rem .45rem;font-size:.62rem;font-weight:700}.admin-sidebar-nav{flex-direction:column;flex:1;gap:.15rem;display:flex}.admin-nav-item{border-radius:var(--radius);color:var(--text-muted);transition:background var(--transition), color var(--transition);align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.admin-nav-item:hover{background:var(--surface-2);color:var(--text)}.admin-nav-item.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);font-weight:600}.admin-sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.15rem;margin-top:auto;padding-top:.875rem;display:flex}.admin-sidebar-link{border-radius:var(--radius);color:var(--text-muted);transition:background var(--transition), color var(--transition);cursor:pointer;font-size:.85rem;font-family:var(--font);text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;width:100%;padding:.5rem .75rem;text-decoration:none;display:flex}.admin-sidebar-link:hover{background:var(--surface-2);color:var(--text)}.admin-body{flex:1;min-width:0;padding:2.5rem 2rem}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.admin-page-title{letter-spacing:-.025em;color:var(--text);margin-bottom:.2rem;font-size:1.5rem;font-weight:700;line-height:1.2}.admin-page-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.admin-back-link{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.82rem;text-decoration:none;display:inline-flex}.admin-back-link:hover{color:var(--text)}.admin-page{max-width:720px}.form-hint{color:var(--text-muted);margin-top:.35rem;font-size:.8rem;line-height:1.5}.input{font-family:var(--font);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);outline:none;width:100%;padding:.5rem .75rem;font-size:.95rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}@media (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:.5rem;width:100%;height:auto;padding:.75rem 1rem;position:static}.admin-sidebar-brand{margin-bottom:0}.admin-sidebar-nav{flex-direction:row;flex:none}.admin-sidebar-footer{border-top:none;flex-direction:row;margin-top:0;padding-top:0}.admin-body{padding:1.5rem 1rem}}.admin-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.admin-section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.875rem;font-size:.78rem;font-weight:700;display:flex}.admin-section-title .btn{text-transform:none;letter-spacing:0;font-size:.82rem}.form-group{margin-bottom:1rem}.form-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-actions{gap:.75rem;margin-top:1.5rem;display:flex}.series-table{border-collapse:collapse;width:100%}.series-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.78rem;font-weight:600}.series-table td{border-bottom:1px solid var(--border);vertical-align:middle;transition:background var(--transition);padding:.75rem;font-size:.9rem}.series-table tr:last-child td{border-bottom:none}.series-table tr:hover td{background:var(--surface-2)}.table-actions{justify-content:flex-end;gap:.5rem;display:flex}.admin-filters{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.admin-search-wrap{position:relative}.admin-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.admin-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:.5rem .75rem .5rem 2.25rem;font-size:.9rem}.admin-search:focus{border-color:var(--accent);outline:none}.admin-filter-tags{flex-wrap:wrap;gap:.4rem;display:flex}.admin-series-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:1rem;display:grid}.admin-series-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition);overflow:hidden}.admin-series-card:hover{border-color:var(--accent);box-shadow:0 4px 20px #00000026}.admin-series-card-cover{aspect-ratio:2/3;background:var(--bg);cursor:pointer;position:relative;overflow:hidden}.admin-series-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.admin-series-card:hover .admin-series-card-cover img{transform:scale(1.04)}.admin-series-card-no-cover{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.admin-series-card-status-pill{position:absolute;top:6px;left:6px}.status-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:700}.status-pill.published{color:var(--success);background:#32c8642e;border:1px solid #32c86459}.status-pill.draft{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0f}.admin-series-card-body{padding:.65rem .75rem .75rem}.admin-series-card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:.88rem;font-weight:700;overflow:hidden}.admin-series-card-actions{gap:.35rem;display:flex}.image-preview{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:80px;height:120px;margin-top:.5rem}.image-preview-cover{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:140px;margin-top:.75rem;display:block;box-shadow:0 4px 16px #00000040}.page-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-top:.75rem;display:grid}.page-thumb{aspect-ratio:2/3;background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border);position:relative;overflow:hidden}.page-thumb img{object-fit:cover;width:100%;height:100%}.page-thumb-num{color:#fff;background:#000000b3;border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:700;position:absolute;bottom:3px;right:4px}.page-thumb-del{color:#fff;cursor:pointer;opacity:0;width:20px;height:20px;transition:opacity var(--transition);background:#c83232cc;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:3px;right:3px}.page-thumb:hover .page-thumb-del{opacity:1}.page-thumb-skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface) 50%, var(--surface-2) 75%);background-size:200% 100%;justify-content:center;align-items:center;animation:1.4s infinite shimmer;display:flex;position:absolute;inset:0}.page-thumb-uploading{background:color-mix(in srgb, var(--accent,#6366f1) 15%, var(--surface-2))}.page-thumb-spin{border:2px solid color-mix(in srgb, var(--accent,#6366f1) 30%, transparent);border-top-color:var(--accent,#6366f1);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin}.chapter-form-page{padding-bottom:5rem}.chapter-form-topbar{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.chapter-form-heading{font-size:1.25rem;font-weight:700}.chapter-form-layout{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=820px){.chapter-form-layout{grid-template-columns:1fr}}.chapter-form-meta,.chapter-form-pages{flex-direction:column;gap:1.5rem;display:flex}.upload-dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:border-color var(--transition), background var(--transition);padding:2rem 1.5rem}.upload-dropzone:hover,.upload-dropzone--over{border-color:var(--accent,#6366f1);background:color-mix(in srgb, var(--accent,#6366f1) 6%, transparent)}.upload-dropzone-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.9rem}.upload-dropzone-hint{color:var(--text-muted);opacity:.75;font-size:.76rem}.upload-queue-header{justify-content:space-between;align-items:center;display:flex}.page-count-badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:99px;justify-content:center;align-items:center;margin-left:.4rem;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.cover-preview-skeleton-wrap{margin-top:.75rem;display:inline-block;position:relative}.cover-preview-skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface) 50%, var(--surface-2) 75%);border-radius:var(--radius);aspect-ratio:2/3;background-size:200% 100%;width:140px;animation:1.4s infinite shimmer;position:absolute;inset:0}.upload-progress-bar-wrap{z-index:100;background:var(--surface);border-top:1px solid var(--border);padding:.75rem 1.5rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000026}.upload-progress-bar-inner{align-items:center;gap:.75rem;max-width:860px;margin:0 auto;display:flex}.upload-progress-text{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.85rem}.upload-progress-track{background:var(--surface-2);border-radius:99px;flex:1;height:6px;overflow:hidden}.upload-progress-fill{background:var(--accent,#6366f1);border-radius:99px;height:100%;transition:width .3s}.upload-progress-pct{color:var(--accent,#6366f1);white-space:nowrap;flex-shrink:0;font-size:.82rem;font-weight:600}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:2rem}.login-title{text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.error-msg{background:color-mix(in srgb, var(--danger) 15%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .85rem;font-size:.875rem}.loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:4rem;display:flex}.empty{text-align:center;color:var(--text-muted);padding:4rem 1rem}.empty-title{color:var(--text);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}@media (width<=640px){.form-row{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.carousel-card{flex:0 0 200px}.banner{height:calc(100vh - var(--header-h))}.series-hero{height:65vw}.series-hero-overlay{padding:.75rem 1rem 1.25rem}}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 1px 4px #0000000f}.settings-section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:.875rem;font-size:.78rem;font-weight:700}.settings-toggle-row{cursor:default;background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex}.settings-toggle-label{margin-bottom:.2rem;font-size:.9rem;font-weight:600}.toggle-btn{background:var(--border);cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle-btn--on{background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle-btn--on .toggle-thumb{transform:translate(20px)}.btn-ghost--active{background:var(--surface-2)!important;color:var(--accent)!important}