.filter-dd-row[data-v-c9d3648f]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filter-list-page[data-v-c9d3648f]{background-color:var(--color-bg-1);color:var(--color-text-1);min-height:100vh;padding-top:64px;position:relative;z-index:1}.content-area[data-v-c9d3648f]{margin:0 auto;max-width:1360px;padding:2rem;position:relative;z-index:1}.list-filters[data-v-c9d3648f],.page-header[data-v-c9d3648f]{margin-bottom:1rem}.featured-banner-container[data-v-c9d3648f]{margin:0 auto;padding:2rem 0;width:100%}.list-actions[data-v-c9d3648f]{justify-content:space-between;margin-bottom:1rem;width:100%}.list-actions[data-v-c9d3648f],.title-section[data-v-c9d3648f]{align-items:center;display:flex;gap:1rem}.title-section[data-v-c9d3648f]{flex:1;flex-wrap:wrap;min-width:0}.title-stack[data-v-c9d3648f]{max-width:100%;min-width:0}.selected-filters[data-v-c9d3648f]{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;min-width:0}.filter-label[data-v-c9d3648f]{align-items:center;background:var(--color-primary-alpha-25);border:1px solid var(--color-primary-alpha-50);border-radius:35px;color:var(--color-primary-main);display:inline-flex;font-size:.875rem;font-weight:var(--font-weight-medium);padding:.25rem .75rem;white-space:nowrap}.page-title[data-v-c9d3648f]{align-items:center;color:var(--color-text-1);display:flex;flex-wrap:nowrap;font-size:var(--text-section-title-size,18px);font-weight:var(--font-weight-bold);gap:.5rem;margin:0;max-width:100%;min-width:0;overflow:hidden}@media(max-width:767px){.title-section[data-v-c9d3648f]{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem}.selected-filters[data-v-c9d3648f]{width:100%}.filter-label[data-v-c9d3648f]{font-size:var(--font-size-body-small);padding:.2rem .6rem}}.title-main[data-v-c9d3648f]{color:var(--color-text-3);flex-shrink:0}.title-divider[data-v-c9d3648f]{color:var(--color-text-1);flex-shrink:0}.title-publisher[data-v-c9d3648f]{color:var(--color-text-1);display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-btn[data-v-c9d3648f]{align-items:center;background:var(--color-bg-2);border:1px solid hsla(0,0%,100%,.1);border-radius:35px;color:var(--color-text-1);cursor:pointer;display:flex;font-size:var(--font-size-body);gap:.5rem;padding:.5rem 1.3rem;transition:all .3s ease}.filter-btn--active[data-v-c9d3648f]{background:var(--color-primary-main);border-color:var(--color-primary-main)}@media(hover:hover){.filter-btn[data-v-c9d3648f]:hover{background:var(--color-primary-main);border-color:var(--color-primary-main)}}.filter-btn svg[data-v-c9d3648f]{height:20px;width:20px}.filter-btn-wrapper[data-v-c9d3648f]{flex-shrink:0;position:relative}.filter-panel-overlay[data-v-c9d3648f]{inset:0;position:fixed;z-index:1000}.filter-panel-pc[data-v-c9d3648f]{-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background:#00000080;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px #00000080;left:50%;max-height:80vh;overflow-y:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:1001}.filter-panel-header[data-v-c9d3648f]{padding:.5rem 1.5rem;text-align:center}.filter-panel-header h3[data-v-c9d3648f]{color:var(--color-text-1);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);margin:0}.filter-panel-content[data-v-c9d3648f]{padding:1.5rem}.filter-panel-footer[data-v-c9d3648f]{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:1rem;padding:1rem 1.5rem 1.5rem}.filter-btn-cancel[data-v-c9d3648f],.filter-btn-confirm[data-v-c9d3648f]{border:1px solid hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer;flex:1;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn-cancel[data-v-c9d3648f]{background:transparent;color:var(--color-text-1)}.filter-btn-confirm[data-v-c9d3648f]{background:var(--color-primary-main);border-color:var(--color-primary-main);color:var(--color-text-1)}@media(hover:hover){.filter-btn-cancel[data-v-c9d3648f]:hover{background:#ffffff1a;border-color:#ffffff4d}.filter-btn-confirm[data-v-c9d3648f]:hover{opacity:.9}}.filter-group[data-v-c9d3648f]{margin-bottom:2rem}.filter-group[data-v-c9d3648f]:last-child{margin-bottom:0}.filter-group-title[data-v-c9d3648f]{color:var(--color-text-1);font-size:var(--font-size-h5);margin-bottom:1rem}.filter-options[data-v-c9d3648f]{display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.filter-option[data-v-c9d3648f]{background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:var(--color-text-1);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-normal);padding:.5rem .8rem;transition:all .3s ease;white-space:nowrap}@media(hover:hover){.filter-option[data-v-c9d3648f]:hover:not(.active){border-color:var(--color-primary-main)}}.filter-option.active[data-v-c9d3648f]{background:var(--color-primary-main);border-color:var(--color-primary-main);color:var(--color-text-1)}.filter-drawer-mobile[data-v-c9d3648f]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:all .3s ease;visibility:hidden;z-index:1000}.filter-drawer-mobile.active[data-v-c9d3648f]{opacity:1;pointer-events:all;visibility:visible}.filter-drawer-content[data-v-c9d3648f]{background:var(--color-bg-1);display:flex;flex-direction:column;inset:56px 0 0;position:absolute;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.filter-drawer-mobile.active .filter-drawer-content[data-v-c9d3648f]{transform:translateY(0)}.filter-drawer-header[data-v-c9d3648f]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-shrink:0;padding:1rem 1.5rem}.filter-drawer-close[data-v-c9d3648f]{align-items:center;background:transparent;border:none;color:var(--color-text-1);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.filter-drawer-title[data-v-c9d3648f]{flex:1;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0;text-align:center}.filter-drawer-placeholder[data-v-c9d3648f]{width:40px}.filter-drawer-body[data-v-c9d3648f]{flex:1;overflow-y:auto;padding:1.5rem}.filter-drawer-footer[data-v-c9d3648f]{border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-shrink:0;gap:1rem;padding:1rem 1.5rem}.filter-drawer-footer .filter-btn-cancel[data-v-c9d3648f],.filter-drawer-footer .filter-btn-confirm[data-v-c9d3648f]{flex:1;padding:.75rem}.alphabet-section[data-v-c9d3648f]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.alphabet-btn[data-v-c9d3648f]{align-items:center;background:var(--alphabet-btn-bg);border:1px solid var(--alphabet-btn-border);border-radius:6px;color:var(--alphabet-btn-color);cursor:pointer;display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}@media(hover:hover){.alphabet-btn[data-v-c9d3648f]:hover{background:var(--alphabet-btn-hover-bg);border-color:var(--alphabet-btn-hover-border)}}.alphabet-btn.active[data-v-c9d3648f]{background:var(--alphabet-btn-active-bg);border-color:var(--alphabet-btn-active-border);color:var(--alphabet-btn-active-color);font-weight:var(--font-weight-semibold)}.alphabet-section-mobile[data-v-c9d3648f]{display:none}.video-list-section[data-v-c9d3648f]{margin-bottom:3rem}.error-container[data-v-c9d3648f],.loading-container[data-v-c9d3648f]{padding:4rem 2rem;text-align:center}.error p[data-v-c9d3648f],.loading p[data-v-c9d3648f]{color:var(--color-text-2);margin-bottom:1rem}.error button[data-v-c9d3648f]{background:var(--color-primary-main);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.video-list-container[data-v-c9d3648f]{position:relative}.pagination-section[data-v-c9d3648f]{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:3rem}.pagination-btn[data-v-c9d3648f]{align-items:center;background:var(--color-bg-2);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--color-text-1);cursor:pointer;display:flex;font-size:var(--font-size-body);gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}@media(hover:hover){.pagination-btn[data-v-c9d3648f]:hover:not(:disabled){background:var(--color-primary-main)}.pagination-btn[data-v-c9d3648f]:hover:not(:disabled),.pagination-number[data-v-c9d3648f]:hover{border-color:var(--color-primary-main)}}.pagination-btn[data-v-c9d3648f]:disabled{cursor:not-allowed;opacity:.5}.pagination-btn svg[data-v-c9d3648f]{height:20px;width:20px}.pagination-numbers[data-v-c9d3648f]{align-items:center;display:flex;gap:.5rem}.pagination-number[data-v-c9d3648f]{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:var(--color-text-1);cursor:pointer;display:flex;font-size:var(--font-size-body);height:40px;justify-content:center;min-width:40px;transition:all .3s ease}.pagination-number.active[data-v-c9d3648f]{background:var(--color-primary-main);border-color:var(--color-primary-main);color:var(--color-text-1)}.pagination-ellipsis[data-v-c9d3648f]{color:var(--color-text-3);padding:0 .5rem}@media(min-width:768px)and (max-width:1024px){.content-area[data-v-c9d3648f]{padding:1.5rem}.filter-panel-pc[data-v-c9d3648f]{width:500px}.alphabet-section[data-v-c9d3648f]{display:grid;gap:.5rem;grid-template-columns:repeat(11,1fr)}}@media(max-width:767px){.content-area[data-v-c9d3648f]{padding:1rem}.list-actions[data-v-c9d3648f]{margin-bottom:1.5rem}.filter-btn[data-v-c9d3648f]{font-size:var(--font-size-body-small);padding:.5rem 1rem}.filter-btn span[data-v-c9d3648f],.filter-panel-overlay[data-v-c9d3648f]{display:none}.filter-drawer-mobile[data-v-c9d3648f]{display:block}.alphabet-section[data-v-c9d3648f]{display:none}.video-list-container[data-v-c9d3648f]{align-items:flex-start;display:flex;gap:.5rem}.alphabet-section-mobile[data-v-c9d3648f]{align-self:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a070bcc;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.5rem}.alphabet-btn-mobile[data-v-c9d3648f]{align-items:center;background:var(--alphabet-btn-bg);border:1px solid var(--alphabet-btn-border);border-radius:6px;color:var(--alphabet-btn-color);cursor:pointer;display:flex;font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);height:32px;justify-content:center;text-decoration:none;transition:all .3s ease;width:32px}@media(hover:hover){.alphabet-btn-mobile[data-v-c9d3648f]:hover{background:var(--alphabet-btn-hover-bg);border-color:var(--alphabet-btn-hover-border)}}.alphabet-btn-mobile.active[data-v-c9d3648f]{background:var(--alphabet-btn-active-bg);border-color:var(--alphabet-btn-active-border);color:var(--alphabet-btn-active-color);font-weight:var(--font-weight-semibold)}.pagination-section[data-v-c9d3648f]{flex-wrap:wrap;gap:.5rem}.pagination-btn[data-v-c9d3648f]{font-size:var(--font-size-body-small);padding:.5rem 1rem}.pagination-btn span[data-v-c9d3648f]{display:none}.pagination-number[data-v-c9d3648f]{font-size:var(--font-size-body-small);height:32px;min-width:32px}.filter-options[data-v-c9d3648f]{gap:.5rem}.filter-option[data-v-c9d3648f]{font-size:var(--font-size-body-small)}}