.page{flex:1 1;padding:var(--spacing-2xl) 0;animation:fadeIn var(--transition-base);position:relative;z-index:1}.page__title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page__subtitle{font-size:clamp(.9rem,2vw,1.15rem);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.catalog__filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.catalog__filter-btn{padding:var(--spacing-xs) var(--spacing-lg);font-size:.85rem;font-weight:600;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap}.catalog__filter-btn:hover{border-color:var(--color-border-light);color:var(--color-text)}.catalog__filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:20px;gap:20px;padding:20px 0}@media (min-width:1400px){.content-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1100px) and (max-width:1399px){.content-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:900px) and (max-width:1099px){.content-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:650px) and (max-width:899px){.content-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:649px){.content-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.content-grid--empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-text-muted)}.content-grid--empty__title{font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}.content-grid--empty__text{font-size:.85rem}.catalog__pagination{gap:6px;padding:24px 0}.catalog__page-btn,.catalog__pagination{display:flex;align-items:center;justify-content:center}.catalog__page-btn{min-width:36px;height:36px;padding:0 8px;font-size:.85rem;font-weight:600;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.catalog__page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-text)}.catalog__page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.catalog__page-btn:disabled{opacity:.35;cursor:default}.catalog__page-dots{width:36px;text-align:center;color:var(--color-text-muted);font-size:.85rem}.title-card{position:relative;border-radius:12px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-base);cursor:pointer;display:flex;flex-direction:column;text-decoration:none;color:inherit}.title-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 20px rgba(124,58,237,.15);border-color:var(--color-primary)}.title-card__poster{position:relative;width:100%;aspect-ratio:3/4.2;overflow:hidden;background:var(--color-bg-tertiary)}.title-card__poster img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.title-card:hover .title-card__poster img{transform:scale(1.08)}.title-card__poster--noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-tertiary)}.title-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85));opacity:0;transition:opacity var(--transition-base);display:flex;flex-direction:column;justify-content:flex-end;padding:12px}.title-card:hover .title-card__overlay{opacity:1}.title-card__overlay-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--color-primary);color:#fff;border-radius:8px;font-size:.8rem;font-weight:600;transition:background var(--transition-fast)}.title-card__overlay-btn:hover{background:var(--color-primary-hover)}.title-card__badges{position:absolute;top:6px;left:6px;right:6px;display:flex;flex-wrap:wrap;gap:3px;pointer-events:none;z-index:2;justify-content:space-between}.title-card__badge{padding:2px 7px;border-radius:4px;font-size:.64rem;font-weight:700;text-transform:uppercase;line-height:1.3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.title-card__badge--type{background:rgba(124,58,237,.85);color:#fff}.title-card__badge--year{background:rgba(0,0,0,.55);color:#fff}.title-card__badge--status{position:absolute;bottom:6px;left:6px}.title-card__badge--ongoing{background:rgba(16,185,129,.9);color:#fff}.title-card__badge--completed{background:rgba(107,114,128,.8);color:#fff}.title-card__badge--announced{background:rgba(245,158,11,.9);color:#fff}.title-card__badge--rating{background:rgba(251,191,36,.85);color:#1a1a2e}.title-card__badge--eps{background:rgba(124,58,237,.6);color:#fff}.title-card__badge--country{background:rgba(59,130,246,.85);color:#fff}.title-card__info{padding:10px 12px;flex:1 1;display:flex;flex-direction:column;gap:4px}.title-card__title{font-size:.85rem;font-weight:600;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.title-card:hover .title-card__title{color:var(--color-accent)}.title-card__meta-line{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.7rem;margin-top:2px}.title-card__genres,.title-card__meta-line{color:var(--color-text-muted)}.title-card--skeleton{pointer-events:none}.title-card--skeleton .title-card__poster{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-surface-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.title-card--skeleton .title-card__title{height:14px;width:80%}.title-card--skeleton .title-card__meta-line,.title-card--skeleton .title-card__title{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-surface-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.title-card--skeleton .title-card__meta-line{height:12px;width:60%}.catalog__sort{margin-left:auto}.catalog__sort-select{padding:.5rem 2rem .5rem .75rem;font-size:.82rem;font-weight:500;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:160px;transition:border-color var(--transition-fast),color var(--transition-fast)}.catalog__sort-select:hover{border-color:var(--color-border-light);color:var(--color-text)}.catalog__sort-select:focus{border-color:var(--color-primary);color:var(--color-text)}.catalog__toolbar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center}.filter-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.filter-trigger:hover{border-color:var(--color-primary);color:var(--color-text);background:var(--color-surface-hover)}.filter-trigger__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700}.filter-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:.82rem;font-weight:600;border-radius:var(--radius-lg);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.filter-reset-btn:hover{border-color:var(--color-error);color:var(--color-error)}.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-md)}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:600;border-radius:6px;background:var(--color-primary-light);border:1px solid rgba(124,58,237,.3);color:var(--color-accent-bright)}.active-filter-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:transparent;border:none;color:var(--color-accent);cursor:pointer;padding:0;transition:all var(--transition-fast)}.active-filter-chip__remove:hover{background:var(--color-error);color:#fff}.filter-overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.filter-modal{width:100%;max-width:700px;max-height:85vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(124,58,237,.1);display:flex;flex-direction:column;animation:filterSlideUp .25s ease}@keyframes filterSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.filter-modal__title{font-size:1.1rem;font-weight:700;color:var(--color-text)}.filter-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-modal__close:hover{background:var(--color-surface-hover);color:var(--color-text)}.filter-modal__body{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.filter-modal__body::-webkit-scrollbar{width:6px}.filter-modal__body::-webkit-scrollbar-track{background:transparent}.filter-modal__body::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.filter-section{display:flex;flex-direction:column;gap:10px}.filter-section__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:6px 14px;font-size:.8rem;font-weight:500;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.filter-chip:hover{border-color:var(--color-border-light);color:var(--color-text)}.filter-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-chip--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.filter-checks{display:flex;flex-wrap:wrap;gap:8px}.filter-check{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);font-size:.82rem;color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-check:hover{border-color:var(--color-border-light);color:var(--color-text)}.filter-check input{display:none}.filter-check__box{width:16px;height:16px;border-radius:4px;border:2px solid var(--color-border-light);transition:all var(--transition-fast);position:relative;flex-shrink:0}.filter-check input:checked~.filter-check__box{background:var(--color-primary);border-color:var(--color-primary)}.filter-check input:checked~.filter-check__box:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-check input:checked~.filter-check__label{color:var(--color-text)}.filter-check__label{white-space:nowrap}.filter-status-row{display:flex;flex-wrap:wrap;gap:6px}.filter-status-btn{padding:8px 18px;font-size:.82rem;font-weight:600;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.filter-status-btn:hover{border-color:var(--color-border-light);color:var(--color-text)}.filter-status-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-status-btn--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.filter-sort-select{padding:10px 36px 10px 14px;font-size:.85rem;font-weight:500;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;max-width:300px;transition:border-color var(--transition-fast)}.filter-sort-select:focus{border-color:var(--color-primary)}.filter-text-input{width:100%;padding:10px 14px;font-size:.85rem;font-weight:500;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);outline:none;font-family:inherit;transition:border-color var(--transition-fast)}.filter-text-input::placeholder{color:var(--color-text-muted)}.filter-text-input:focus{border-color:var(--color-primary)}.filter-search-input{width:100%;padding:8px 12px;font-size:.82rem;font-weight:500;border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text);outline:none;font-family:inherit;transition:border-color var(--transition-fast);margin-bottom:8px}.filter-search-input::placeholder{color:var(--color-text-muted)}.filter-search-input:focus{border-color:var(--color-primary)}.filter-selectable-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow-y:auto;padding-right:4px}.filter-selectable-chips::-webkit-scrollbar{width:4px}.filter-selectable-chips::-webkit-scrollbar-track{background:transparent}.filter-selectable-chips::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:2px}.filter-chip__count{font-size:.65rem;font-weight:700;opacity:.5;margin-left:2px}.filter-chip--active .filter-chip__count{opacity:.8}.filter-empty,.filter-loading{font-size:.8rem;color:var(--color-text-muted);padding:4px 0}.filter-selected-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.filter-selected-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;border-radius:4px;background:var(--color-primary-light);border:1px solid rgba(124,58,237,.3);color:var(--color-accent-bright)}.filter-selected-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:transparent;border:none;color:var(--color-accent);cursor:pointer;padding:0;transition:all var(--transition-fast)}.filter-selected-chip__remove:hover{background:var(--color-error);color:#fff}.filter-picker-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;border-radius:var(--radius-md);background:var(--color-surface);border:1px dashed var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.filter-picker-btn:hover{border-color:var(--color-primary);color:var(--color-primary);border-style:solid}.picker-overlay{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.picker-modal{width:100%;max-width:500px;max-height:80vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,.6);display:flex;flex-direction:column;animation:filterSlideUp .2s ease}.picker-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.picker-modal__title{font-size:.95rem;font-weight:700;color:var(--color-text)}.picker-modal__search{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.picker-modal__search svg{color:var(--color-text-muted);flex-shrink:0}.picker-search-input{flex:1 1;padding:0;font-size:.85rem;background:transparent;border:none;color:var(--color-text);outline:none;font-family:inherit}.picker-search-input::placeholder{color:var(--color-text-muted)}.picker-search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;transition:all var(--transition-fast);flex-shrink:0}.picker-search-clear:hover{background:var(--color-surface-hover);color:var(--color-text)}.picker-modal__list{flex:1 1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.picker-modal__list::-webkit-scrollbar{width:4px}.picker-modal__list::-webkit-scrollbar-track{background:transparent}.picker-modal__list::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:2px}.picker-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:.82rem;text-align:left;width:100%}.picker-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.picker-item--active{background:var(--color-primary-light);border-color:rgba(124,58,237,.3);color:var(--color-text)}.picker-item--active:hover{background:rgba(124,58,237,.2)}.picker-item__name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-item__count{font-size:.7rem;font-weight:700;color:var(--color-text-muted);margin-left:8px;flex-shrink:0}.picker-item--active .picker-item__count{color:var(--color-accent)}.picker-modal__footer{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--color-border);flex-shrink:0}@media (max-width:600px){.picker-overlay{padding:0;align-items:flex-end}.picker-modal{max-height:88vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.filter-modal__footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--color-border);flex-shrink:0}.filter-btn{flex:1 1;padding:10px 16px;font-size:.85rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;border:none}.filter-btn--reset{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.filter-btn--reset:hover{border-color:var(--color-border-light);color:var(--color-text)}.filter-btn--apply{background:var(--color-primary);color:#fff}.filter-btn--apply:hover{background:var(--color-primary-hover)}@media (max-width:600px){.filter-overlay{padding:0;align-items:flex-end}.filter-modal{max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.filter-chip{padding:5px 11px;font-size:.75rem}.filter-check{padding:5px 10px;font-size:.78rem}.filter-sort-select{max-width:none}}