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