:root{color:#f8fafc;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: #141417;--panel-strong: #1d1d22;--muted: #a1a1aa;--line: rgba(255, 255, 255, .1);--accent: #b87aff;--accent-strong: #8b5cf6;--green: #35d399;--red: #fb7185}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(184,122,255,.2),transparent 34rem),radial-gradient(circle at 84% 18%,rgba(53,211,153,.08),transparent 28rem),linear-gradient(180deg,#09090b,#111113 54%,#09090b)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.78}.installed-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;min-width:320px;min-height:100dvh;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(184,122,255,.24),transparent 30rem),linear-gradient(180deg,#09090b,#141417)}.installed-lock-form{display:grid;width:min(100%,390px);gap:16px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#141417f5;box-shadow:0 24px 80px #00000059}.installed-lock-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(184,122,255,.5);border-radius:8px;background:#15131a;color:var(--accent)}.installed-lock-form h1{margin-bottom:8px;font-size:2rem;line-height:1}.installed-lock-form p{margin-bottom:0;color:var(--muted);line-height:1.5}.installed-lock-field{display:grid;gap:8px;color:#d4d4d8;font-size:.9rem;font-weight:700}.installed-lock-field input{min-height:46px;border:1px solid #3f3f46;border-radius:8px;background:#111113;color:#fff;padding:0 12px}.installed-lock-field input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.installed-lock-error{padding:10px 12px;border:1px solid rgba(251,113,133,.36);border-radius:8px;background:#7f1d1d38;color:#fecdd3}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:#fff;text-decoration:none;font-weight:800}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(184,122,255,.55);border-radius:8px;background:#15131a;color:var(--accent)}.nav{display:flex;gap:8px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#0d0d10b8}.nav-button,.primary-button,.secondary-button,.back-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;color:#f8fafc}.nav-button{padding:0 12px;border:0;background:transparent;color:var(--muted)}.nav-button.active,.nav-button:hover{background:var(--panel-strong);color:#fff}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:48px;padding-bottom:28px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 10px;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:820px;margin-bottom:12px;font-size:clamp(2.25rem,7vw,5rem);line-height:.95;letter-spacing:0}.hero-copy{max-width:680px;margin-bottom:0;color:var(--muted);font-size:1.05rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.hero-actions.left{justify-content:flex-start;margin-top:24px}.primary-button,.secondary-button,.back-button,.icon-button{padding:0 16px;border:0}.primary-button{background:var(--accent-strong)}.secondary-button,.back-button,.icon-button{border:1px solid var(--line);background:var(--panel)}.back-button{margin-bottom:24px}.icon-button{width:42px;padding:0}.icon-button.danger{color:var(--red)}.notice{display:grid;gap:6px;margin-top:18px;padding:14px 16px;border:1px solid rgba(251,113,133,.32);border-radius:8px;background:#7f1d1d2e;color:#fecdd3}.notice.compact{display:flex;align-items:center;border-color:#35d39947;background:#14532d33;color:#bbf7d0}.notice p,.notice span{margin:0}.notice span{color:#fecdd3c7;font-size:.9rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0}.catalog-tools{display:grid;gap:14px;margin-bottom:26px}.search-field{display:flex;align-items:center;gap:10px;width:min(520px,100%);min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#0d0d10d1;color:var(--muted)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:#fff}.count{color:var(--muted)}.view-switch,.segmented,.pagination,.page-numbers{display:flex;align-items:center;gap:6px}.view-switch,.segmented{padding:5px;border:1px solid var(--line);border-radius:8px;background:#0d0d10d1}.view-switch button,.segmented button,.catalog-summary button,.page-numbers button,.pagination>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:0;border-radius:7px;background:transparent;color:var(--muted)}.view-switch button{width:38px;padding:0}.segmented button{padding:0 12px;white-space:nowrap}.view-switch button.active,.segmented button.active,.page-numbers button.active,.view-switch button:hover,.segmented button:hover{background:var(--panel-strong);color:#fff}.filter-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.select-field{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#0d0d10d1;color:var(--muted);font-size:.92rem}.select-field select{border:0;outline:0;background:transparent;color:#fff}.select-field option{color:#111113}.tag-filter-row{display:flex;flex-wrap:wrap;gap:8px}.tag.filter{border:0;color:var(--muted)}.tag.filter.active{background:#8b5cf638;color:#fff}.catalog-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;color:var(--muted)}.catalog-summary button{padding:0 10px;border:1px solid var(--line);background:var(--panel);color:#fff}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px}.series-card{display:grid;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:#fff;text-align:left}.series-body{display:grid;gap:8px;min-width:0}.poster{position:relative;display:block;overflow:hidden;aspect-ratio:2 / 3;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#18181b}.poster img,.detail-cover,.saved-main img{width:100%;height:100%;object-fit:cover}.series-card:hover .poster img{transform:scale(1.035)}.poster img{transition:transform .18s ease}.saved-badge{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;background:#09090bd1;color:var(--green);font-size:.75rem;font-weight:800}.series-title{display:block;min-height:2.7em;color:#f4f4f5;font-size:.95rem;font-weight:700;line-height:1.35}.series-tags,.tag-row{display:flex;flex-wrap:wrap;gap:6px}.series-description{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.9rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.series-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.82rem;font-weight:700}.series-meta span{display:inline-flex;align-items:center;gap:4px}.series-grid.list{grid-template-columns:1fr}.series-grid.list .series-card{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#1414179e}.series-grid.list .poster{width:112px}.series-grid.list .series-title{min-height:auto;font-size:1.05rem}.series-grid.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.series-grid.compact .series-card{grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;min-height:86px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#1414179e}.series-grid.compact .poster{width:54px;height:72px}.series-grid.compact .series-title{min-height:auto}.series-grid.compact .saved-badge{display:none}.pagination{justify-content:center;margin-top:32px}.pagination>button,.page-numbers button{min-width:42px;padding:0 12px;border:1px solid var(--line);background:var(--panel);color:#fff}.pagination>button:disabled,.page-numbers button:disabled{cursor:not-allowed;opacity:.45}.page-numbers button.active{border-color:#b87aff8c;background:var(--accent-strong)}.tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;background:#ffffff14;color:#d4d4d8;font-size:.78rem;font-weight:700}.tag.small{min-height:20px;font-size:.7rem}.detail,.reader,.offline{margin-top:38px}.detail-hero{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:end;padding-bottom:28px;border-bottom:1px solid var(--line)}.detail-cover{aspect-ratio:2 / 3;border-radius:8px;background:var(--panel)}.series-detail-description{max-width:780px;margin:18px 0 0;color:var(--muted);font-size:.98rem;line-height:1.7;white-space:pre-line}.chapter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.chapter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0;min-height:88px;padding:0;border:1px solid var(--line);border-radius:8px;background:#141417cc;color:#fff;text-align:left}.chapter-main{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:86px;padding:8px 10px 8px 8px;border:0;background:transparent;color:#fff;text-align:left}.chapter-row.locked{cursor:not-allowed;opacity:.82}.chapter-main:disabled{cursor:not-allowed}.chapter-row:hover,.saved-item:hover{border-color:#b87aff66}.chapter-row.locked:hover{border-color:var(--line)}.chapter-preview{position:relative;display:grid;overflow:hidden;width:132px;aspect-ratio:16 / 9;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#18181b;color:var(--muted)}.chapter-preview-icon{z-index:0}.chapter-preview img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover}.chapter-fallback-cover{z-index:0;opacity:.68;filter:saturate(.82)}.chapter-preview-image{z-index:1}.chapter-crown{position:absolute;top:0;right:0;display:grid;z-index:2;width:26px;height:24px;place-items:center;border-bottom-left-radius:7px;background:#f59e0b;color:#fff}.chapter-title{display:grid;gap:7px;min-width:0}.chapter-heading{display:flex;align-items:center;gap:8px;min-width:0}.chapter-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.chapter-title small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.chapter-submeta,.chapter-actions{display:inline-flex;align-items:center;gap:10px}.chapter-submeta{flex-wrap:wrap;color:var(--muted);font-size:.86rem;font-weight:700}.chapter-submeta span,.chapter-actions{display:inline-flex;align-items:center;gap:5px}.chapter-actions{gap:8px;padding-right:12px;color:var(--muted);flex-shrink:0}.chapter-save-button.saved{color:var(--green)}.chapter-read-chevron{color:var(--muted)}.premium-badge{display:inline-flex;align-items:center;min-height:21px;padding:0 6px;border-radius:6px;background:#f59e0b2e;color:#fbbf24;font-size:.68rem;font-weight:800}.saved-chip{display:inline-flex;align-items:center;gap:4px;min-height:21px;padding:0 6px;border-radius:6px;background:#35d39924;color:var(--green);font-size:.68rem;font-weight:800;text-transform:uppercase}.premium-until{color:#fbbf24}.premium-unlocked{color:var(--green)}.reader{width:min(980px,100%);margin-right:auto;margin-left:auto}.reader-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;background:#09090be6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reader-bar .back-button{margin-bottom:0}.reader-bar span{color:var(--muted);font-weight:700}.reader-chapter-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 30px}.reader-chapter-nav.bottom{margin:34px 0 0}.reader-chapter-link{display:grid;gap:8px;min-width:0;min-height:76px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#141417d1;color:#fff;text-align:left}.reader-chapter-link.next{justify-items:end;border-color:#8b5cf657;background:#1b0d2bc7;text-align:right}.reader-chapter-link:hover:not(:disabled){border-color:#b87aff8a;background:#1d1d22eb}.reader-chapter-link.next:hover:not(:disabled){border-color:#b87affb3;background:#250f3de0}.reader-chapter-link:disabled{cursor:not-allowed;opacity:.46}.reader-chapter-link span{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.reader-chapter-link.next span{color:var(--accent)}.reader-chapter-link strong{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;font-size:1rem}.reader-chapter-link strong svg{flex:0 0 auto}.pages{display:grid;gap:0;margin-top:12px}.pages img{display:block;width:100%;min-height:180px;background:var(--panel)}.reader-suggestions{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.reader-suggestions-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.reader-suggestions-head h2{margin-bottom:8px;color:#fff;font-size:clamp(1.7rem,5vw,3rem);font-style:italic;font-weight:900;line-height:.95;text-transform:uppercase}.reader-suggestions-head h2 span{display:inline-block;padding:0 8px 2px;border-radius:6px;background:var(--accent-strong)}.reader-suggestions-head p{margin-bottom:0;color:var(--muted);font-style:italic}.reader-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:18px 14px}.reader-suggestion-card{display:grid;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:#fff;text-align:left}.reader-suggestion-card:hover .poster img{transform:scale(1.035)}.reader-suggestions-grid.loading{grid-template-columns:repeat(6,minmax(0,1fr))}.reader-suggestion-skeleton{display:block;aspect-ratio:2 / 3;border-radius:8px;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:220% 100%;animation:suggestion-loading 1.2s ease-in-out infinite}@keyframes suggestion-loading{0%{background-position:100% 0}to{background-position:-120% 0}}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.saved-list{display:grid;gap:12px}.saved-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#141417c2}.saved-main{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:0;border:0;background:transparent;color:#fff;text-align:left}.saved-main img{aspect-ratio:2 / 3;border-radius:6px;background:var(--panel)}.saved-main span{display:grid;gap:4px;min-width:0}.saved-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-main small{color:var(--muted)}.empty-state{display:grid;justify-items:center;max-width:520px;margin:72px auto 0;padding:34px 20px;color:var(--muted);text-align:center}.empty-state svg{margin-bottom:18px;color:var(--accent)}.empty-state h2{margin-bottom:10px;color:#fff}.empty-state p{margin-bottom:0;line-height:1.65}@media(max-width:760px){.app-shell{width:min(100% - 24px,1180px);padding-top:14px}.topbar,.hero,.detail-hero,.toolbar{align-items:stretch;grid-template-columns:1fr}.topbar,.toolbar{flex-direction:column}.nav,.search-field,.filter-panel,.segmented,.select-field,.view-switch{width:100%}.nav-button,.segmented button{flex:1}.hero{margin-top:34px}.hero-actions,.primary-button,.secondary-button{width:100%}.detail-cover{width:min(220px,68vw)}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.filter-panel,.catalog-summary,.pagination{align-items:stretch;flex-direction:column}.tag-filter-row{max-height:124px;overflow:auto}.series-grid.list .series-card{grid-template-columns:88px minmax(0,1fr)}.series-grid.list .poster{width:88px}.series-grid.compact,.chapter-list{grid-template-columns:1fr}.chapter-main{grid-template-columns:104px minmax(0,1fr);gap:10px}.chapter-preview{width:104px}.page-numbers{justify-content:center;flex-wrap:wrap}.reader-chapter-nav{grid-template-columns:1fr}.reader-chapter-link.next{justify-items:start;text-align:left}.reader-suggestions-grid,.reader-suggestions-grid.loading{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.chapter-main{grid-template-columns:82px minmax(0,1fr);padding-right:8px}.chapter-preview{width:82px}.chapter-open-button,.chapter-read-chevron{display:none}}