section#hero{background-color:var(--color-background);padding:var(--spacing-xl) 0;transition:background-color var(--transition-normal)}.learning-hub-dashboard{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.content-sections{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.learning-hub-dashboard>:global(.hero-section){width:100%;max-width:100%}.filters-container{margin:var(--spacing-sm) 0 var(--spacing-md);border-radius:var(--border-radius-lg);overflow:hidden;max-width:100%}.continue-section,.explore-section,.flashcard-section,.progress-section,.subscription-promotion-section{max-width:100%}.section-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-sm)}.header-content{flex:1;min-width:0}.header-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.compact-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface-variant);color:var(--color-on-surface-variant);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.2}.compact-action-btn:hover{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.compact-action-btn svg{flex-shrink:0}.section-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;color:var(--color-on-surface);line-height:1.2}.section-description{font-size:var(--font-size-sm);color:var(--color-on-surface-variant);margin:var(--spacing-xs) 0 0 0;line-height:1.4}.categories-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);align-items:center}.category-button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface-variant);color:var(--color-on-surface-variant);border:none;border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.2}.category-button:hover{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.category-button.active{background-color:var(--color-primary);color:var(--color-on-primary)}.reset-button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-error-container);color:var(--color-on-error-container);border:none;border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;margin-left:auto;white-space:nowrap;line-height:1.2}.reset-button:hover{background-color:var(--color-error);color:var(--color-on-error)}@media (max-width: 768px){.content-sections{padding:0 var(--spacing-sm);gap:var(--spacing-sm)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.header-content{width:100%}.header-actions{width:100%;justify-content:flex-start}.compact-action-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.section-header h2{font-size:var(--font-size-md)}.section-description{font-size:var(--font-size-xs);max-width:100%}.categories-row{overflow-x:auto;padding-bottom:var(--spacing-xs);flex-wrap:nowrap;margin-right:calc(-1 * var(--spacing-sm));padding-right:var(--spacing-sm);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:var(--spacing-sm)}.categories-row::-webkit-scrollbar{display:none}.category-button{flex:0 0 auto;scroll-snap-align:start;font-size:var(--font-size-xs)}.reset-button{flex:0 0 auto;scroll-snap-align:end;font-size:var(--font-size-xs)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);text-align:center;min-height:300px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-surface-container-high);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:var(--color-on-surface-medium);font-size:var(--font-size-md);margin:0}main.svelte-13aasti{scroll-behavior:smooth}