.progress-overview.svelte-109vert{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-md) 0}.overview-main-card{position:relative;background:linear-gradient(135deg,var(--color-primary-container) 0%,var(--color-secondary-container) 100%);overflow:hidden}.overview-main-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.overview-header.svelte-109vert{text-align:center;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.progress-badge-container.svelte-109vert{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.progress-emoji.svelte-109vert{font-size:2rem;animation:svelte-109vert-bounce 2s infinite}@keyframes svelte-109vert-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.overview-header.svelte-109vert h2:where(.svelte-109vert){font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs);color:var(--color-on-primary-container);text-shadow:0 1px 2px rgba(0,0,0,.1)}.motivation.svelte-109vert{color:var(--color-on-primary-container);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-md);opacity:.9}.streak-info.svelte-109vert{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-pill);padding:var(--spacing-sm) var(--spacing-md);margin:0 auto;max-width:-moz-fit-content;max-width:fit-content;border:1px solid rgba(255,255,255,.1)}.streak-icon.svelte-109vert{font-size:1.2rem}.streak-text.svelte-109vert{display:flex;align-items:baseline;gap:var(--spacing-xs);color:var(--color-on-primary-container);font-weight:var(--font-weight-bold)}.streak-number.svelte-109vert{font-size:var(--font-size-lg);color:var(--color-accent-yellow)}.streak-message.svelte-109vert{color:var(--color-on-primary-container);font-size:var(--font-size-sm);opacity:.8}.progress-container.svelte-109vert{position:relative;z-index:1}.progress-stats-row.svelte-109vert{display:flex;justify-content:space-around;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.1)}.quick-stat.svelte-109vert{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.quick-stat-value.svelte-109vert{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-on-primary-container);line-height:1}.quick-stat-label.svelte-109vert{font-size:var(--font-size-sm);color:var(--color-on-primary-container);opacity:.8;font-weight:var(--font-weight-medium)}.progress-bar-container.svelte-109vert{position:relative}.progress-segments.svelte-109vert{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:inherit;overflow:hidden}.segment-indicator.svelte-109vert{position:absolute;top:0;bottom:0;border-radius:inherit;transition:all var(--transition-normal)}.segment-indicator.completed.svelte-109vert{background:linear-gradient(90deg,var(--color-accent-green),#45a049)}.segment-indicator.in-progress.svelte-109vert{background:linear-gradient(90deg,var(--color-accent-yellow),#f39c12)}.stats-grid.svelte-109vert{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.modern-stat-card{height:100%;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.modern-stat-card:hover{transform:translateY(-4px);box-shadow:var(--elevation-3)}.stat-content.svelte-109vert{display:flex;align-items:flex-start;gap:var(--spacing-md);height:100%;position:relative;z-index:1}.stat-icon-wrapper.svelte-109vert{position:relative}.stat-icon.svelte-109vert{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-lg);position:relative;transition:transform var(--transition-fast)}.modern-stat-card:hover .stat-icon.svelte-109vert{transform:scale(1.1)}.stat-icon.completed.svelte-109vert{background:linear-gradient(135deg,var(--color-accent-green),#45a049);color:#fff}.stat-icon.in-progress.svelte-109vert{background:linear-gradient(135deg,var(--color-accent-yellow),#f39c12);color:#fff}.stat-icon.total.svelte-109vert{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.stat-icon.not-started.svelte-109vert{background:linear-gradient(135deg,var(--color-surface-container-high),var(--color-surface-container));color:var(--color-on-surface-variant)}.stat-info.svelte-109vert{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1}.stat-value.svelte-109vert{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-on-surface-high);line-height:1.1}.stat-label.svelte-109vert{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-on-surface-high);line-height:1.2}.stat-sublabel.svelte-109vert{font-size:var(--font-size-xs);color:var(--color-on-surface-medium);line-height:1.2;margin-top:var(--spacing-xxs)}@media (max-width: 768px){.stats-grid.svelte-109vert{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.progress-stats-row.svelte-109vert{padding:var(--spacing-sm)}.quick-stat-value.svelte-109vert{font-size:var(--font-size-lg)}.overview-header.svelte-109vert h2:where(.svelte-109vert){font-size:var(--font-size-xl)}.motivation.svelte-109vert{font-size:var(--font-size-md)}.streak-info.svelte-109vert{flex-direction:column;text-align:center;gap:var(--spacing-xs)}}@media (max-width: 480px){.stats-grid.svelte-109vert{grid-template-columns:1fr}.progress-stats-row.svelte-109vert{flex-direction:column;gap:var(--spacing-md)}.quick-stat.svelte-109vert{flex-direction:row;justify-content:space-between;padding:var(--spacing-sm);background:#ffffff1a;border-radius:var(--border-radius-md)}}.filters-card{margin-bottom:var(--spacing-lg);background-color:var(--color-surface)}.filters-container.svelte-19ak4go{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-header.svelte-19ak4go{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.filter-header.svelte-19ak4go h2:where(.svelte-19ak4go){margin:0;font-size:var(--font-size-xl);color:var(--color-on-surface-high)}.header-actions.svelte-19ak4go{display:flex;gap:var(--spacing-sm);align-items:center}.toggle-advanced-btn.svelte-19ak4go{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-on-surface-medium);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.toggle-advanced-btn.svelte-19ak4go:hover{background-color:var(--color-surface-container-high);border-color:var(--color-primary);color:var(--color-on-surface)}.toggle-advanced-btn.active.svelte-19ak4go{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.reset-btn.svelte-19ak4go{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-surface-container);border:none;border-radius:var(--border-radius-pill);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-on-surface-high);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.reset-btn.svelte-19ak4go:hover{background-color:var(--color-surface-container-high);transform:translateY(-1px)}.reset-btn.svelte-19ak4go:active{transform:translateY(0)}.quick-filters.svelte-19ak4go{margin-bottom:var(--spacing-md)}.quick-filters.svelte-19ak4go h3:where(.svelte-19ak4go){font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0;color:var(--color-on-surface-high)}.quick-filter-buttons.svelte-19ak4go{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.quick-filter-btn.svelte-19ak4go{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--border-radius-pill);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.quick-filter-btn.svelte-19ak4go:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);transform:translateY(-1px)}.preset-icon.svelte-19ak4go{font-size:var(--font-size-md)}.search-suggestions.svelte-19ak4go{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--shadow-md);z-index:10;max-height:200px;overflow-y:auto}.suggestion-item.svelte-19ak4go{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--color-on-surface);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.suggestion-item.svelte-19ak4go:hover{background-color:var(--color-surface-container)}.suggestion-item.svelte-19ak4go svg:where(.svelte-19ak4go){color:var(--color-on-surface-medium);flex-shrink:0}.advanced-filters.svelte-19ak4go{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.advanced-filters-grid.svelte-19ak4go{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.content-type-buttons.svelte-19ak4go{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.content-type-btn.svelte-19ak4go{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.content-type-btn.svelte-19ak4go:hover{background-color:var(--color-surface-container-high);border-color:var(--color-primary)}.content-type-btn.active.svelte-19ak4go{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-on-secondary)}.type-icon.svelte-19ak4go{font-size:var(--font-size-md)}.tags-container.svelte-19ak4go{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.tag-btn.svelte-19ak4go{background-color:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--border-radius-pill);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-on-surface-medium);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.tag-btn.svelte-19ak4go:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.tag-btn.active.svelte-19ak4go{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.more-tags.svelte-19ak4go{font-size:var(--font-size-xs);color:var(--color-on-surface-medium);font-style:italic}.search-filter.svelte-19ak4go{margin-bottom:var(--spacing-sm)}.search-wrapper.svelte-19ak4go{position:relative;width:100%}.search-wrapper.svelte-19ak4go input:where(.svelte-19ak4go){width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-pill);background-color:var(--color-surface);color:var(--color-on-surface-high);font-size:var(--font-size-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-wrapper.svelte-19ak4go input:where(.svelte-19ak4go):focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.search-icon.svelte-19ak4go{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-on-surface-medium);pointer-events:none}.clear-search.svelte-19ak4go{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-medium);opacity:.7;cursor:pointer;transition:opacity var(--transition-fast)}.clear-search.svelte-19ak4go:hover{opacity:1}.filters-grid.svelte-19ak4go{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.filter-group.svelte-19ak4go{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group.svelte-19ak4go h3:where(.svelte-19ak4go){font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0;color:var(--color-on-surface-high)}.select-wrapper.svelte-19ak4go{position:relative;width:100%}select.svelte-19ak4go{width:100%;padding:var(--spacing-sm);padding-right:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-surface);color:var(--color-on-surface-high);font-size:var(--font-size-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}select.svelte-19ak4go:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.select-icon.svelte-19ak4go{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-on-surface-medium);pointer-events:none}.difficulty-buttons.svelte-19ak4go{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.difficulty-btn.svelte-19ak4go{flex:1;min-width:0;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-on-surface-medium);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;text-align:center}.difficulty-content.svelte-19ak4go{display:flex;flex-direction:column;gap:2px}.difficulty-label.svelte-19ak4go{font-weight:600;color:var(--color-on-surface-high)}.difficulty-description.svelte-19ak4go{font-size:var(--font-size-xs);color:var(--color-on-surface-medium);font-weight:400}.difficulty-btn.svelte-19ak4go:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);transform:translateY(-1px)}.difficulty-btn.active.svelte-19ak4go{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.difficulty-btn.active.svelte-19ak4go .difficulty-label:where(.svelte-19ak4go),.difficulty-btn.active.svelte-19ak4go .difficulty-description:where(.svelte-19ak4go){color:var(--color-on-primary)}.difficulty-btn.beginner.active.svelte-19ak4go{background:var(--color-primary);border-color:var(--color-primary)}.difficulty-btn.intermediate.active.svelte-19ak4go{background:var(--color-secondary);border-color:var(--color-secondary)}.difficulty-btn.advanced.active.svelte-19ak4go{background:var(--color-warning);border-color:var(--color-warning)}.active-filters.svelte-19ak4go{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.active-filters-header.svelte-19ak4go{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.active-filters-header.svelte-19ak4go h3:where(.svelte-19ak4go){font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0;color:var(--color-on-surface-high)}.filter-count.svelte-19ak4go{font-size:var(--font-size-sm);color:var(--color-on-surface-medium)}.filter-badges.svelte-19ak4go{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@media (max-width: 640px){.filter-header.svelte-19ak4go,.active-filters-header.svelte-19ak4go{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.header-actions.svelte-19ak4go{width:100%;justify-content:space-between}.quick-filter-buttons.svelte-19ak4go{justify-content:center}.quick-filter-btn.svelte-19ak4go{flex:1;min-width:0;justify-content:center}.filter-count.svelte-19ak4go{margin-top:var(--spacing-xxs)}.filters-grid.svelte-19ak4go,.advanced-filters-grid.svelte-19ak4go{grid-template-columns:1fr;gap:var(--spacing-md)}.content-type-buttons.svelte-19ak4go,.tags-container.svelte-19ak4go{justify-content:center}.search-suggestions.svelte-19ak4go{max-height:150px}}@media (max-width: 480px){.toggle-advanced-btn.svelte-19ak4go,.reset-btn.svelte-19ak4go{padding:var(--spacing-xs);font-size:var(--font-size-xs)}.quick-filter-btn.svelte-19ak4go{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.preset-icon.svelte-19ak4go{font-size:var(--font-size-sm)}.content-type-btn.svelte-19ak4go{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.type-icon.svelte-19ak4go{font-size:var(--font-size-sm)}}.content-card-wrapper{height:100%;transition:all var(--transition-fast);border-radius:0;overflow:visible;box-shadow:none;background:transparent}.content-card-wrapper:hover{transform:translateY(-2px);box-shadow:none}.featured-card{border:none;box-shadow:none}.featured-card:hover{box-shadow:none}.compact-card{max-height:none}.content-card.svelte-p5579z{display:flex;flex-direction:column;height:100%;width:100%;overflow:visible;background:transparent;border-radius:0;padding:0}.card-thumbnail.svelte-p5579z{position:relative;width:100%;height:180px;overflow:hidden;border-radius:var(--border-radius-xl);margin:0 0 var(--spacing-md) 0}.featured-card .card-thumbnail.svelte-p5579z{height:240px;margin:0 0 var(--spacing-lg) 0}.compact-thumbnail.svelte-p5579z{height:120px!important;margin:0 0 var(--spacing-sm) 0!important}.thumbnail-image.svelte-p5579z{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-medium)}.content-card-wrapper:hover .thumbnail-image.svelte-p5579z{transform:scale(1.05)}.thumbnail-overlay.svelte-p5579z{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}.card-content.svelte-p5579z{display:flex;flex-direction:column;flex:1;gap:var(--spacing-xxs);padding:var(--spacing-sm)}.card-header.svelte-p5579z{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xxs)}.header-left.svelte-p5579z{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.header-right.svelte-p5579z{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.compact-badges.svelte-p5579z{display:flex;gap:var(--spacing-xs)}.content-type.svelte-p5579z{display:flex;align-items:center;color:var(--color-on-surface-medium);transition:color var(--transition-fast)}.content-type.svelte-p5579z:hover{color:var(--color-primary)}.flashcard-count.svelte-p5579z{display:flex;align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-medium);background-color:var(--color-surface-container);padding:.125rem .375rem;border-radius:var(--border-radius-pill);transition:all var(--transition-fast)}.flashcard-count.svelte-p5579z:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.card-title.svelte-p5579z{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-xxs) 0;color:var(--color-on-surface-high);line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-card .card-title.svelte-p5579z{font-size:var(--font-size-xl);font-weight:800;-webkit-line-clamp:3;margin-bottom:var(--spacing-xs)}.compact-card .card-title.svelte-p5579z{font-size:var(--font-size-md);-webkit-line-clamp:2;margin-bottom:var(--spacing-xxs)}.card-summary.svelte-p5579z{font-size:var(--font-size-sm);color:var(--color-on-surface-medium);margin:0 0 var(--spacing-xs) 0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.featured-card .card-summary.svelte-p5579z{font-size:var(--font-size-md);-webkit-line-clamp:4;line-height:1.7;margin-bottom:var(--spacing-sm)}.compact-card .card-summary.svelte-p5579z{-webkit-line-clamp:2;font-size:var(--font-size-xs);margin-bottom:var(--spacing-xxs)}.card-tags.svelte-p5579z{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;margin:var(--spacing-xxs) 0}.tag-chip.svelte-p5579z{background-color:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--border-radius-pill);padding:.125rem .375rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.tag-chip.svelte-p5579z:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);transform:translateY(-1px)}.more-tags.svelte-p5579z{font-size:var(--font-size-xs);color:var(--color-on-surface-medium);font-style:italic}.card-metadata.svelte-p5579z{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;font-size:var(--font-size-xs);color:var(--color-on-surface-medium);margin:var(--spacing-xxs) 0}.author-info.svelte-p5579z,.reading-time.svelte-p5579z,.publish-date.svelte-p5579z{display:flex;align-items:center;gap:var(--spacing-xxs)}.author-info.svelte-p5579z svg:where(.svelte-p5579z),.reading-time.svelte-p5579z svg:where(.svelte-p5579z),.publish-date.svelte-p5579z svg:where(.svelte-p5579z){flex-shrink:0;opacity:.7}.card-footer.svelte-p5579z{display:flex;justify-content:flex-start;align-items:center;margin-top:auto;gap:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:none}.progress-container.svelte-p5579z{display:flex;flex-direction:column;gap:var(--spacing-xxs);min-width:100px;flex:1}.progress-text.svelte-p5579z{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-on-surface-medium)}@media (max-width: 768px){.card-thumbnail.svelte-p5579z{height:100px}.featured-card .card-thumbnail.svelte-p5579z{height:120px}.card-header.svelte-p5579z{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.header-right.svelte-p5579z{align-self:flex-end}.card-metadata.svelte-p5579z,.card-footer.svelte-p5579z{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.progress-container.svelte-p5579z{width:100%}}@media (max-width: 480px){.card-title.svelte-p5579z{font-size:var(--font-size-md)}.featured-card .card-title.svelte-p5579z{font-size:var(--font-size-lg)}.card-summary.svelte-p5579z{font-size:var(--font-size-xs)}.card-tags.svelte-p5579z,.card-metadata.svelte-p5579z{justify-content:center}}.compact-card .card-content.svelte-p5579z{gap:0;padding:var(--spacing-xs)}.compact-card .card-tags.svelte-p5579z{margin:0}.compact-card .card-metadata.svelte-p5579z{margin:0;gap:var(--spacing-xs)}.compact-card .card-footer.svelte-p5579z{padding-top:var(--spacing-xxs);margin-top:var(--spacing-xs)}.tag-chip.svelte-p5579z,.flashcard-count.svelte-p5579z,.content-type.svelte-p5579z{transition:all var(--transition-fast)}.thumbnail-overlay.svelte-p5579z>*{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6}@media (prefers-color-scheme: dark){.thumbnail-overlay.svelte-p5579z>*{background-color:#000000b3}}.bento-grid-item.svelte-1mcrxk2{background-color:var(--color-surface);border-color:var(--color-border);box-shadow:var(--elevation-1);transition:all var(--transition-normal)}.bento-grid-item.svelte-1mcrxk2:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.bento-title.svelte-1mcrxk2{color:var(--color-on-surface-high)!important;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.bento-description.svelte-1mcrxk2{color:var(--color-on-surface-medium)!important;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.bento-grid-item .text-neutral-600{color:var(--color-on-surface-medium)!important}.bento-grid-item .font-bold{color:var(--color-on-surface-high)!important}.modern-content-explorer.svelte-6m35d4{max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);position:relative}.explorer-layout.svelte-6m35d4{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-xl);align-items:start;position:relative}.filter-sidebar.svelte-6m35d4{position:sticky;top:0;height:-moz-fit-content;height:fit-content;box-sizing:border-box;background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);box-shadow:0 4px 12px #0000000d;z-index:10}.filter-section.svelte-6m35d4{margin-bottom:var(--spacing-lg)}.filter-section.svelte-6m35d4:last-child{margin-bottom:0}.filter-section.svelte-6m35d4 h3:where(.svelte-6m35d4){font-size:var(--font-size-md);font-weight:600;color:var(--color-on-surface-high);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary)}.search-input.svelte-6m35d4{position:relative;display:flex;align-items:center}.search-input.svelte-6m35d4 svg:where(.svelte-6m35d4){position:absolute;left:var(--spacing-sm);color:var(--color-on-surface-medium);z-index:1}.search-input.svelte-6m35d4 input:where(.svelte-6m35d4){width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface-container);color:var(--color-on-surface);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.search-input.svelte-6m35d4 input:where(.svelte-6m35d4):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.search-input.svelte-6m35d4 input:where(.svelte-6m35d4)::-moz-placeholder{color:var(--color-on-surface-variant)}.search-input.svelte-6m35d4 input:where(.svelte-6m35d4)::placeholder{color:var(--color-on-surface-variant)}.category-list.svelte-6m35d4{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-item.svelte-6m35d4{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-sm);border:none;background:transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.category-item.svelte-6m35d4:hover{background:var(--color-surface-container)}.category-item.active.svelte-6m35d4{background:var(--color-primary);color:var(--color-on-primary)}.category-name.svelte-6m35d4{font-size:var(--font-size-sm);font-weight:500;color:inherit}.category-count.svelte-6m35d4{font-size:var(--font-size-xs);background:var(--color-surface-container-high);color:var(--color-on-surface-medium);padding:.125rem .375rem;border-radius:var(--border-radius-pill);font-weight:600}.category-item.active.svelte-6m35d4 .category-count:where(.svelte-6m35d4){background:#fff3;color:var(--color-on-primary)}.difficulty-list.svelte-6m35d4{display:flex;flex-direction:column;gap:var(--spacing-xs)}.difficulty-item.svelte-6m35d4{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-sm);border:none;background:transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:var(--font-size-sm);font-weight:500;color:var(--color-on-surface)}.difficulty-item.svelte-6m35d4:hover{background:var(--color-surface-container)}.difficulty-item.active.svelte-6m35d4{background:var(--color-primary);color:var(--color-on-primary)}.content-main.svelte-6m35d4{width:100%;min-width:0}.empty-state.svelte-6m35d4{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--color-on-surface-medium);background:var(--color-surface-container);border-radius:var(--border-radius-lg);border:2px dashed var(--color-border)}.empty-icon.svelte-6m35d4{margin-bottom:var(--spacing-md);opacity:.6}.empty-state.svelte-6m35d4 h4:where(.svelte-6m35d4){font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-on-surface)}.empty-state.svelte-6m35d4 p:where(.svelte-6m35d4){font-size:var(--font-size-md);max-width:400px}.load-more-container.svelte-6m35d4{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0;width:100%}.load-more-btn.svelte-6m35d4{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:var(--font-size-md);font-weight:600;box-shadow:0 4px 20px #667eea4d;position:relative;overflow:hidden;min-width:200px}.load-more-btn.svelte-6m35d4:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.load-more-btn.svelte-6m35d4:hover:before{left:100%}.load-more-btn.svelte-6m35d4:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.load-more-btn.svelte-6m35d4:active{transform:translateY(0);box-shadow:0 4px 20px #667eea4d}.btn-text.svelte-6m35d4{position:relative;z-index:2}.btn-icon.svelte-6m35d4{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border-radius:50%;transition:all .3s ease}.load-more-btn.svelte-6m35d4:hover .btn-icon:where(.svelte-6m35d4){background:#ffffff4d;transform:translateY(2px)}.load-more-btn.svelte-6m35d4:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.load-more-btn.svelte-6m35d4:disabled:hover{transform:none;box-shadow:none}@media (max-width: 1024px){.explorer-layout.svelte-6m35d4{grid-template-columns:1fr;gap:var(--spacing-lg)}.filter-sidebar.svelte-6m35d4{position:static;order:2;margin-top:var(--spacing-lg)}.content-main.svelte-6m35d4{order:1}}@media (max-width: 768px){.modern-content-explorer.svelte-6m35d4{padding:var(--spacing-md) var(--spacing-sm)}.explorer-layout.svelte-6m35d4{grid-template-columns:1fr;gap:var(--spacing-lg)}.filter-sidebar.svelte-6m35d4{position:static;max-height:none;order:2;margin-top:var(--spacing-lg)}.content-main.svelte-6m35d4{order:1}.load-more-container.svelte-6m35d4{flex-direction:column;gap:var(--spacing-md);text-align:center}.load-more-btn.svelte-6m35d4{width:100%;justify-content:center}}.bento-header.svelte-6m35d4{background:linear-gradient(135deg,var(--color-surface-container) 0%,var(--color-surface-container-high) 100%)}:root.dark-mode .bento-header.svelte-6m35d4{background:linear-gradient(135deg,var(--color-surface-container-low) 0%,var(--color-surface-container) 100%)}.difficulty-group-content.svelte-6m35d4{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.group-label.svelte-6m35d4{font-weight:500;color:var(--color-on-surface-high)}.group-description.svelte-6m35d4{font-size:var(--font-size-xs);color:var(--color-on-surface-medium);font-weight:400}.difficulty-item.active.svelte-6m35d4 .group-description:where(.svelte-6m35d4){color:var(--color-primary)}.tag-chip.svelte-6m35d4{background-color:#000000b3;color:#fff;padding:.125rem .375rem;border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.tag-chip.more-tags.svelte-6m35d4{background-color:#667eeacc;border-color:#667eea4d}.featured-hero{position:relative}.featured-hero .bento-header{min-height:20rem!important}.featured-large .bento-header{min-height:12rem!important}.featured-full-width{position:relative}.featured-full-width .bento-header{min-height:14rem!important}.featured-hero:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:inherit;z-index:-1;opacity:.8;animation:svelte-6m35d4-gradient-shift 3s ease infinite}.featured-large:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:inherit;z-index:-1;opacity:.6}.featured-full-width:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#764ba2,#f093fb,#667eea);border-radius:inherit;z-index:-1;opacity:.7;animation:svelte-6m35d4-gradient-shift 4s ease infinite}@keyframes svelte-6m35d4-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.featured-hero{grid-column:span 1!important;grid-row:span 1!important}.featured-large,.featured-full-width{grid-column:span 1!important}.featured-hero .bento-header{min-height:16rem!important}.featured-large .bento-header{min-height:8rem!important}.featured-full-width .bento-header{min-height:10rem!important}}.clip{clip-path:polygon(0 0,0% 100%,100% 100%,100% 85%,15% 0)}.apexcharts-canvas .apexcharts-tooltip{background-color:#fff;color:#6b7280;border:0!important;border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dark .apexcharts-canvas .apexcharts-tooltip{background-color:#374151;color:#9ca3af;border-color:transparent;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title{padding:.5rem .75rem;margin-bottom:.75rem;background-color:#f3f4f6;border-bottom-color:#e5e7eb;font-size:.875rem!important;font-weight:400;color:#6b7280}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title{background-color:#4b5563;border-color:#6b7280;color:#9ca3af}.apexcharts-canvas .apexcharts-xaxistooltip{color:#6b7280;padding:.5rem .75rem;border-color:transparent;background-color:#fff;border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dark .apexcharts-canvas .apexcharts-xaxistooltip{color:#9ca3af;background-color:#374151}.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label{color:#6b7280;font-size:.875rem}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label{color:#9ca3af}.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value{color:#111827;font-size:.875rem}:is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker{margin-right:0;margin-left:e}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value{color:#fff}.apexcharts-canvas .apexcharts-xaxistooltip-text{font-weight:400;font-size:.875rem!important}.apexcharts-canvas .apexcharts-xaxistooltip:after,.apexcharts-canvas .apexcharts-xaxistooltip:before{border-bottom-color:#fff}.apexcharts-canvas .apexcharts-xaxistooltip:after{border-width:8px;margin-left:-8px}.apexcharts-canvas .apexcharts-xaxistooltip:before{border-width:10px;margin-left:-10px}.dark .apexcharts-canvas .apexcharts-xaxistooltip:after,.dark .apexcharts-canvas .apexcharts-xaxistooltip:before{border-bottom-color:#374151}.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group{padding:0}.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active{padding-left:.75rem;padding-right:.75rem;padding-bottom:.75rem;background-color:#fff!important;color:#6b7280!important}.dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active{background-color:#374151!important;color:#9ca3af!important}.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type{padding-top:.75rem}.apexcharts-canvas .apexcharts-legend{padding:0!important}.apexcharts-canvas .apexcharts-legend-text{font-size:.75rem;font-weight:500!important;padding-left:1.25rem;color:#6b7280!important}:is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text{padding-right:.5rem}.apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover{color:#111827!important}.dark .apexcharts-canvas .apexcharts-legend-text{color:#9ca3af!important}.dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover{color:#fff!important}.apexcharts-canvas .apexcharts-legend-series{margin-left:.5rem;margin-right:.5rem;margin-bottom:.25rem!important;display:flex;align-items:center}.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{fill:#111827!important;font-size:1.875rem;font-weight:700}.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{fill:#fff!important}.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{fill:#6b7280!important;font-size:1rem;font-weight:400}.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{fill:#9ca3af!important}.apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label{font-size:.75rem!important;font-weight:600!important;text-shadow:none!important;filter:none!important}.apexcharts-gridline,.apexcharts-xcrosshairs,.apexcharts-ycrosshairs{stroke:#e5e7eb!important}.dark .apexcharts-gridline,.dark .apexcharts-xcrosshairs,.dark .apexcharts-ycrosshairs{stroke:#374151!important}.continue-learning-section.svelte-fd9d6y{margin:var(--spacing-md) 0;position:relative;max-width:100%;overflow:hidden}.section-header.svelte-fd9d6y{margin-bottom:var(--spacing-md)}.section-header.svelte-fd9d6y h2:where(.svelte-fd9d6y){font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);color:var(--color-on-surface-high);position:relative;display:inline-block}.section-header.svelte-fd9d6y h2:where(.svelte-fd9d6y):after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background-color:var(--color-primary);border-radius:var(--border-radius-pill)}.section-description.svelte-fd9d6y{font-size:var(--font-size-sm);color:var(--color-on-surface-medium);max-width:700px}.content-grid.svelte-fd9d6y{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.card-wrapper.svelte-fd9d6y{height:100%}.learning-card{border:none!important;background-color:var(--color-surface)!important;overflow:hidden;height:100%;border-radius:var(--border-radius-lg)!important;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000000d}.learning-card:hover,.learning-card.hovered{transform:translateY(-8px);box-shadow:0 12px 24px #0000001a}.learning-card-inner.svelte-fd9d6y{padding:var(--spacing-md);display:flex;flex-direction:column;height:100%;cursor:pointer;position:relative;overflow:hidden}.learning-card-inner.svelte-fd9d6y:before{content:"";position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));opacity:0;transform:translateY(-4px);transition:all var(--transition-fast)}.learning-card-inner.svelte-fd9d6y:hover:before,.learning-card.hovered .learning-card-inner.svelte-fd9d6y:before{opacity:1;transform:translateY(0)}.card-header.svelte-fd9d6y{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.reading-time.svelte-fd9d6y{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-on-surface-medium)}.card-title.svelte-fd9d6y{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-on-surface-high);margin:0 0 var(--spacing-md);line-height:1.3;flex-grow:1;transition:color var(--transition-fast)}.learning-card-inner.svelte-fd9d6y:hover .card-title:where(.svelte-fd9d6y),.learning-card.hovered .card-title.svelte-fd9d6y{color:var(--color-primary)}.progress-container.svelte-fd9d6y{margin-top:auto}.progress-info.svelte-fd9d6y{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.progress-text.svelte-fd9d6y{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.continue-text.svelte-fd9d6y{font-size:var(--font-size-sm);color:var(--color-on-surface-medium);display:flex;align-items:center;transition:transform var(--transition-fast)}.arrow-icon.svelte-fd9d6y{margin-left:var(--spacing-xs);transition:transform var(--transition-fast);opacity:.8}.learning-card-inner.svelte-fd9d6y:hover .continue-text:where(.svelte-fd9d6y),.learning-card.hovered .continue-text.svelte-fd9d6y{color:var(--color-primary)}.learning-card-inner.svelte-fd9d6y:hover .arrow-icon:where(.svelte-fd9d6y),.learning-card.hovered .arrow-icon.svelte-fd9d6y{transform:translate(4px);opacity:1}.progress-bar.svelte-fd9d6y{height:6px;background-color:var(--color-surface-container);border-radius:var(--border-radius-pill);overflow:hidden}.progress-fill.svelte-fd9d6y{height:100%;background-color:var(--color-primary);border-radius:var(--border-radius-pill);transition:width .8s cubic-bezier(.16,1,.3,1)}.section-footer.svelte-fd9d6y{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.button-wrapper.svelte-fd9d6y{cursor:pointer;transition:all var(--transition-fast)}.button-wrapper.svelte-fd9d6y:hover{transform:translateY(-2px)}.button-wrapper.svelte-fd9d6y:active{transform:translateY(1px)}.empty-state.svelte-fd9d6y{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius-lg);color:var(--color-on-surface-medium);box-shadow:0 4px 12px #0000000d}.empty-state.svelte-fd9d6y svg:where(.svelte-fd9d6y){margin-bottom:var(--spacing-lg);color:var(--color-on-surface-disabled);animation:svelte-fd9d6y-pulse 2s infinite ease-in-out}@keyframes svelte-fd9d6y-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}.empty-state.svelte-fd9d6y p:where(.svelte-fd9d6y){font-size:var(--font-size-lg);margin:0 0 var(--spacing-lg);max-width:500px}@media (max-width: 768px){.section-header.svelte-fd9d6y h2:where(.svelte-fd9d6y){font-size:var(--font-size-xl)}.content-grid.svelte-fd9d6y{grid-template-columns:1fr}.card-title.svelte-fd9d6y{font-size:var(--font-size-md)}}