.page-module__XHUwTa__page{background:var(--bg-primary);min-height:calc(100vh - 60px);padding:2rem 1rem}.page-module__XHUwTa__container{max-width:1400px;margin:0 auto}.page-module__XHUwTa__header{margin-bottom:2rem}.page-module__XHUwTa__title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-module__XHUwTa__subtitle{color:var(--text-secondary)}.page-module__XHUwTa__filters{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.page-module__XHUwTa__categories{flex-wrap:wrap;gap:.5rem;display:flex}.page-module__XHUwTa__categoryBtn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.page-module__XHUwTa__categoryBtn:hover{border-color:var(--primary);color:var(--primary)}.page-module__XHUwTa__categoryActive{background:var(--primary);border-color:var(--primary);color:#fff}.page-module__XHUwTa__sortContainer{align-items:center;gap:.5rem;display:flex}.page-module__XHUwTa__sortLabel{color:var(--text-secondary);font-size:.875rem}.page-module__XHUwTa__sortSelect{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.page-module__XHUwTa__loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.page-module__XHUwTa__spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite page-module__XHUwTa__spin}@keyframes page-module__XHUwTa__spin{to{transform:rotate(360deg)}}.page-module__XHUwTa__empty{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:4rem 2rem}.page-module__XHUwTa__empty svg{width:64px;height:64px;color:var(--text-muted);margin-bottom:1rem}.page-module__XHUwTa__empty h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.page-module__XHUwTa__empty p{color:var(--text-secondary);margin-bottom:1.5rem}.page-module__XHUwTa__importBtn{background:var(--primary);color:#fff;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.page-module__XHUwTa__importBtn:hover{background:var(--primary-hover)}.page-module__XHUwTa__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.page-module__XHUwTa__card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;text-decoration:none;transition:all .2s;overflow:hidden}.page-module__XHUwTa__card:hover{border-color:#e639464d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.page-module__XHUwTa__thumbnail{aspect-ratio:16/9;position:relative}.page-module__XHUwTa__thumbnail img{object-fit:cover}.page-module__XHUwTa__duration{color:#fff;background:#000000d9;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:500;position:absolute;bottom:8px;right:8px}.page-module__XHUwTa__rank{background:var(--primary);color:#fff;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:8px;left:8px}.page-module__XHUwTa__bookmark{color:#fff;cursor:pointer;opacity:0;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.page-module__XHUwTa__card:hover .page-module__XHUwTa__bookmark{opacity:1}.page-module__XHUwTa__bookmark:hover{background:var(--primary);transform:scale(1.1)}.page-module__XHUwTa__bookmark svg{width:18px;height:18px}.page-module__XHUwTa__bookmarkActive{opacity:1;color:var(--primary);background:#e6394633}.page-module__XHUwTa__info{padding:1rem}.page-module__XHUwTa__rating{color:var(--primary);align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.page-module__XHUwTa__rating svg{width:14px;height:14px}.page-module__XHUwTa__videoTitle{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.page-module__XHUwTa__creator{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem}.page-module__XHUwTa__views{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.page-module__XHUwTa__filters{flex-direction:column;align-items:flex-start}.page-module__XHUwTa__categories{flex-wrap:nowrap;width:100%;padding-bottom:.5rem;overflow-x:auto}.page-module__XHUwTa__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}