@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#0b0d12;--bg-secondary:#11141b;--surface:#171b24;--surface-elevated:#1d222d;--surface-hover:#222736;--text-primary:#f5f7fa;--text-secondary:#9da5b4;--text-muted:#697386;--accent:#f66;--accent-hover:#ff8080;--accent-secondary:#f49;--success:#31c48d;--warning:#f5a524;--danger:#ef4444;--border:#ffffff14;--border-strong:#ffffff24;--overlay:#0b0d12d9;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--header-h:60px}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--surface:#fff;--surface-elevated:#f7f8fa;--surface-hover:#eef0f4;--text-primary:#0d1117;--text-secondary:#4a5568;--text-muted:#718096;--border:#00000014;--border-strong:#00000024;--overlay:#f0f2f5e6;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 32px #0000002e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,Manrope,system-ui,sans-serif;line-height:1.6;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1520px;margin:0 auto;padding:0 24px}.page-wrapper{padding-top:var(--header-h);min-height:100vh}.text-display{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.text-h1{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.text-h2{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;line-height:1.3}.text-h3{font-size:1.25rem;font-weight:600;line-height:1.4}.text-h4{font-size:1rem;font-weight:600}.text-body-lg{font-size:1.0625rem;line-height:1.7}.text-body{font-size:.9375rem;line-height:1.6}.text-sm{font-size:.8125rem;line-height:1.5}.text-xs{font-size:.75rem;line-height:1.4}.text-label{letter-spacing:.01em;font-size:.8125rem;font-weight:500}.btn{border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9375rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff666659}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{border-radius:var(--radius-sm);padding:7px 14px;font-size:.8125rem}.btn-lg{padding:13px 28px;font-size:1rem}.btn-icon{border-radius:var(--radius-sm);padding:9px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-elevated{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.input{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff666626}.input.error{border-color:var(--danger)}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.badge{border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent);background:#ff66662e}.badge-success{color:var(--success);background:#31c48d26}.badge-warning{color:var(--warning);background:#f5a52426}.badge-danger{color:var(--danger);background:#ef444426}.badge-muted{background:var(--surface-elevated);color:var(--text-muted)}.badge-pink{color:var(--accent-secondary);background:#ff4d8d26}.rating-display{color:var(--warning);align-items:center;gap:5px;font-size:.875rem;font-weight:600;display:inline-flex}.title-card{position:relative}.title-card__cover{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-md);background:var(--surface-elevated);width:100%}.title-card:hover .title-card__overlay{opacity:1}.title-card__cover-wrap{border-radius:var(--radius-md);position:relative;overflow:hidden}.title-card__cover-wrap img{transition:transform .3s}.title-card:hover .title-card__cover-wrap img{transform:scale(1.04)}.title-card__title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;display:-webkit-box;overflow:hidden}.title-card__meta{color:var(--text-muted);margin-top:3px;font-size:.75rem}.title-card__rating{color:var(--warning);font-size:.75rem;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--surface-elevated) 25%, var(--surface-hover) 50%, var(--surface-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{font-size:1.125rem;font-weight:700}.genre-chip{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.genre-chip:hover,.genre-chip.active{color:var(--accent);background:#ff666626;border-color:#ff66664d}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);max-height:90vh;animation:.2s slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);align-items:center;gap:10px;min-width:280px;max-width:360px;padding:12px 16px;animation:.25s slideInRight;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--accent)}.tabs{border-bottom:1px solid var(--border);gap:0;display:flex}.tab-btn{color:var(--text-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:11px 18px;font-size:.9rem;font-weight:500;transition:all .15s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.pagination{align-items:center;gap:6px;display:flex}.page-btn{border-radius:var(--radius-sm);background:var(--surface-elevated);border:1px solid var(--border);min-width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.page-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.progress-bar{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.progress-bar__fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state__icon{width:64px;height:64px;color:var(--text-muted)}.empty-state__title{font-size:1.1rem;font-weight:600}.empty-state__desc{color:var(--text-secondary);max-width:360px;font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.scroll-row{scrollbar-width:none;-ms-overflow-style:none;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.divider{background:var(--border);width:100%;height:1px}.status-ongoing{color:var(--success)}.status-completed{color:var(--accent)}.status-hiatus{color:var(--warning)}.status-cancelled{color:var(--danger)}.status-announced{color:var(--text-muted)}.status-dropped{color:var(--danger)}.status-frozen{color:var(--text-muted)}@media (width<=767px){.container{padding:0 16px}.btn-lg{padding:12px 20px;font-size:.9375rem}.modal-box{border-radius:var(--radius-lg)}.btn{min-height:44px}.btn-sm{min-height:36px}.btn-icon{min-width:44px;min-height:44px}.toast-container{align-items:stretch;bottom:16px;left:12px;right:12px}.toast{min-width:unset;max-width:100%}.text-h1{font-size:1.5rem}}@media (width<=380px){.container{padding:0 12px}}.profile-stats-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:8px;margin-top:16px;padding:12px;display:flex}.profile-stat-col{text-align:center;flex:1;padding:4px}.profile-stat-col:not(:last-child){border-right:1px solid var(--border)}.profile-stat-val{font-size:1.375rem;font-weight:700;line-height:1.2}.profile-stat-lbl{color:var(--text-muted);white-space:nowrap;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:.75rem;display:flex}@media (width<=480px){.profile-stat-lbl{gap:2px;font-size:.6875rem}.profile-stats-row{padding:8px}}.header{z-index:500;height:var(--header-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#0b0d12e6;transition:height .2s,background .2s;position:fixed;top:0;left:0;right:0}[data-theme=light] .header{background:#f0f2f5eb}.header--compact{height:52px}.header__inner{align-items:center;gap:16px;height:100%;display:flex}.header__logo{flex-shrink:0;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;display:flex}.header__logo-img{object-fit:contain;width:auto;height:36px}.header__nav{align-items:center;gap:2px;margin-left:8px;display:flex}.header__nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 12px;font-size:.9rem;font-weight:500;transition:color .15s,background .15s}.header__nav-link:hover,.header__nav-link.active{color:var(--text-primary);background:var(--surface)}.header__search-wrap{margin-left:auto;position:relative}.header__search-dropdown{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(360px,100vw - 32px);box-shadow:var(--shadow-lg);z-index:600;animation:.15s slideUp;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@media (width<=1023px){.header__search-dropdown{top:calc(var(--header-h) + 6px);width:auto;max-width:none;animation:.15s slideUp;position:fixed;left:12px;right:12px}}.header__search-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.header__search-icon{color:var(--text-muted);flex-shrink:0}.header__search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.header__search-input::placeholder{color:var(--text-muted)}.header__search-hints{padding:8px}.header__search-hint-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;font-size:.75rem;font-weight:600}.header__search-hint{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);align-items:center;gap:8px;padding:8px;font-size:.875rem;transition:background .15s,color .15s;display:flex}.header__search-hint:hover{background:var(--surface-hover);color:var(--text-primary)}.header__actions{align-items:center;gap:4px;display:flex}.header__auth{gap:8px;display:flex}.header__avatar-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;display:flex}.header__avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:32px;height:32px}.header__avatar--placeholder{background:var(--accent);color:#fff;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.header__profile-wrap{position:relative}.header__profile-dropdown{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-lg);z-index:100;animation:.15s slideUp;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.header__profile-info{padding:14px 16px}.header__profile-name{font-size:.9375rem;font-weight:600;display:block}.header__profile-email{color:var(--text-muted);margin-top:2px;font-size:.8rem;display:block}.header__profile-divider{background:var(--border);height:1px}.header__profile-item{width:100%;color:var(--text-secondary);align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;transition:background .15s,color .15s;display:flex}.header__profile-item:hover{background:var(--surface-hover);color:var(--text-primary)}.header__profile-item--danger{color:var(--danger)}.header__profile-item--danger:hover{background:#ef444414}.header__hamburger{display:none}.header__mobile-hidden{display:flex}.mobile-nav{top:var(--header-h);z-index:490;background:var(--bg-secondary);border-top:1px solid var(--border);animation:.15s fadeIn;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.mobile-nav__links{flex-direction:column;gap:2px;padding:12px;display:flex}.mobile-nav__link{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;width:100%;min-height:52px;padding:14px 16px;font-size:1rem;font-weight:500;transition:background .15s,color .15s;display:flex}.mobile-nav__link:hover,.mobile-nav__link:active{background:var(--surface);color:var(--text-primary)}.mobile-nav__link--danger{color:var(--danger)}.mobile-nav__divider{background:var(--border);height:1px;margin:8px 16px}@media (width<=1023px){.header__nav,.header__auth,.header__hamburger,.header__mobile-hidden,.header__avatar-btn svg{display:none}}@media (width>=1024px){.mobile-nav,.header__hamburger{display:none}}.bottom-nav{display:none}@media (width<=1023px){.bottom-nav{z-index:495;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);height:60px;padding-bottom:env(safe-area-inset-bottom);background:#11141bf5;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:6px 4px;text-decoration:none;transition:color .15s;display:flex}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__icon{justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav__item--active .bottom-nav__icon:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.bottom-nav__label{letter-spacing:.01em;font-size:.65rem;font-weight:500}.page-wrapper{padding-bottom:calc(60px + env(safe-area-inset-bottom))}[data-theme=light] .bottom-nav{background:#f0f2f5f5}}.title-card__cover-wrap{border-radius:var(--radius-md);display:block;position:relative;overflow:hidden}.title-card__cover{aspect-ratio:2/3;object-fit:cover;background:var(--surface-elevated);width:100%;transition:transform .3s;display:block}.title-card__cover-wrap:hover .title-card__cover{transform:scale(1.04)}.title-card__age-badge{background:var(--danger);color:#fff;border-radius:4px;padding:2px 5px;font-size:.65rem;font-weight:700;position:absolute;top:6px;left:6px}.title-card__overlay{border-radius:var(--radius-md);opacity:0;background:linear-gradient(#0000 0%,#0b0d1233 40%,#0b0d12f7 100%);flex-direction:column;justify-content:flex-end;padding:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.title-card__cover-wrap:hover .title-card__overlay{opacity:1}.title-card__action-btn{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff26;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.title-card__action-btn:hover,.title-card__action-btn.active{background:var(--accent)}.title-card__action-btn.favorite{color:var(--danger);background:#ef444440}.title-card__action-btn.favorite:hover{background:var(--danger);color:#fff}.title-card__info{padding:8px 2px 2px}.title-card__title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.title-card__title:hover{color:var(--accent)}.title-card__rating{color:var(--warning);align-items:center;font-size:.75rem;font-weight:600;display:flex}.title-card__meta{color:var(--text-muted);font-size:.75rem}.title-card-h{border-radius:var(--radius-md);gap:12px;padding:12px;transition:background .15s;display:flex}.title-card-h:hover{background:var(--surface-hover)}.title-card-h__cover{object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-elevated);flex-shrink:0;width:52px;height:72px}.title-card-h__info{flex:1;min-width:0}.title-card-h__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.9rem;font-weight:600;overflow:hidden}.title-card-h__romanized{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.8rem;overflow:hidden}.title-card-h__meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0b0d12bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.card-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden}.card-modal.quick-info-modal{max-width:520px}.card-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card-modal__title{color:var(--text-primary);font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:700}.library-option{cursor:pointer;color:var(--text-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;font-size:.95rem;font-weight:500;transition:background .15s,color .15s;display:flex}.library-option:last-child{border-bottom:none}.library-option:hover{background:var(--surface-hover);color:var(--text-primary)}.library-option.active{color:var(--accent);background:#7c5cfc0a}.library-option.remove{color:var(--danger)}.library-option.remove:hover{background:#ef444414}.quick-info-content{flex-direction:column;gap:16px;display:flex}.quick-info-top{gap:16px;display:flex}.quick-info-cover{object-fit:cover;border-radius:var(--radius-md);background:var(--surface-elevated);width:110px;height:160px;box-shadow:var(--shadow-md);flex-shrink:0}.quick-info-meta-wrap{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.quick-info-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.quick-info-subtitle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.825rem;overflow:hidden}.quick-info-stats{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0;display:flex}.quick-info-stat{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.quick-info-stat.rating{color:var(--warning);font-weight:600}.quick-info-chips,.quick-info-genres{flex-wrap:wrap;gap:6px;display:flex}.genre-chip-sm{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:.725rem}.quick-info-desc{max-height:90px;color:var(--text-secondary);scrollbar-width:thin;padding-right:6px;font-size:.85rem;line-height:1.6;overflow-y:auto}.quick-info-desc::-webkit-scrollbar{width:4px}.quick-info-desc::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.quick-info-actions{gap:10px;margin-top:6px;display:flex}@media (width<=500px){.card-modal-backdrop{align-items:flex-end;padding:0}.card-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;border-left:none;border-right:none;max-width:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideFromBottom}.quick-info-actions{flex-direction:column}.quick-info-top{gap:12px}.quick-info-cover{width:90px;height:130px}.quick-info-title{font-size:1.05rem}}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hero{min-height:520px;margin-top:calc(-1 * var(--header-h));padding-top:var(--header-h);align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{filter:blur(8px)brightness(.25)saturate(1.4);background-position:top;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.hero__overlay{background:linear-gradient(90deg,#0b0d12f7 40%,#0b0d1299 70%,#0b0d124d 100%),linear-gradient(#0000 70%,#0b0d12 100%);position:absolute;inset:0}.hero__content{z-index:1;align-items:center;gap:32px;padding-top:48px;padding-bottom:64px;display:flex;position:relative}.hero__main{flex:1;max-width:640px}.hero__badges{gap:8px;margin-bottom:16px;display:flex}.hero__title{letter-spacing:-.03em;margin-bottom:6px;font-family:Manrope,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.hero__original{color:var(--text-muted);margin-bottom:16px;font-size:1rem}.hero__stats{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.hero__rating{color:var(--warning);align-items:center;gap:5px;font-size:1rem;font-weight:700;display:flex}.hero__stat{color:var(--text-secondary);align-items:center;gap:5px;font-size:.875rem;display:flex}.hero__desc{color:var(--text-secondary);max-width:520px;margin-bottom:28px;font-size:.9375rem;line-height:1.7}.hero__cta{flex-wrap:wrap;gap:12px;display:flex}.hero__side{align-items:center;gap:10px;display:flex}.hero__thumb{border-radius:var(--radius-md);opacity:.5;flex-shrink:0;transition:opacity .2s,transform .2s;overflow:hidden}.hero__thumb img{object-fit:cover;width:72px;height:108px;display:block}.hero__thumb--active{opacity:1;box-shadow:0 0 0 2px var(--accent);transform:scale(1.06)}.hero__thumb:hover{opacity:.85}@media (width<=1280px){.titles-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=1023px){.titles-grid{grid-template-columns:repeat(4,1fr)}.hero__side{display:none}}@media (width<=767px){.titles-grid{grid-template-columns:repeat(3,1fr);gap:10px}.hero__title{font-size:1.75rem}.hero{min-height:420px}}@media (width<=480px){.titles-grid{grid-template-columns:repeat(2,1fr)}}.catalog-sidebar{z-index:700;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;gap:0;width:320px;animation:.28s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-8px 0 40px #00000080}@keyframes drawerSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.catalog-sidebar__body{scrollbar-width:thin;flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.catalog-sidebar__body::-webkit-scrollbar{width:4px}.catalog-sidebar__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.catalog-sidebar__header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.catalog-sidebar__title{color:var(--text-primary);font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:700}.catalog-sidebar__actions{border-top:1px solid var(--border);background:var(--surface);padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-shrink:0;gap:10px;display:flex}.catalog-filter-group{flex-direction:column;gap:10px;display:flex}.catalog-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.catalog-filters-backdrop{-webkit-backdrop-filter:blur(4px);z-index:690;background:#000000a6;animation:.2s fadeIn;position:fixed;inset:0}.titles-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px;display:grid}@media (width<=600px){.catalog-sidebar{border-left:none;border-top:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;max-height:80vh;animation:.28s cubic-bezier(.16,1,.3,1) sheetSlideUp;inset:auto 0 0;box-shadow:0 -8px 40px #00000080}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.titles-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=360px){.titles-grid{gap:8px}}.rsp-overlay{z-index:300;opacity:0;pointer-events:none;background:#0000008c;justify-content:flex-end;transition:opacity .2s;display:flex;position:fixed;inset:0}.rsp-overlay--open{opacity:1;pointer-events:all}.rsp-panel{background:var(--surface-elevated);border-left:1px solid var(--border);flex-direction:column;width:340px;height:100%;transition:transform .25s;display:flex;transform:translate(100%)}.rsp-panel--open{transform:translate(0)}.rsp-panel__head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.rsp-panel__title{margin:0;font-size:1rem;font-weight:700}.rsp-panel__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.rsp-panel__close:hover{background:var(--surface-2);color:var(--text-primary)}.rsp-scroll{flex-direction:column;gap:22px;padding:20px;display:flex;overflow-y:auto}.rsp-group{flex-direction:column;gap:12px;display:flex}.rsp-group__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.78rem;font-weight:600}.rsp-toggle{background:var(--surface-2);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:2px;transition:background .2s}.rsp-toggle--on{background:var(--accent,#6366f1)}.rsp-toggle__knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;display:block}.rsp-toggle--on .rsp-toggle__knob{transform:translate(20px)}.rsp-row{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.rsp-row span:first-child{flex:1}.rsp-segmented{background:var(--surface-2);border-radius:10px;gap:4px;padding:4px;display:flex}.rsp-segmented__btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;display:flex}.rsp-segmented__btn:hover{color:var(--text-primary)}.rsp-segmented__btn--on{background:var(--accent,#6366f1);color:#fff}.rsp-segmented__icon{align-items:center;display:flex}.rsp-slider-row{flex-direction:column;gap:8px;display:flex}.rsp-slider-row__head{justify-content:space-between;align-items:baseline;display:flex}.rsp-slider-row__label{color:var(--text-primary);font-size:.88rem}.rsp-slider-row__value{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.rsp-slider{appearance:none;background:var(--surface-2);border-radius:3px;outline:none;width:100%;height:6px}.rsp-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent,#6366f1);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px}.rsp-slider::-moz-range-thumb{background:var(--accent,#6366f1);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px}@media (width<=767px){.rsp-panel{width:100%}}.reader{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.reader-bar{z-index:200;opacity:0;pointer-events:none;transition:opacity .25s;position:fixed;left:0;right:0}.reader-bar--visible{opacity:1;pointer-events:all}.reader-bar--top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0b0d12eb;top:0}.reader-bar--bottom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);background:#0b0d12eb;bottom:0}.reader-bar__inner{align-items:center;gap:12px;height:54px;padding:0 16px;display:flex}.reader-bar__title{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.reader-bar__center{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.reader-bar__chapter{font-size:.9rem;font-weight:600}.reader-vertical{flex-direction:column;align-items:center;width:100%;padding:54px 0;display:flex}.reader-vertical__page{width:100%;max-width:var(--reader-width,900px);justify-content:center;margin:0 auto;display:flex}.reader-vertical__page img{width:100%;height:auto;display:block}.reader-paged{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:54px 0;display:flex;position:relative}.reader-paged__content{max-width:var(--reader-width,900px);justify-content:center;width:100%;display:flex;position:relative}.reader-paged__content img{width:100%;height:auto;display:block}.reader-paged__zone{cursor:pointer;z-index:10;width:30%;position:absolute;top:0;bottom:0}.reader-paged__zone--left{left:0}.reader-paged__zone--right{right:0}.reader-page-img{display:block}.reader-page-img--fit_width{width:100%;height:auto}.reader-page-img--fit_height{width:auto;max-width:none;height:calc(100vh - 108px)}.reader-page-img--original{width:auto;max-width:none;height:auto}.reader-settings-overlay{z-index:300;background:#00000080;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.reader-settings-panel{background:var(--surface-elevated);border-left:1px solid var(--border);width:320px;height:100%;padding:24px;animation:.2s slideInRight;overflow-y:auto}.reader-settings-group{margin-bottom:20px}.reader-settings-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.8125rem;font-weight:600}@media (width<=767px){.reader-settings-panel{width:100%}.reader-bar__title{display:none}}.settings-layout{align-items:flex-start;gap:24px;display:flex}.settings-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:220px;top:calc(var(--header-h) + 16px);flex-shrink:0;position:sticky;overflow:hidden}.settings-nav__item{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border-right:2px solid #0000;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.settings-nav__item--active{color:var(--accent);border-right-color:var(--accent);background:#7c5cfc1a}.settings-nav__item:hover:not(.settings-nav__item--active){background:var(--surface-hover);color:var(--text-primary)}.settings-content{flex:1;min-width:0}@media (width<=767px){.settings-layout{flex-direction:column;gap:16px}.settings-nav{scrollbar-width:none;-ms-overflow-style:none;border-radius:var(--radius-md);border-right:none;flex-direction:row;width:100%;display:flex;position:static;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav__item{white-space:nowrap;border-bottom:2px solid #0000;border-right:none;flex-shrink:0;gap:6px;padding:10px 14px;font-size:.85rem}.settings-nav__item--active{border-right-color:#0000;border-bottom-color:var(--accent)}.settings-content{width:100%}}.auth-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c5cfc14 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;left:-200px}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff4d8d0f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;right:-150px}.auth-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:1;padding:40px;position:relative}.auth-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.auth-logo-text{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-title{text-align:center;margin-bottom:6px;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:28px;font-size:.9rem}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-error{color:var(--danger);margin-top:2px;font-size:.8rem}.input-icon-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.input-with-icon{padding-left:38px!important}.input-with-icon-right{padding-right:38px!important}.input-icon-right{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;transition:color .15s;display:flex;position:absolute;right:10px}.input-icon-right:hover{color:var(--text-primary)}.auth-error{border-radius:var(--radius-md);color:var(--danger);background:#ef44441a;border:1px solid #ef444440;margin-bottom:8px;padding:10px 14px;font-size:.875rem}.auth-switch{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.875rem}.auth-switch a{color:var(--accent);font-weight:500}.auth-switch a:hover{text-decoration:underline}@media (width<=480px){.auth-card{border-radius:var(--radius-lg);padding:28px 20px}}.admin-layout{min-height:calc(100vh - var(--header-h));display:flex}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);width:240px;top:var(--header-h);height:calc(100vh - var(--header-h));flex-shrink:0;padding:20px 12px;position:sticky;overflow-y:auto}.admin-sidebar__brand{color:var(--accent);align-items:center;gap:10px;padding:0 12px 18px;font-size:1rem;font-weight:800;display:flex}.admin-sidebar__group{margin-bottom:18px}.admin-sidebar__group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 12px 8px;font-size:.68rem;font-weight:700}.admin-nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.admin-nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.admin-nav-link.active{color:var(--accent);background:#7c5cfc26}.admin-main{flex:1;min-width:0;padding:28px 32px 48px}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-page-title{align-items:center;gap:12px;display:flex}.admin-page-title h1{font-size:1.5rem;font-weight:800}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:18px;display:flex}.admin-stat-card__icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent);background:#7c5cfc26;justify-content:center;align-items:center;display:flex}.admin-stat-card__value{font-size:1.6rem;font-weight:800}.admin-stat-card__label{color:var(--text-muted);font-size:.8rem}.admin-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-elevated);padding:12px 16px;font-size:.72rem}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface-hover)}.admin-table .cell-mono{color:var(--text-muted);font-family:monospace;font-size:.78rem}.table-actions{justify-content:flex-end;gap:6px;display:flex}.admin-thumb{object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-elevated);width:42px;height:58px}.admin-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-form-grid .full{grid-column:1/-1}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-field__hint{color:var(--text-muted);font-size:.72rem}.admin-form-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-form-row--between{justify-content:space-between}.admin-chips{flex-wrap:wrap;gap:6px;display:flex}.admin-chip{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:100px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:all .15s}.admin-chip.active{color:var(--accent);background:#7c5cfc2e;border-color:#7c5cfc66}.admin-search{width:100%;max-width:320px;position:relative}.admin-search__icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-kv{border-bottom:1px dashed var(--border);gap:8px;padding:6px 0;font-size:.85rem;display:flex}.admin-kv__k{color:var(--text-muted);flex-shrink:0;min-width:170px}.admin-kv__v{color:var(--text-primary);word-break:break-word}.admin-error{color:var(--danger);border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef44444d;margin-bottom:16px;padding:12px 16px;font-size:.85rem}.admin-dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;cursor:pointer;color:var(--text-secondary);padding:28px;font-size:.875rem;transition:all .15s}.admin-dropzone:hover,.admin-dropzone.drag{border-color:var(--accent);color:var(--accent)}.btn .spinner{border-width:2px;width:14px;height:14px}.admin-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.admin-tab{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:100px;padding:8px 16px;font-size:.82rem;font-weight:600}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=900px){.admin-layout{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;width:100%;height:auto;display:flex;position:static}.admin-sidebar__brand,.admin-sidebar__group-title{display:none}.admin-sidebar__group{margin:0}.admin-nav-link{padding:7px 10px;font-size:.78rem}.admin-main{padding:20px 16px 40px}.admin-form-grid{grid-template-columns:1fr}}@media (width<=767px){.admin-sidebar__group{display:contents}.admin-table{font-size:.78rem}.admin-table td{padding:9px 12px}.admin-table .hide-sm{display:none}}