.filter-list-page[data-v-406ed07d]{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-406ed07d]{margin:0 auto;max-width:1360px;padding:2rem;position:relative;z-index:1}.featured-banner-container[data-v-406ed07d]{margin:0 auto;padding:1rem 0;width:100%}.banner-container[data-v-406ed07d]{margin:0 auto;max-width:1360px;padding:2rem;width:100%}.banner-grid[data-v-406ed07d]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:768px){.banner-container[data-v-406ed07d]{padding:1rem}.banner-grid[data-v-406ed07d]{gap:1rem;grid-template-columns:repeat(3,1fr)}}.list-actions[data-v-406ed07d]{justify-content:space-between;margin-bottom:1rem;width:100%}.list-actions[data-v-406ed07d],.title-wrapper[data-v-406ed07d]{align-items:center;display:flex}.title-wrapper[data-v-406ed07d]{flex:1;gap:1rem;min-width:0}.list-filters[data-v-406ed07d],.page-header[data-v-406ed07d]{margin-bottom:1rem}.page-title[data-v-406ed07d]{color:var(--color-text-1);font-size:var(--text-section-title-size,18px);font-weight:var(--font-weight-bold);margin:0;white-space:nowrap}.selected-filters[data-v-406ed07d]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.filter-label[data-v-406ed07d]{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}.filter-btn[data-v-406ed07d]{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-406ed07d]{background:var(--color-primary-main);border-color:var(--color-primary-main)}@media(hover:hover){.filter-btn[data-v-406ed07d]:hover{background:var(--color-primary-main);border-color:var(--color-primary-main)}}.filter-btn svg[data-v-406ed07d]{height:20px;width:20px}.filter-btn-wrapper[data-v-406ed07d]{flex-shrink:0;position:relative}.filter-panel-overlay[data-v-406ed07d]{inset:0;position:fixed;z-index:1000}.filter-panel-pc[data-v-406ed07d]{-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-406ed07d]{border-bottom:1px solid hsla(0,0%,100%,.1);padding:1.5rem 1.5rem 1rem}.filter-panel-header h3[data-v-406ed07d]{color:var(--color-text-1);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);margin:0}.filter-panel-content[data-v-406ed07d]{padding:1.5rem}.filter-panel-footer[data-v-406ed07d]{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:1rem;padding:1rem 1.5rem 1.5rem}.filter-btn-cancel[data-v-406ed07d],.filter-btn-confirm[data-v-406ed07d]{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-406ed07d]{background:transparent;color:var(--color-text-1)}.filter-btn-confirm[data-v-406ed07d]{background:var(--color-primary-main);border-color:var(--color-primary-main);color:var(--color-text-1)}@media(hover:hover){.filter-btn-cancel[data-v-406ed07d]:hover{background:#ffffff1a;border-color:#ffffff4d}.filter-btn-confirm[data-v-406ed07d]:hover{opacity:.9}}.filter-group[data-v-406ed07d]{margin-bottom:2rem}.filter-group[data-v-406ed07d]:last-child{margin-bottom:0}.filter-group-title[data-v-406ed07d]{color:var(--color-text-1);font-size:var(--font-size-h5);margin-bottom:1rem}.filter-dd-row[data-v-406ed07d]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filter-options[data-v-406ed07d]{display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.filter-option[data-v-406ed07d]{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-406ed07d]:hover:not(.active){border-color:var(--color-primary-main)}}.filter-option.active[data-v-406ed07d]{background:var(--color-primary-main);border-color:var(--color-primary-main);color:var(--color-text-1)}.filter-drawer-mobile[data-v-406ed07d]{-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-406ed07d]{opacity:1;pointer-events:all;visibility:visible}.filter-drawer-content[data-v-406ed07d]{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-406ed07d]{transform:translateY(0)}.filter-drawer-header[data-v-406ed07d]{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-406ed07d]{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-406ed07d]{flex:1;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0;text-align:center}.filter-drawer-placeholder[data-v-406ed07d]{width:40px}.filter-drawer-body[data-v-406ed07d]{flex:1;overflow-y:auto;padding:1.5rem}.filter-drawer-footer[data-v-406ed07d]{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-406ed07d],.filter-drawer-footer .filter-btn-confirm[data-v-406ed07d]{flex:1;padding:.75rem}.alphabet-section[data-v-406ed07d]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.alphabet-btn[data-v-406ed07d]{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;transition:all .3s ease;width:40px}@media(hover:hover){.alphabet-btn[data-v-406ed07d]:hover{background:var(--alphabet-btn-hover-bg);border-color:var(--alphabet-btn-hover-border)}}.alphabet-btn.active[data-v-406ed07d]{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-406ed07d]{display:none}.video-list-section[data-v-406ed07d]{margin-bottom:3rem}.empty-container[data-v-406ed07d],.error-container[data-v-406ed07d],.loading-container[data-v-406ed07d]{align-items:center;display:flex;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.loading[data-v-406ed07d]{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading p[data-v-406ed07d]{color:var(--color-text-2);font-size:var(--font-size-body)}.error[data-v-406ed07d]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;flex-direction:column;gap:1.5rem;max-width:500px;padding:2.5rem}.error[data-v-406ed07d],.error-icon[data-v-406ed07d]{align-items:center;display:flex}.error-icon[data-v-406ed07d]{color:var(--color-primary-main);height:64px;justify-content:center;opacity:.8;width:64px}.error-title[data-v-406ed07d]{color:var(--color-text-1);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0}.error-message[data-v-406ed07d]{color:var(--color-text-3);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0;word-break:break-word}.error-retry-btn[data-v-406ed07d]{align-items:center;background:var(--color-primary-main);border:none;border-radius:8px;box-shadow:var(--shadow-primary-xs);color:var(--color-text-1);cursor:pointer;display:inline-flex;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}@media(hover:hover){.error-retry-btn[data-v-406ed07d]:hover{background:var(--color-primary-main);box-shadow:var(--shadow-primary-sm);opacity:.9;transform:translateY(-2px)}}.error-retry-btn[data-v-406ed07d]:active{transform:translateY(0)}.error-retry-btn svg[data-v-406ed07d]{flex-shrink:0;height:16px;width:16px}.empty[data-v-406ed07d]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;flex-direction:column;gap:1.5rem;max-width:500px;padding:2.5rem}.empty[data-v-406ed07d],.empty-icon[data-v-406ed07d]{align-items:center;display:flex}.empty-icon[data-v-406ed07d]{color:var(--color-text-2);height:64px;justify-content:center;opacity:.6;width:64px}.empty-title[data-v-406ed07d]{color:var(--color-text-1);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0}.empty-message[data-v-406ed07d]{color:var(--color-text-3);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0;word-break:break-word}.video-list-container[data-v-406ed07d]{position:relative}.video-list-refresh-overlay[data-v-406ed07d]{align-items:center;background:transparent;display:flex;inset:0;justify-content:center;min-height:12rem;pointer-events:none;position:absolute;z-index:2}.video-list-container-content--dimmed[data-v-406ed07d]{opacity:.45;pointer-events:none}@media(min-width:768px)and (max-width:1024px){.content-area[data-v-406ed07d]{padding:1.5rem}.filter-panel-pc[data-v-406ed07d]{width:500px}.alphabet-section[data-v-406ed07d]{display:grid;gap:.5rem;grid-template-columns:repeat(13,1fr);justify-content:start}}@media(max-width:767px){.content-area[data-v-406ed07d]{padding:1rem 1rem .5rem}.video-list-section[data-v-406ed07d]{margin-bottom:1rem}.filter-list-page[data-v-406ed07d] .video-footer{margin-top:1rem}.list-actions[data-v-406ed07d]{margin-bottom:1.5rem}.filter-btn[data-v-406ed07d]{font-size:var(--font-size-body-small);padding:.5rem 1rem}.filter-btn span[data-v-406ed07d],.filter-panel-overlay[data-v-406ed07d]{display:none}.filter-drawer-mobile[data-v-406ed07d]{display:block}.alphabet-section[data-v-406ed07d]{display:none}.video-list-container[data-v-406ed07d]{align-items:flex-start}.video-list-container[data-v-406ed07d],.video-list-container-content[data-v-406ed07d]{display:flex;gap:.5rem}.empty-container[data-v-406ed07d],.error-container[data-v-406ed07d],.loading-container[data-v-406ed07d]{min-height:300px;padding:2rem 1rem}.error[data-v-406ed07d]{gap:1.25rem;padding:2rem 1.5rem}.error-icon[data-v-406ed07d],.error-icon svg[data-v-406ed07d]{height:48px;width:48px}.error-title[data-v-406ed07d]{font-size:var(--font-size-h4)}.error-message[data-v-406ed07d],.error-retry-btn[data-v-406ed07d]{font-size:var(--font-size-body-small)}.error-retry-btn[data-v-406ed07d]{justify-content:center;padding:.625rem 1.25rem;width:100%}.empty[data-v-406ed07d]{gap:1.25rem;padding:2rem 1.5rem}.empty-icon[data-v-406ed07d],.empty-icon svg[data-v-406ed07d]{height:48px;width:48px}.empty-title[data-v-406ed07d]{font-size:var(--font-size-h4)}.empty-message[data-v-406ed07d]{font-size:var(--font-size-body-small)}.alphabet-section-mobile[data-v-406ed07d]{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-406ed07d]{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;transition:all .3s ease;width:32px}@media(hover:hover){.alphabet-btn-mobile[data-v-406ed07d]:hover{background:var(--alphabet-btn-hover-bg);border-color:var(--alphabet-btn-hover-border)}}.alphabet-btn-mobile.active[data-v-406ed07d]{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-406ed07d]{flex-wrap:wrap;gap:.5rem}.pagination-btn[data-v-406ed07d]{font-size:var(--font-size-body-small);padding:.5rem 1rem}.pagination-btn span[data-v-406ed07d]{display:none}.pagination-number[data-v-406ed07d]{font-size:var(--font-size-body-small);height:32px;min-width:32px}.filter-options[data-v-406ed07d]{gap:.5rem}.filter-option[data-v-406ed07d]{font-size:var(--font-size-body-small)}.title-wrapper[data-v-406ed07d]{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.75rem}.selected-filters[data-v-406ed07d]{width:100%}.filter-label[data-v-406ed07d]{font-size:.75rem;padding:.2rem .6rem}}